Skip to content

一个非常漂亮的Vue + Vuetify的后台管理面板

Notifications You must be signed in to change notification settings

Yiuman/citrus-vuetify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

citrus-logo

Citrus-Vuetify

项目简介

基于Vue+Vuetify的后台管理系统前端项目。提炼出了通用的业务组件模板,动态路由,可配合后台进行快速开发。

后端地址:https://github.com/Yiuman/citrus

LiveDemo 账号:admin 密码:123456

如果此项目对你有帮助,请记得给我一个小星星:star:

技术栈

前端技术栈:Vue2.x + vuex + vue-router + webpack + ES6 + vuetify

后端技术栈:Springboot + SpringSecurity + JWT + Mybatis-Plus

运行项目

因为此项目没有使用mock,所以也需要将后端项目clone下来,又或者你也是javaer,可以直接使用maven引入后端的starter使用

git clone https://github.com/Yiuman/citrus-vuetify.git

npm install

npm run serve

通用组件及业务组件

  • 登录、注销
  • 用户管理
  • 组织机构管理
  • 资源管理
  • 菜单管理
  • 权限管理
  • 角色管理
  • 个人中心
  • 访问日志

除了上面已列出的相关功能,还封装了一些通用的业务组件,比如:

  • 通用的表格组件(可根据接口数据进行表格的相关的渲染,如按钮控制,勾选控制等)
  • 通用的树形组件(同上)
  • 数据自渲染表单(可根据数据类型进行自动渲染表单)
  • 图片上传裁切组件

...

基于此前端与后台,还实现了一个比较简单的门店管理项目,就是LIVEDEMO里的内容

项目截图

home

home