水龙弹の快速添加按钮

最后更新于:2022-04-01 23:46:34

![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/39b87be9eeaed5a5c7510d565fe5cdc1_307x189.png) 关于快速开发,市面上有很多解决方案,生成代码的尤其多如牛毛,所以很多开发者都或多或少接触过一些代码生成工具,所以形成了一些惯性思维,觉得只有生成代码才能灵活拓展功能和业务,实际上Eova除了基本的增删改查,也支持各种扩展。 其中最具业务性的拓展就是自定义功能按钮,比如:修改状态,备份数据,清除Cache,自定义新增,自定义删除.... 类似这样的需求,千奇百怪,无论是生成器,还是引擎都无法提前为了准备好你可能遇到的所有场景。 所以Eova中经常会用到新增按钮来搞事情. 所以特别提供本技能来快速新增按钮并自动分配权限,赶紧体验一下吧,爽的不要不要的! ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/c2c7b25639dc27684044a78410fa3cc5_574x158.png) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/c4b7e04b2d383b113f6bdb12fae61959_644x167.png) * * * * * V1.6-beta5开始新增按钮模版功能: **界面更新** ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/47510aaef15036c6fc9d5591f75585bf_819x388.png) **按钮模版** ##### 后台执行 前端代码文件:`/eova/template/common/btn/execute.html` 功能:异步请求执行后台逻辑 场景:同步数据,清洗数据... ##### 二次确认 前端代码文件:`/eova/template/common/btn/confirm.html` 功能:至少选择一行数据,然后异步请求(并且携带选中行数据),提交到后台 场景:修改状态,更新数据,删除数据... ##### 输入内容 前端代码文件:`/eova/template/common/btn/input.html` 功能:至少选择一行数据,弹出一个输入框,然后异步请求(并且携带选中行数据+输入字符串),提交到后台 场景:修改余额,修改密码,新增类型... ##### 跳转新窗 前端代码文件:`/eova/template/common/btn/open.html` 功能:window.open(url); 场景:新窗口下载文件,预览前台业务... ##### 提交新窗 前端代码文件:`/eova/template/common/btn/submit.html` 功能:选中数据,然后同步提交到服务端,返回一个页面,并且跳出新窗口打开 场景:新窗查看数据 #### 项目实战 **需求背景** > 在`应用管理`里添加一个查看`实时日志`的功能: > 选中一个应用查看其日志内容 > 需要获取选中应用的编码,项目ID,环境编码Post提交后 > 新开页面查看日志内容. > 新开页面内通过Ajax实时获取最新日志 **需求分析** 1.Post提交 2.需要新开页面 3.服务端有2个处理方法,一个打开页面的,一个提供异步数据 主要配置如下:(使用提交新窗按钮模版) ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/c5e077420dccc009269a02285ca997d1_685x170.png) **术语特别解释** 前端代码文件:是按钮的前端实现,包括html,css,js. 服务端权限配置:是按钮需要服务端提供的接口的URI规则 (PS:也有可能不需要和服务端交互,比如只是弹出选中数据,或者打开百度) ~~~ // 同Spring 拦截器URI配置规则 语法 ? 匹配任何单字符 * 匹配0或者任意数量的字符 ** 匹配0或者更多的目录 常用案例 接口:/test/user/用户ID 规则:/test/user/* 接口:/test/user 规则:/test/user ~~~ **URI拦截策略** 超级管理员,拥有一切权限,不管是否配置按钮的服务端URI规则. 其它用户如果访问没有权限的按钮则会看到如下提示: `对不起,您没有权限进行该操作:/xxx/xxx` PS:重新进行对某角色进行按钮授权之后,该角色需要重新登录才会生效,F5只会看到按钮,依然会提示无权访问. **URI权限配置方法** 1. 详细配置 每个按钮都可以进行URI权限规则配置 可以做到精细化权限控制 精确到每个按钮操作,每一个页面异步操作. 2. 全局统一配置 详细配置可能繁琐,如果对业务安全的需求不高,比如内部使用,比如用户很少,确定使用者不会乱来. ~~~ // OSSConfig 添加 @Override protected void authUri() { super.authUri(); // 放行所有角色,所有URI(我是小白,我搞不明白URI配置,请使用这招,得了懒癌也可以这样搞后果自负.) // authUris.put(0, new HashSet(){ // { // add("/**/**"); // } // }); // 放行指定角色 // authUris.put(角色ID, new HashSet(){ // { // add("/xxx/**"); // URI配置语法咋么写? // @see AntPathMatcher // } // }); } ~~~ **特殊场景解释** 场景1:自定义按钮弹出的页面内加了一些ajax请求(实际上在实际开发的时候很多开发者也没有精细化管理这些零碎的ajax请求.) 1.单独控制:加入所属按钮的服务端权限配置 2.公共控制:把零碎的ajax/api集中到一起进行维护和权限配置,通过代码方式 PS:你也可以自己定制权限分配界面,然后动态将配置动态加载,比如API权限分配,默认Eova是不管这块的. 场景2:自定义业务,这种一般只有一个查询按钮 可以将所有的权限都写在查询按钮里,也可以补一些假的按钮来做权限配置.也可以自己查权限表去控制权限. **服务端代码参考** ~~~ // 产品管理 <- 功能演示 <- 综合业务 public class ProductController extends BaseController { // 清空库存 -> 二次确认按钮 public void clean() throws Exception { Integer id = getSelectValueToInt("id"); Db.update("update product set stock = 0 where id = ?", id); renderJson(Easy.sucess()); } // 添加积分 -> 前端输入按钮 public void score() throws Exception { Integer id = getSelectValueToInt("id"); String val = getInputValue(); Db.update("update product set score = score + ? where id = ?", xx.toInt(val), id); renderJson(Easy.sucess()); } // 更新产品 -> 后台执行按钮 public void refresh() throws Exception { List list = Db.find("select * from product"); for (Record r : list) { r.set("name", r.getStr("name") + 1); Db.update("product", r); } renderJson(Easy.sucess()); } } ~~~
';