一、安裝node.js(常規軟件安裝流程,比較簡單,不用贅述)
二、安裝express框架
1. 打開Windows命令提示符,輸入:
npm install express -g,等待,安裝好如下所示:
npm install express-generator -g,等待,安裝好如下所示:
2. npm是node自帶的一個工具,在命令行中使用可以快速安裝node.js里面的模塊,此時我們安裝了一個名叫"express"的框架,用於運行本地服務器。
三、初始化項目
1. 打開vs code的終端,輸入:
express myserver
cd myserver
npm install
作用分別是:用express框架創建一個項目名叫myserver、進入myserver目錄、初始化myserver項目所需的文件(下載所需的js文件)。
2. 項目的express框架組成
項目創建成功之后,生成五個文件夾、主文件app.js與配置信息文件packetage.json
bin是項目的啟動文件,配置以什么方式啟動項目,默認 npm start,其中的www文件用於啟動服務
node_modules是文件所需的模塊,在node.js中模塊與文件是一一對應的,也就是說一個node.js文件就是一個模塊,文件內容可能是我們封裝好的一些JavaScript方法、JSON數據、編譯過的C/C++拓展等,在關於node.js的誤會提到過node.js的架構。其中http、fs、net等都是node.js提供的核心模塊,使用C/C++實現,外部用JavaScript封裝。怎么使外部訪問這個module,我們知道客戶端的JavaScript使用script標簽引入JavaScript文件就可以訪問其內容了,但這樣帶了的弊端很多,最大的就是作用域相同,產生沖突問題,以至於前端大師們想出了立即執行函數等方式,利用閉包解決。node.js使用exports和require對象來解決對外提供接口和引用模塊的問題。
public是項目的靜態文件,放置js、css、img等文件(html文件夾是我自己添加進去的,存放網頁的,后期可能應該存放在views文件夾中)
routes是項目的路由信息文件,控制地址路由
views是視圖文件,放置模板文件ejs或jade等(其實就相當於html形式的文件)
以上就是基於 express的MVC框架模式,是一個Web項目的基本構成。
四、運行
1. 在終端進入bin目錄,輸入node www啟動服務
2.在瀏覽器中輸入http://localhost:3000/,這就是本地服務器的地址,訪問成功出現以下頁面
2. 訪問項目中的網頁,如登錄網頁login.html
此時,一個基於express框架的web項目便搭建好了~
參考鏈接:
https://jingyan.baidu.com/article/9c69d48ff3eb3d13c8024e7d.html
http://www.cnblogs.com/imwtr/p/4350282.html