張三的博客項(xiàng)目總結(jié)
- 請(qǐng)問項(xiàng)目用到了哪些技術(shù)邓尤？
- Node.js
- Modules:
- CommonJS的模塊化
- ECMAScript Module
- Modules:
- Expresss()框架
- MongoDB數(shù)據(jù)庫
- Mongoose庫
- Schema()
- Model()
- MVC：APP的設(shè)計(jì)模式/思想
- Model：模型(數(shù)據(jù))
- View：視圖
- Controller：控制器
- BootStrap：構(gòu)建布局
- EJS：視圖模版
- Node.js
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)目初始化
- 創(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ù)名、語句） - 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ù)庫
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)頁語言：HTMl css- 動(dòng)態(tài)網(wǎng)頁語言：index.pjp 棒仍、 index.jsp、 index.asp臭胜、
- 默認(rèn)頁：index.html index.thm index.php
網(wǎng)站工作原理
- 網(wǎng)站分為兩種：
靜態(tài)網(wǎng)站：沒有用到數(shù)據(jù)庫降狠，我的數(shù)據(jù)寫死html頁面里；- html 不支持變量
動(dòng)態(tài)網(wǎng)站：數(shù)據(jù)從數(shù)據(jù)里注入到頁面里庇楞；
- html 不支持變量
