SmallRecord
O(∩_∩)O~
前端 : vue2 + vue-router2 + vuex2 + axios + element-ui
后端 : koa2 + mongoose
线上地址 : http://smallrecord.3tstudio.cn
github : https://github.com/chenxingyuoo/SmallRecord
如果觉得有用的话可以给个star😊
应用截图
登录注册页面
pc端首页
webapp首页
后台管理系统
构建安装程序 (开发环境)
前端
注意 : 修改过 webpack 配置 , 变成多页应用 + 单页应用 。多页应用的具体配置可以查看 https://github.com/jarvan4dev/vue-multi-page
条件: Node.js版本(>=4.x), npm版本3+.
cd app/
# 安装依赖包
npm install
# 开启服务 , 热更新监听
npm run dev
# 打包
npm run build
后端
条件: Node.js版本(>=v7.6.0) mongodb(>=v2.6.0)
cd server/
# 安装依赖包
npm install
# mongodb 新建数据库 : smallRecord
开启mongodb服务
# 开启服务
npm run start
开发环境访问链接 :
后台管理系统 :http://localhost:3030/module/admin.html#/index
登录注册页 :http://localhost:3030/module/base.html
pc端首页 : http://localhost:3030/module/pc.html
webapp首页 : http://localhost:3030/module/webapp.html
构建安装程序 (生产环境)
前端
cd app/
# 打包
npm run build
后端
条件 : 需要安装 pm2 https://www.npmjs.com/package/pm2
cd server/
# 安装依赖包
npm install
# mongodb 新建数据库 : smallRecord
开启mongodb服务
# 部署
npm run build 或者 npm run pm2
生产环境访问链接 :
首页 : http://localhost:3000 (做一个 pc端 或者 移动端的重定向)
登录注册页 :http://localhost:3000/module/base.html
后台管理系统 :http://localhost:3000/module/admin.html/#index
Todos
文章的编辑与展示 使用 markdown 语法
注册登录token验证-
权限控制isAdmin === 1为管理员 ,要手动在数据设置。(不是管理员就不可以编辑和删除文章) 编辑文章文章分类更新文章展示文章删除文章查看文章
终端
pcwebApp- Android
- IOS