用戶界面
Node.js
內(nèi)置模塊
- path：用于處理路徑
- fs：用于處理文件系統(tǒng)
- http模塊：用于創(chuàng)建服務(wù)器
第三方模塊
- express
- mongoose
- ejs：嵌入式Javascript的HTML模塊
-
<% %>：注入動態(tài)數(shù)據(jù)（變量洁仗、對象名丈探、函數(shù)名芋哭、語句）
-
- Express-ejs-layouts：用于構(gòu)建視圖的模塊
- 第一步：安裝：npm install express-ejs-layouts
- 第二步：引入：引入模塊
- 第三步：
- nodemoon
本地模塊
MongoDB
模塊化
- html沒有模塊化概念
- css使用
@import url()導入css模塊- 不要把所有的css都寫在一個文件夾里
- 謹慎使用
@import url()規(guī)則(1.必須放在css文件首行 2.注意：不要引入字體) -
@import url()會發(fā)起請求
- ES 6使用
import和export導入模塊
Node.js APP 的開發(fā)步驟
第1步：項目初始化
- 創(chuàng)建package.json文件
mkdir myApp
cd myApp
npm init -y
- 創(chuàng)建項目目錄結(jié)構(gòu)
myApp
- models:存放數(shù)據(jù)模型模塊 module.exports = Blog
- views: 存放ejs視圖文件
- controllers: 存放控制器：處理請求的回調(diào)
- routes: 存放路由表
- public: 存放靜態(tài)資源（圖片熙涤、css、js饱溢、字體)
- app.js: 主文件（App入口）
- package.json: 描述App（app的名字庭猩、描述、關(guān)鍵字纸泡、版本漂问、第三方依賴)
第2步：安裝項目所需模塊
-
內(nèi)置模塊
- path
- fs
-
第三方模塊
- express: 構(gòu)建node.js APP。創(chuàng)建一個express應(yīng)用程序。express()函數(shù)是express模塊導出的頂級函數(shù)
- mongoose: 與mongoDB通信
- ejs：創(chuàng)建視圖
- express-ejs-layouts
-
本地模塊
- Model： 如: Blog數(shù)據(jù)模型
第3步：創(chuàng)建app.js的基本結(jié)構(gòu)
App.js
//引入模塊
//實例化App
const app = express()
//配置app實例
app.use('',callback) //為指定路徑注冊回調(diào)函數(shù)
app.set(key, value) //設(shè)置一個值蚤假，為以后調(diào)用
//連接數(shù)據(jù)庫
const uri = ''
mongoose.connect(uri)
.then()
.catch()
//配置路由
網(wǎng)站的基本原理
- 搭建一個網(wǎng)站栏饮，需要做三件事
- 1.買一個域名：域名是ip地址的別名。域名管理面板下設(shè)置
- 域名解析：把ip地址綁定到域名上磷仰。
- 2.買一個服務(wù)器：
- 每一服務(wù)器都有一個ip地址
- ip地址綁定一個域名
- 3.編寫一個程序袍嬉。
- 靜態(tài)網(wǎng)頁語言：HTML CSS
- 動態(tài)網(wǎng)頁語言：index.php \ index.jsp \ index.asp \ index.as
- 默認網(wǎng)頁：index.html \ index.html \ index.php
- 1.買一個域名：域名是ip地址的別名。域名管理面板下設(shè)置
網(wǎng)站的工作原理
- 網(wǎng)站分為兩種：
- 靜態(tài)網(wǎng)站：沒有用到數(shù)據(jù)庫，我的數(shù)據(jù)庫寫死html頁面里的
- html頁面不支持變量
- 動態(tài)網(wǎng)站：數(shù)據(jù)從數(shù)據(jù)里注入到頁面
- php：頁面
- 靜態(tài)網(wǎng)站：沒有用到數(shù)據(jù)庫，我的數(shù)據(jù)庫寫死html頁面里的
