NodeJS+Express搭建我的博客-環境搭建（一）

NodeJS+Express+MongoDb開發的我的博客

NodeJS+Express搭建我的博客-環境搭建（一）
NodeJS+Express搭建我的博客-gulp自動化構建工具使用（二）
NodeJS+Express搭建我的博客-Express+Mongodb組合架構介紹（三）
NodeJS+Express搭建我的博客-數據庫設計及Mongoose操做（四）
NodeJS+Express搭建我的博客-公共組件及工具類（五）
......

項目介紹

簡言

本項目主要針對博客的標準，利用所學的框架組件及相關插件進行開發，由於本身但願經過前沿技術開發一個比較成熟點的博客類管理系統，因此在此定製了一個目標，不斷完善我的博客項目，總結經驗和分享開發過程當中一些技術點和難點。本項目持續更新中，開源免費與各位愛好Node技術達人共勉，（ 注:現階段仍在開發中。。。。。）

模塊

使用工具包

1. gulp自動化構建工具：整合了代碼壓縮、圖片壓縮工具包，對視圖代碼及圖片進行壓縮處理，提高網站資源加載流暢度
2. ejs-mate模板引擎 因其支持partial，能夠對js或css合併生成，減小一個網頁中的多個請求個數，對優化網站有很大幫助
3.markdown文本編輯插件： editormd
4.文件上傳插件： formidable 該組件的使用能夠參考該文檔，使用方法簡單，後續章節會針對formData解析以及前端Ajax傳值進行細說

數據表設計

按照博客的業務邏輯進行了如下幾個關鍵表的設計：（後面章節會細說）

require('./category')       //文章分類表
require('./comment')        //評論表
require('./chat')           //碎言表
require('./oauth_user')     //用戶表
require('./article')        //文章表
require('./article_pic')    //文章圖片關聯表
require('./article_tag')    //文章標籤關聯表
require('./config')         //配置表
require('./tag')            //標籤表

exports.TagDb = mongoose.model('Tag') // 這是一個對象
exports.Article = mongoose.model('Article')
exports.ArticlePic = mongoose.model('ArticlePic')
exports.ArticleTag = mongoose.model('ArticleTag')
exports.Category = mongoose.model('Category')
exports.Chat = mongoose.model('Chat')
exports.Comment = mongoose.model('Comment')
exports.User = mongoose.model('User')

安裝步驟

1. 安裝工具及版本說明： npm: 6.0及以上, node: 8.9及以上, mongodb: 5.2.8及以上, git下載
2. 使用webstorm或其餘開發工具，運行git clone https://github.com/WebLss/Nod...
3. 運行 npm install 等待下載所需依賴包
4. 運行mongodb：能夠參考該文章： https://www.cnblogs.com/wangl...
5. 運行gulp命令：編譯壓縮生成dist, gulp自動化構建項目後續章節將會細說
6. 根據如下命令啓動項目：

{
  "name": "node-blog",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "win_start": "set NODE_ENV=production&&nodemon ./bin/www",  //win系統，表明啓動正式環境
    "win_dev": "set NODE_ENV=development&&nodemon ./bin/www",  //win系統，代碼啓動開發環境
    "mac_start": "NODE_ENV=production nodemon ./bin/www",   //mac系統，表明啓動正式環境
    "mac_dev": "NODE_ENV=development nodemon ./bin/www"   //mac系統，代碼啓動開發環境
  }
}

訪問路徑

後臺入口url: http://localhost:3000/admin (待完善)
前臺入口url: 持續開發中。。。。。。