Awesome Open Source
Awesome Open Source

citrus-logo

Citrus-Vuetify

项目简介

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

后端地址:https://awesomeopensource.com/project/Yiuman/citrus

LiveDemo 账号:admin 密码:123456

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

技术栈

前端技术栈: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


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (81,150
Webpack (9,592
Axios (3,423
Dashboard (3,191
Vuex (3,121
Admin (1,489
Vue Cli (1,143
Vuetify (1,012
Admin Template (265
Vue Admin (181
Related Projects