基于SpringBoot版本的Java注解驱动页面增删改查的渲染的开源应用
一款基于Java注解模版就能轻松完成复杂的增删改查的页面渲染以及事件交互,让后端小伙伴不在为了查询和表单提交而头疼。
为了提升阅读体验可以观看全局文档:
使用前稍微了解下:
AVue的组件官网 : 大部分注解都是基于AVue的属性设计而来。 ruoyi的文档地址 : 针对一些部署情况,如果是后端同学只需要稍微了解nodejs的情况。
ruoyi
的
改动文档
1. 操作介绍
负责展示了各模块的关系
@AVueRouteKey(groupKey = "test-route") // 表格的标题 @AVueTableOption(title = "这是一个测试", dialogDrag = true) // 适配后台服务的对应的处理接口 @AVueConfig(list = AVueControllerTest.LIST_URL, update = AVueControllerTest.UPDATE_URL, save = AVueControllerTest.UPDATE_URL, successKeyword = "true", successField = "success", messageField = "message") public class AVueCrudModel { * 注解介绍 * `@AVueInput`: 组件类型以@AVue开始,后面是具体的组件。 * - input : 代表文本框 * - select : 代表选择框 * - number : 代表数字框 * - json : 代表json组件 * 属性介绍: * addDisplay : 表示新增的时候是否展示 * editDisabled : 表示修改的时候是否不可编辑 * search : 代表列表页是否为搜索条件 * searchRequired : 代表搜索条件是否为必填 * dicData : 代表枚举字典 * dicUrl : 代表后台拉取对象 * 具体属性释义可参考 : https://avuejs.com/views/doc.html * 注解文档参考 : https://gitee.com/liukaixiong/RuoYi-AVue-Plus/blob/master/doc/annotation.md @AVueInput(prop = "id", label = "主键", addDisplay = false, editDisabled = true, search = true) private String id; @AVueInput(prop = "username", label = "用户名称", search = true) private String username; @AVueSelect(prop = "checkStatus", label = "认证状态", dicData = "CheckStatusEnums", search = true) private String checkStatus; @AVueSelect(prop = "likeStar", label = "喜欢明星", dicData = "test-likeStar-map") private Integer likeStar; @AVueNumber(prop = "age", label = "年龄", labelTip = "这是选择年龄的地方") private Integer age; @AVueRadio(prop = "sex", label = "性别", border = true, dicData = "SexEnums") private int sex; @AVueDatetime(prop = "validDate", label = "有效时间") private Date validDate; @AVueTime(prop = "time", label = "时分秒选择") private Date time; @AVueTimeRange(prop = "timeRange", label = "时分秒范围") private Date timeRange; @AVueDateRange(prop = "dateRange", rangeSeparator = "-", label = "日期范围", search = true, valueFormat = "yyyy年MM月dd日", format = "yyyy-MM-dd") private String dateRange; @AVueCheckbox(prop = "interest", label = "兴趣爱好", dicData = "InterestEnums") private List<String> interest; @AVueSwitch(prop = "status", label = "状态", dicData = "StatusEnums") private int status; @AVueDynamic(prop = "simpleModel", label = "子表单测试") private AVueSimpleModel simpleModel; @AVueGroup(prop = "groupModel", label = "分组测试1") private AVueNodeModel groupModel; @AVueGroup(prop = "groupModel2", label = "分组测试2") private AVueNodeModel groupModel2; // 省略get/set .... 其实如果只作为模版的话不需要getset.3. 页面展示
1. 列表页效果
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4uAM5kLE-1638426875013)(ruoyi-avue-client/README.assets/6d4ftd.gif)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Sqrkx22s-1638426875015)(ruoyi-avue-client/README.assets/xyju9p.gif)]