1 新增后台代码(增加insert)
1.1 Controller部分1(消费者)
首先创建消费者Controller,测试前台数据是否正确传入后台数据

1.2 provider部分(服务提供者)
创建service接口
创建service实现类
创建dao接口(dao的实现类由动态代理实现spring-dao.xml配置)
创建Mapper映射配置文件xml(sql语句)
注意目录与package的区别:
resource里是配置文件,创建的时候分割线用 /
package里是java代码文件,而包里的分隔线是点 .
service实现类注入dao
1.3 Controller部分2(消费者)
注入Service对象
服务发现:服务是注册到zookeeper中
Controller里注入的service对象实际上是从zookeeper注册中心去查找服务的信息,通过网络动态代理生成的。
Controller通过网络请求的动态代理对象调用服务提供方provider里的方法
返回页面结果
1.4 测试
父项目clean install
backend tomcat7 debug
查看service的动态代理对象
Controller从zookeeper注册中心获得service的信息,通过网络调用service动态代理对象

查看Dao的动态代理对象

页面请求成功

数据库

2 检查项分页(查询分页query)
2.1 页面部分
- 确定request请求参数:第几页,每页多少条,搜索关键字
- 后端返回response结果:PageResult
前端findPage方法发送请求:
先封装请求参数构造json:
currentPage、pageSize、queryString:动态的
来自分页条里的el-pagination 双向绑定的数据。数据双向绑定到data里的pagination,v-model queryString
发送ajax请求:
发送请求参数
返回结果数据封装,双向绑定到页面
页面中分页数据的双向绑定:data里数据的变化与页面显示的数据的变化相互绑定,相互影响


使用到findPage的地方
1 默认会查一页出来,自动触发 ——> 钩子函数调用findPage
2 查询按钮绑定事件:findPage
3 翻页跳转事件:
先更新要翻的页码,再findPage

2.2 后台代码
2.2.1 Controller1
debug模式下,前端数据正确传入后台

2.2.2 provider部分
创建service接口
创建service实现类
创建dao接口(dao的实现类由动态代理实现spring-dao.xml配置)
创建Mapper映射配置文件xml(sql语句)
mapper配置文件
一般分页查询:select * from t_checkitem limit 0,10;
但是limit并不是所有类型的数据库都支持的,使用PageHelper插件实现limit的作用

service实现类注入dao
2.2.3 Controller部分2
注入service对象,调用service的查询方法
2.3 测试

3 删除(delete)

点击确认后发送ajax请求进行删除
后台逻辑同上,注意Controller接收的id方式,如下图:

后台sevice里进行删除的时候要进行判断:

4 编辑检查项(update)
页面部分:
发送请求findById回显操作

发送update请求更新操作:

后台编写同上面
测试:
回显结果:


更新结果测试:

博客围绕后台代码开发展开,涵盖新增、检查项分页、删除和编辑检查项功能。新增部分涉及Controller和provider代码编写及测试;检查项分页包含页面和后台代码实现;删除通过ajax请求完成;编辑检查项有页面请求和后台编写。各功能均有相应测试。
3420

被折叠的 条评论
为什么被折叠?



