前端React+Antd ,后端Koa的博客平台

为什么不写文档说明,一是写不好,二也是最关键的实在是产出太少了;但是不妨碍水一篇文章分享下

前端作为展示所以结构比较简单

  • 主页,查看文章列表

前端React+Antd ,后端Koa的博客平台_第1张图片

  • 文章详情、评论
  • 关于,里面包含一些数据统计
前端默认使用的是admin账号的数据

你也可以进行线上预览,具体项目地址

文章如何管理

前端React+Antd ,后端Koa的博客平台_第2张图片
后台管理的操作有个单独的页面,使用Vue+elementUI的组合。主要功能如下:

  • 文章增删改查
  • 评论管理
  • 用户管理
  • 文章分类标签管理

后台管理打开很慢就不贴出来了,这是项目地址

服务端

所有的后台服务也是单独一个项目,使用的是Koa项目地址

这样加上就有三个地址了,这也是为了方便管理和修改,前端页面两个的原因是首先一个是后台管理一个是展示,其次后台管理页面使用的是 Vue,所以就分开了。

使用方法

数据库使用的MongoDB,没有的话要先安装启动,然后再启动后台服务,运行后台管理页,先注册一个admin账号,因为博客展示页默认请求的是admin账号的数据,这时候添加些分类、文章等等;运行博客前端页就可以看到效果了。

文章中上传的图片由于保存的是绝对路径,所以在开发环境的前台是看不到的,可以自行配置个代理

你可能感兴趣的:(react.js,koa2,mongodb)