項目實戰(連載):基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程(4)


本章主要講什么(一句話)?

《項目實戰:基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程(4)》

                                                                       -- 基於Node的Express項目環境框架搭建

一、前言

    從本節開始,我們將正式【多用戶博客系統】的項目開發工作。首先我們先從后台Node部分開始做起,一步步帶領大家完成整個博客系統的開發。

    本篇將主要幫助大家把Node環境下的Express框架搭建起來,后繼后台將會在這個框架上進行擴展與業務邏輯開發。

二、項目環境

Node.js: v 6.x

Express: v 4.x

MongoDB: v 3.x

三、准備工作&儲備知識

3.1、安裝Node

3.1.1 、下載

官網地址:https://nodejs.org/en/,目前最新版是V6.3.0

3.1.2、安裝

下載到本地硬盤后,雙擊  .msi文件直接安裝!

 

上面這些默認都要安裝!

安裝成功之后,可以在Windows系統菜單里看到關於Node的相關菜單,如下所示:

點擊 命令行工具:Node.js 菜單

出現以下界面,並敲入以下命令,如果出現如下結果,則說明Node.js安裝成功!

3.2、利用npm安裝包

什么是npm?

NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種:

1、允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。。

2、允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。

3、允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

由於新版的nodejs已經集成了npm,所以之前npm也一並安裝好了。同樣可以通過輸入 "npm -v" 來測試是否成功安裝。命令如下,出現版本提示表示安裝成功:

$ npm -v

2.15.8

3.3、淘寶npm鏡像

由於npm下載對應的服務器在國外,有一個 “被牆” 的問題,為此,建議安裝一個NPM鏡像,這里國內比較有名的就是 “ 淘寶npm鏡像

官網:淘寶NPM鏡像:http://npm.taobao.org/

你可以使用我們定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安裝成功之后,以后就可以用cnpm命令代替npm命令去安裝全局包了!

淘寶鏡像安裝成功后,則可以嘗試使用 cnpm install 來安裝相關的依賴包!如:

cnpm  install  bootstrap

3.4、安裝mongodb

具體見:

《項目實戰:基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程(2)》

《項目實戰:基於Angular2+Mongodb+Node技術實現的多用戶博客系統教程(3)》

此處略!

Node中安裝mongodb模塊

cnpm install mongodb

3.5、安裝Express

3.5.1、什么是Express?

Express 基於 Node.js 平台,快速、開放、極簡的 web 開發框架。

官網:http://www.expressjs.com.cn/

3.5.2、Express特性

3.5.3、如何安裝Express?

npm install  express    或 cnpm install express

四、快速搭建項目Express框架

4.1、安裝Node,安裝MongoDB

略。。。

4.2、安裝Express框架

安裝express,全局安裝 -g

npm install -g express  //說明:全局安裝的目的是為了更方便的在命令行使用

cnpm install -g express  //說明:全局安裝的目的是為了更方便的在命令行使用

4.3、 安裝express-generator,全局安裝-g

express4.0之后把創建一個APP的功能分離出來為express-generator,沒它你創建不了應用程序,需要全局安裝-g

npm install -g express-generator

cnpm install -g express-generator

4.4、 創建express項目

在想要創建的項目目錄下打開cmd窗口,定位到你需要創建項目的目錄下(如我本機是在D:\MyWebProject目錄下),執行如下命令:

express  node-blog //默認是jade引擎

express --view=ejs  node-blog //要創建ejs引擎用下面的命令

執行命令成功后,控制台上會出現如下提示:

查看創建的項目錄:

4.5、運行測試

第一步:在命令行中健入如下命令:

cd node-blog & cnpm install

如下圖所示:

第二步:再在命令行中,健入:npm start

如下圖所示:

第三步:打開瀏覽器,健入:

http://localhost:3000

出現如下畫面,說明Express框架成功:

至此:基於Node的Express框架搭建成功!

五、后述

      本小節主要介紹了項目前期所必須的環境搭建必備知識,其中重點介紹了Express框架,演示了MyBlog后台框架搭建的全過程。
此部分代碼下載(百度網盤):鏈接:http://pan.baidu.com/s/1miwNExa

    《基於Angular2+Mongodb+Node技術實現的多用戶博客系統》正在連載中,明天我將為大家推出【第五章:Express框架自動產生的代碼進行深度剖析和優化重構】,歡迎各位繼續關注~

      搜索並關注“風舞煙”的簡書專欄、頭條號、微信公眾號、 企鵝媒體平台,你可以定期收到關於簡書專欄的最新動態以及IT前沿最新技術的高質量經驗文章、視頻分享。

謝謝大家的支持,歡迎大家留言交流。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM