本框架为响应式 SPA框架,支持 PC 与手机端的屏幕自适应。手机展示效果视频在文章末尾查看。
框架入口地址:http://agile.letyouknow.net
1、框架登录界面,输入账号与密码,点击立即登录
2、框架主界面,左-右结构,左边为手风琴式菜单(左菜单可点击三图标收缩与展开),右边内容显示
3、应用管理,所谓应用管理, 是泛指所有需要加入权限控制的服务,包括ASP.NET CORE WEBAPI。当我们后端 API 项目有 N 个时,有时候我们需要将权限粒度控制到很细时,比如希望能控制动态控制到某个具体的方法时,我们就需要对它控制。(当然,如果您只需要针对一整个项目来作一个粒度来控制权限的话,那直接使用 IdentityServer 或 JWT 自定义认证足已)
4、字典的基本管理,每个应用可能都会使用一些字典数据,双击某行可快捷显示详情内容
5、菜单管理,可管理每个应用的菜单,与其对应的按钮
6、按钮管理,配置每个应用的菜单对应的按钮
7、部门管理
8、左菜单的收缩与展开
9、角色的管理,它包括配置数据资源权限与菜单权限,还有可配置按钮的权限
10、用户管理,包括分配角色,分配以穿梭框方式操作,左右穿越
11、对角色分配菜单与按钮的权限
12、个人资料的管理,可上传头像,修改密码。上传头像使用了 VUE Upload 上传组件
VUE Upload 上传组件,支持拖放,伸缩调整图片,查看上传进度
13、左下角放置了常用功能按钮,全屏显示、临时锁屏、退出系统
14、双击列表中某行,快捷展示详情内容
15、此框架为响应式设计,适应于各种手机屏展示。支持 PC 与手机端的屏幕自适应,同时设计为 SPA 模式,可结合 AppCloud 快速生成安卓或 IOS 的 APP。