Skip to content

chenxingyuoo/SmallRecord

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

98 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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为管理员 ,要手动在数据设置。(不是管理员就不可以编辑和删除文章)
  • 编辑文章
  • 文章分类
  • 更新文章
  • 展示文章
  • 删除文章
  • 查看文章

终端

  • pc
  • webApp
  • Android
  • IOS