Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yiuman/citrus-vuetify

一个非常漂亮的Vue + Vuetify的后台管理面板
https://github.com/yiuman/citrus-vuetify

admin admin-template admintemplate axios dashboard vue vue-admin vue-cli vuerouter vuetify vuetify-admin vuetify-admin-dashboard vuex webpack

Last synced: 17 days ago
JSON representation

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

Awesome Lists containing this project

README

        



citrus-logo

Citrus-Vuetify

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

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

[LiveDemo](http://42.192.95.146:8088/#/login) 账号:admin 密码:123456

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

### 技术栈

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

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

### 运行项目

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

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

npm install

npm run serve
```

### 通用组件及业务组件

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

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

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

...

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

### 项目截图

![home](./doc/home.png)

![home](./doc/login.png)