A Blog CMS Powered By Vuejs+Nodejs+Express+Mongodb
全棧開發(fā)之博客內(nèi)容管理系統(tǒng):一個前端基于Vuejs2.0毙芜,后端基于Nodejs贯莺,數(shù)據(jù)庫基于Mongod的博客內(nèi)容管理器
開發(fā)環(huán)境: MACpro
Feauter
- 資源的CURD,篩選发钝,排序
- 密碼使用MD5加密
- 登錄使用passport驗證登錄
- 用戶會話記錄
- 隨機生成測試數(shù)據(jù)
前端
- Vue.js2.0
- Vue-Router2.0
- Vue-resource
- Vue-loader
后端
- Node.js
- Express
數(shù)據(jù)庫
- mongoDB
- mongoose
工具和語言
- Bootstrap
- Webpack
- ES2015
- HTML5
- vue-cli
主要依賴包
- vue-html-loader css-loader vue-style-loader
- vue-hot-reload-api
- babel-loader
- babel-core
- babel-plugin-transform-runtime
- babel-preset-es2015
- babel-runtime
- copy-webpack-plugin
- extract-text-webpack-plugin
- Bootstrap
- FontAwesome
- express-session
- express-validator
- slug
- pinyin
- md5
- passport
- connection-mongo
- moment
本地測試
- 安裝node環(huán)境鲤看,
- 安裝mongodb數(shù)據(jù)庫并開啟服務(wù)(mac命令:mongod --dbpath "/usr/local/var/mongodb" (前提是沒有修改默認路徑))
克隆遠程庫
git clone https://github.com/wangzhongjie/BlogCms.git
進入項目目錄
cd BlogCms
安裝依賴
npm install
進入服務(wù)器所在文件夾并運行服務(wù)器
cd server
node server
打開瀏覽器輸入http://localhost:3300/