0
点赞
收藏
分享

微信扫一扫

基于国内某互联网企业数据平台实习增删改查-以APP应用为例

杰森wang 2022-04-15 阅读 47

实现效果如下:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAcXFfNDU3NTY5NTQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

步骤

1.1.建表及创建序列使用liquibase脚本
watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAcXFfNDU3NTY5NTQ=,size_12,color_FFFFFF,t_70,g_se,x_16

 watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAcXFfNDU3NTY5NTQ=,size_10,color_FFFFFF,t_70,g_se,x_16

 

1.2.表对应后台配置(app_info_test.xml)

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


在1070890.xml中配置app_info_test.xml文件路径

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


最后将配置整合到dev.cux.xml里(配置到这里就已经结束了)

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


1.3.后台的实现
①Controller请求响应,通过调用service层,实现数据的传递

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1

 

映射地址  例如:@RequestMapping(value = "/test/app/query")

请求并重定向

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


②DTO数据传输,封装TestApp实体类,提供get、set方法对其属性进行封装,安全

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


③Mapper层,接口TestAppMapper继承的方式实现对数据的持久化

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


④Service层,继承和实现接口,imlp-接口实现,把Mapper和Service进行整合

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


1.4.利用kendo UI框架简化js开发,渲染并实现前端
View响应controller交给它的数据,实现视图展示

①设置属性,传递数据
viewModel.model.set('appAbbreviation',null);
viewModel.model.set('appName',null);
viewModel.model.set('appDescription',null);
viewModel.model.set('appStatus',null);

②利用bootstrap模板实现并渲染按钮

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


对应数据平台维护描述

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


type="text"文本输入框

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


属性和对应文本框进行绑定

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


③获取数据源并对数据进行初始化

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


④传递参数

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1


⑤声明主键及属性
640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1

⑥实现分页

640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1

 

更多内容请关注微信公众号

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAcXFfNDU3NTY5NTQ=,size_11,color_FFFFFF,t_70,g_se,x_16

 

 

举报

相关推荐

0 条评论