Skip to content

tobeapro/react-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

启动

yarn build:dll //dllPlugin,生成公共vendor
yarn start //测试开发
yarn build //生产打包

为什么不写文档说明,一是写不好,二也是最关键的实在是产出太少了😂

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

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

你可以进行线上预览

文章如何管理

后台管理的操作有个单独的页面,使用Vue+elementUI的组合。主要功能如下:

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

后台管理可以注册账号试用,这是项目地址

服务端

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

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

使用方法

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

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