Citrus Vuetify Save

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

Project README

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

Open Source Agenda is not affiliated with "Citrus Vuetify" Project. README Source: Yiuman/citrus-vuetify

Open Source Agenda Badge

Open Source Agenda Rating