張三的博客項(xiàng)目總結(jié)

1. 請(qǐng)問項(xiàng)目用到了哪些技術(shù)？
   • Node.js
     • Modules:
       • CommonJS的模塊化
       • ECMAScript Module
   • Expresss()框架
   • MongoDB數(shù)據(jù)庫(kù)
   • Mongoose庫(kù)
     • Schema()
     • Model()
   • MVC：APP的設(shè)計(jì)模式/思想
     • Model：模型(數(shù)據(jù))
     • View：視圖
     • Controller：控制器
   • BootStrap：構(gòu)建布局
   • EJS：視圖模版

NPM VS NPX

Npm : Node.js的軟件包管理器（Node.js Package Manager ）

NPX: Node.js的軟件包執(zhí)行器 (Node.js Package Executor)

express Generator

定義

express Generator是快速生成Express APP的腳手架。

Node.js APP 的開發(fā)步驟

第1步：項(xiàng)目初始化

1. 創(chuàng)建package.json文件(模塊包，管理項(xiàng)目用到模板)

mkdir myApp 
cd myApp
npm init --yes
npm init -y

第2步. 創(chuàng)建項(xiàng)目目錄結(jié)構(gòu)

myApp
- models:存放數(shù)據(jù)模型模塊 module.exports = Blog
- views: 存放ejs視圖文件
- controllers: 存放控制器：處理請(qǐng)求的回調(diào)
- routes: 存放路由表
- public: 存放靜態(tài)資源（圖片、css、js、字體)
- app.js: 主文件（App入口）
- package.json: 描述App（app的名字、描述、關(guān)鍵字、版本、第三方依賴)

第3步：安裝項(xiàng)目所需模塊

一鍵安裝npm i

• express
• mongoose
• ejs
• express-ejs-layouts

第4步：引入模塊（注意順序引入）

用戶界面
node.js
內(nèi)置模板

• path：用于處理（拼接）路徑段；
• fs：用于處理文件系統(tǒng)；
• http：用于創(chuàng)建服務(wù)器;

第三方模板

• express: 構(gòu)建node.js APP;
• mongoose: 與mongoDB通信;
• Ejs：創(chuàng)建視圖;嵌入式Javasript的hitml模板
  -<% %>:注入動(dòng)態(tài)數(shù)據(jù)（變量、對(duì)象名、函數(shù)名、語(yǔ)句）
• nodemon：開發(fā)?
• express--ejs-layouts:用于構(gòu)建視圖的模板；
• 第一步：安裝npm install ejs？？？

本地模塊

• Model： 如: Blog數(shù)據(jù)模型

模塊化
** html**沒有模塊的概念

• css使用@import導(dǎo)入css模塊
  • 不要把所以的css都寫在一個(gè)文件里
• 謹(jǐn)慎使用@import 規(guī)則（1.必須放在css文件首行 2.注意：不要引入字體）
• @import會(huì)發(fā)起請(qǐng)求
• ES 6使用 import 和export導(dǎo)入模塊

第5步：創(chuàng)建app.js的基本結(jié)構(gòu)

App.js

//引入模塊
const express=require('express')

//實(shí)例化App
const app = express() 

//配置app實(shí)例
app.use('',callback) //為指定路徑注冊(cè)回調(diào)函數(shù)
app.set(key, value) //設(shè)置一個(gè)值，為以后調(diào)用

//連接數(shù)據(jù)庫(kù)
const uri = ''
mongoose.connect(uri)
        .then()
        .catch()

//配置路由

網(wǎng)站的基本·原理

• 搭建一個(gè)網(wǎng)站，需要做的三件事：
• 買一個(gè)域名：域名是ip地址的別名。域名管理面板下設(shè)置
  • 域名解析：把ip地址綁定到域名上；
• 買一個(gè)服務(wù)器：
  • 每個(gè)服務(wù)器都是一個(gè)ip地址。
  • ip地址綁定一個(gè)域名。
• 編寫一套程序：
  -靜態(tài)網(wǎng)頁(yè)語(yǔ)言：HTMl css
  • 動(dòng)態(tài)網(wǎng)頁(yè)語(yǔ)言：index.pjp 、 index.jsp、 index.asp、
• 默認(rèn)頁(yè)：index.html index.thm index.php

網(wǎng)站工作原理

• 網(wǎng)站分為兩種：
  靜態(tài)網(wǎng)站：沒有用到數(shù)據(jù)庫(kù)，我的數(shù)據(jù)寫死html頁(yè)面里；
  • html 不支持變量
    動(dòng)態(tài)網(wǎng)站：數(shù)據(jù)從數(shù)據(jù)里注入到頁(yè)面里；