使用express建立專案
1.express框架
什麼是node?
Node是一個平臺,是執行JavaScript的平臺,它是JavaScript的宿主
是伺服器端的JavaScript,
(同步Synchronous)
它是單執行緒 Thread 阻塞, 使用非同步Asynchronous的I/O
多執行緒,效能高,解決併發(某一個時刻訪問的人過多)執行緒之間的通訊是難點
為什麼用node
師出名門,node開源的專案,使用谷歌V8
解析器(引擎--引導執行),而V8是解析JavaScript的 事件驅動 delegate(代理、委託--中間人) 點什麼按鈕(即產生什麼事件),電腦執行什麼操作(即呼叫什麼函式) webkit --webkit-- --ms-- --moz--
NPM?(類似App store) www.npmjs.com
node package manage包管理器 ,可以在NPM上下載,上傳各種模組包
var a=10;
程式碼段
函式(方法)
庫(模組)
框架 (指令碼-框架-平臺)
平臺
window+r
cd Desktop–桌面
npm -l
npm help init–詳細文件
npm init packagename :express-demo description : 使用express手動建立專案 entry point: (index.js) (server.js) test command: node index.js git-版本管理 keywords: node express 模組包 author: 閆鳳婷 license: (ISC)-許可證 MIT(商業收費)
2.回顧以前的js知識
$.post(),
$.get(),
$.ajax()
xmlhttprequest() 用於在後臺與伺服器交換資料。
總結:
手動建立node專案:
1.使用npm init命令建立package.json
2.建立入口檔案index.js
3. 編寫程式碼
3.1安裝一些專案依賴的模組,這些模組中已經存在大量的API供你使用
使用npm install 命令去安裝
3.2你自己封裝的業務邏輯
4.使用node index.js執行
如何操作?
npm install 安裝模組包 npm install package-name --save --save會把安裝的模組包新增到package.json檔案中的dependencies項下 --save-dev會把安裝的模組包新增到package.json檔案中的devDependencies項下 版本不經常變化(大的穩定)的安裝到devDependencies -g global 全域性檔案會安裝到 C:\Users\ASUS\AppData\Roaming\npm\node_modules 可以使用npm root -g檢視全域性安裝目錄。 引用錯誤referenceError
package.json(專案清單)
它是一個JSON檔案,JSON(Javascript Simple Object Notation)是一種簡單的資料交換格式。
JSON檔案中不能添加註釋,語法格式嚴謹,雙引號不能省略。且必須使用雙引號,不能用單引號
在json裡面添加註釋,只能多加一個屬性,
"version-desc":"專案的版本號"
專案清單 讓其他開發人員快速的瞭解你的專案,
瞭解你專案的主要功能,專案的入口檔案,當前專案所使用的其他模組包
1.如何讓index.html動態化?
render()渲染
或者使用jQuery中的Ajax
2.express框架中還有沒有其他的方式讓瀏覽器去查詢檢視進行渲染 ?
使用路由(router)
路由是什麼?
是客戶端發起請求,伺服器端響應的一條路
如何建立一個路由?
先建立一個資料夾router,
1.路由功能是express框架提供的,所以第一步必須引入express框架,通過express.Router()來建立一個路由例項
2.定義一系列的路由介面,如route.get()
3.要把定義好的路由匯出,讓你定義好的路由在別的資料夾中能夠訪問 modele.exports = route;
如何使用路由?
1.在入口檔案index.js中先把定義好的路由匯入。
var index = require("./router/index.js")
2.然後加入管線 app.use(index)
-
如何讓檢視動態化?
使用ajax請求資料,再渲染到檢視上。
或使用render()函式進行伺服器端渲染,使用檢視模板(如:ejs)進行渲染 -
使用express生成器自動建立專案
2.1. 先安裝生成器:
npm install express-generator -g
2.2. 再建立專案:
express project-name --ejs
–ejs是檢視模板
檢視模板有很多,常用的有ejs,art-template,pug(jade),handlebars
2.3. 安裝專案所依賴的模組包:
cd 專案名稱
npm install
2.4. 執行專案:
npm start -
專案結構詳解
node_modules:是安裝的第三方模組包,可以刪除重新安裝。一般不建議進行git版本管理。
public:是靜態資原始檔夾,主要存放一些靜態圖片,樣式,指令碼,文件,音訊,視訊等等。專案的小圖示要放到此位置。
public/images:放圖片(img)
public/javascripts:放指令碼(js, scripts)
public/stylesheets:放樣式(css)
routes:放的是路由介面(本質上是中介軟體)
views: 放置檢視
bin:放置是和啟動相關的業務邏輯,express幫你封裝好了,一般不讓修改。去引入了app.js。
http狀態碼瞭解:
200成功
301重定向
404頁面找不到
500伺服器端程式碼出錯
1開頭表示和訊息相關的狀態
2開頭表示和成功相關的狀態
3開頭表示和重定向相關的狀態
4開頭表示和客戶端相關的錯誤,比如:頁面未找到404
5開頭表示和伺服器相關的錯誤