1. 程式人生 > >使用express建立專案

使用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)
  1. 如何讓檢視動態化?
    使用ajax請求資料,再渲染到檢視上。
    或使用render()函式進行伺服器端渲染,使用檢視模板(如:ejs)進行渲染

  2. 使用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

  3. 專案結構詳解
    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開頭表示和伺服器相關的錯誤