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

为何不写文档说明,一是写很差,二也是最关键的实在是产出太少了😂;可是不妨碍水一篇文章分享下

前端做为展现因此结构比较简单

  • 主页,查看文章列表

qweqweqwe.png

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

你也能够进行线上预览,具体项目地址前端

文章如何管理

F1BB79C1-DD76-4A4F-B45C-1B7B0CDC15F7.png
后台管理的操做有个单独的页面,使用Vue+elementUI的组合。主要功能以下:vue

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

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

服务端

全部的后台服务也是单独一个项目,使用的是Koa项目地址git

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

使用方法

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

文章中上传的图片因为保存的是绝对路径,因此在开发环境的前台是看不到的,能够自行配置个代理
相关文章
相关标签/搜索