莫方教程网

专业程序员编程教程与实战案例分享

个人博客管理系统源码

技术栈

后端技术栈:egg.js + mysql + sequelize + jwt 等

前端技术栈:vue全家桶 + axios + elementUI + markdown编辑器等

前端项目地址:https://github.com/caiheping/vue-cms

项目运行

git clone https://github.com/caiheping/egg-cms.git

# 如果clone 很慢,也可以拉码云的仓库

git clone https://gitee.com/caiheping/egg-cms.git

cd egg-cms

npm install

然后修改config/config.default.js和database/config.json(这个改不改都行)下自己的数据库用户名和密码

创建数据库egg_cms_development

在egg_cms_development数据库下导入项目根目录下egg_cms_development.sql文件

运行项目

npm run dev

浏览器打开 http://127.0.0.1:7001/index.html

admin登录账号:admin,密码: 123456 普通用户账号密码自己用admin去用户管理创建

演示地址:http://blog.caihp.top (自己服务器只开放部分功能,想要查看全部功能,请copy代码在自己的电脑上看)

用户名: test

密码:123456

项目功能

登录 -- 完成

首页 -- 去我的博客

文章列表 -- 增删改查

文章类型 -- 增删改查

用户中心 -- 增删改查

角色管理 -- 增删改查

菜单管理 -- 增删改查

部门管理 -- 增删改查

通知公告 -- 增删改查

头像上传 -- 完成

我的博客前端界面(知道地址后无需登录就可以进入)

界面截图













传送门:前端vue3 + 后端egg项目地址:https://github.com/caiheping/oa-api 或者 https://gitee.com/caiheping/oa-api

标签:博客前端页面 

作者:mofang723 , 分类:技术文章 , 浏览:15 , 评论:0

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言

    滇ICP备2024046894号-1