SmallRecord
O(∩_∩)O~
前端 : vue2 + vue-router2 + vuex2 + axios + element-ui
后端 : koa2 + mongoose
線上地址 ： http://smallrecord.3tstudio.cn
github : https://github.com/chenxingyuoo/SmallRecord
如果覺(jué)得有用的話可以給個(gè)star??
應(yīng)用截圖
登錄注冊(cè)頁(yè)面
pc端首頁(yè)
webapp首頁(yè)
后臺(tái)管理系統(tǒng)
構(gòu)建安裝程序 (開(kāi)發(fā)環(huán)境)
前端
注意 : 修改過(guò) webpack 配置 ， 變成多頁(yè)應(yīng)用 + 單頁(yè)應(yīng)用 。多頁(yè)應(yīng)用的具體配置可以查看 https://github.com/jarvan4dev/vue-multi-page
條件: Node.js版本(>=4.x), npm版本3+.
cd app/
# 安裝依賴包
npm install
# 開(kāi)啟服務(wù) ， 熱更新監(jiān)聽(tīng)
npm run dev
# 打包
npm run build
后端
條件: Node.js版本(>=v7.6.0) mongodb(>=v2.6.0)
cd server/
# 安裝依賴包
npm install
# mongodb 新建數(shù)據(jù)庫(kù) : smallRecord
開(kāi)啟mongodb服務(wù)
# 開(kāi)啟服務(wù)
npm run start
開(kāi)發(fā)環(huán)境訪問(wèn)鏈接 ：
后臺(tái)管理系統(tǒng) ：http://localhost:3030/module/admin.html#/index
登錄注冊(cè)頁(yè) ：http://localhost:3030/module/base.html
pc端首頁(yè) ： http://localhost:3030/module/pc.html
webapp首頁(yè) ： http://localhost:3030/module/webapp.html
構(gòu)建安裝程序 (生產(chǎn)環(huán)境)
前端
cd app/
# 打包
npm run build
后端
條件 : 需要安裝 pm2 https://www.npmjs.com/package/pm2
cd server/
# 安裝依賴包
npm install
# mongodb 新建數(shù)據(jù)庫(kù) : smallRecord
開(kāi)啟mongodb服務(wù)
# 部署
npm run build 或者 npm run pm2
生產(chǎn)環(huán)境訪問(wèn)鏈接 ：
首頁(yè) ： http://localhost:3000 (做一個(gè) pc端 或者 移動(dòng)端的重定向)
登錄注冊(cè)頁(yè) ：http://localhost:3000/module/base.html
后臺(tái)管理系統(tǒng) ：http://localhost:3000/module/admin.html/#index
Todos
文章的編輯與展示 使用 markdown 語(yǔ)法
注冊(cè)登錄token驗(yàn)證-
權(quán)限控制isAdmin === 1為管理員 ，要手動(dòng)在數(shù)據(jù)設(shè)置。(不是管理員就不可以編輯和刪除文章) 編輯文章文章分類更新文章展示文章刪除文章查看文章
終端
pcwebApp- Android
- IOS
