vue quasar admin
1.0.0
代碼太醜,不建議照搬,可以看一看RBAC 的實現思路,這是通用的。
Quasar-Framework 是一款基於vue.js開發的開源的前端框架, 它能幫助web開發者快速創建以下網站:響應式網站,漸進式應用,手機應用(通過Cordova),跨平台應用(通過Electron) 。 Quasar允許開發者在只寫一次代碼的情況下發佈到多個平台website, PWA ,Mobile App 和Electron App 在使用Quasar的時候, 你甚至不需要Hammerjs, Momentjs, 或者Bootstrap, Quasar框架內包含了已經這些東西,你可以很簡單就使用到。 vue-quasar-admin是基於Quasar-Framework搭建的一套包含通用權限控制的後台管理系統(目前只針對PC端)。
online demo
登錄賬號:
admin 123
test 123456
website_admin 123456
請不要隨意修改賬號名稱,其他操作隨意,可通過右上角"數據初始化"按鈕初始化數據
.
├── .quasar Quasar CLI生成的配置
└── src
├── assets 资源文件
├── components 自定义组件
├── css 样式文件
├── layout 布局组件
├── libs 工具方法
├── router 路由配置
├── store 状态管理
├── service API管理
├── plugins 需要全局注册的组件、指令、插件
└── pages
├── cms
│ └── 文章管理
├── develop
│ ├── 官方组件
│ └── 业务组件
├── organization
│ ├── 部门管理
│ └── 职位管理
├── other
│ └── 审计日志
├── permission
│ ├── 功能管理
│ ├── 角色管理
│ ├── 角色权限管理
│ ├── 角色用户管理
│ └── 用户角色管理
├── system
│ ├── 菜单管理
├── user
│ └── 用户管理
├── 403 无权限页面
├── index 首页
└── login 登录页
npm install -g vue-cli
npm install -g quasar-cli
npm install
quasar dev
quasar build
後台程序
git clone https://github.com/wjkang/quasar-admin-server.git
npm install
npm run start
npm run production
後端程序使用koa2構建,並且使用lowdb持久化數據到JSON文件(使用JSON文件存儲是為了快速構建demo)。
可多細節可查看源碼