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请求更新操作:
后台编写同上面
测试:
回显结果:
更新结果测试: