caiheping / vue-cms

vue-cms是一个中后台系统,后端主要由node(egg.js),MySQL,JWT,Sequelize,前端主要由vue全家桶,elementUI编写的通用后台管理系统,暂时功能包括用户鉴权,用户管理,角色管理,菜单管理,博客管理等等。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-cms

描述

cms-api 为前后端分离的博客管理系统。

技术栈

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

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

后端项目地址:https://github.com/caiheping/egg-cms

项目运行

后端项目运行

请移到:https://github.com/caiheping/egg-cms

前端项目运行

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

如果clone代码慢可以clone码云的仓库

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

cd ./vue-cms

npm install

npm run serve

项目功能

  • 登录 -- 完成
  • 首页 -- 去我的博客
  • 文章列表 -- 增删改查
  • 文章类型 -- 增删改查
  • 用户中心 -- 增删改查
  • 角色管理 -- 增删改查
  • 菜单管理 -- 增删改查
  • 部门管理 -- 增删改查
  • 通知公告 -- 增删改查
  • 头像上传 -- 完成
  • 我的博客前端界面(知道地址后无需登录就可以进入)

目录结构

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

用户名: test

密码:123456

界面截图

登录页

首页

home

博客管理 > 文章列表

article-list

博客管理 > 文章类型

article-type

博客管理 > 友情链接

friendly-link

系统管理 > 用户管理

userManagement

系统管理 > 角色管理

roleManagement

系统管理 > 菜单管理

menuManagement

系统管理 > 部门管理

deptManagement

系统管理 > 字典管理

dictManagement

系统管理 > 通知公告

noticeManagement

我的博客 > 首页

web-home

我的博客 > 文章详情

web-article-detail

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

About

vue-cms是一个中后台系统,后端主要由node(egg.js),MySQL,JWT,Sequelize,前端主要由vue全家桶,elementUI编写的通用后台管理系统,暂时功能包括用户鉴权,用户管理,角色管理,菜单管理,博客管理等等。


Languages

Language:Vue 71.0%Language:JavaScript 19.4%Language:SCSS 7.8%Language:HTML 1.8%