数据库|捋清了这几个思路,写起代码来很简单( 二 )


对应RouteServlet中的queryRouteDetail()方法 , 请求参数为rid 。
二、后台代码编写1web层
说来说去无外乎就是核心三个步骤:
①获取请求数据
getParameter()方法:使用该方法获取具体某个请求数据 。
getParameterMap()方法:获取多个请求数据时 , 就使用该方法 。
②Service层处理数据
包括转换数据为json格式 , 都可以在Service层中去处理 。
③响应数据
不用多说 , 固定写法 , 只不过有时候也会使用到重定向这些 。
2Service层
前面也分析过 , 前端需要的数据有两块:基本信息和图片信息 , 都需要去数据库查询 。
所以分别对应了两个查询方法:
①查询基本信息
在Java中数据表对应着一个Java实体类 , 但是此处查询是多表查询 , 数据由多张表组成 。
所以这里使用Map集合接受数据 。
②查询图片信息
对应tab_route_img这张表 , 在Java中查询结果对应RouteImg这个实体类 。
③封装处理数据到map中
以前我们会创建一个Map封装数据 。 但现在因为①中有现成的Map , 直接将②中的数据封装进①中即可 。
④转换层json数据并返回
不用多说 , 固定写法 。
3Dao层
①查询页面基本信息
既然返回值是Map , 那么使用jdbcTemplate的queryForMap()方法即可 。
其中这里需要主动处理一个异常 。
②查询页面的图片信息
查询结果是一个装有RouteImg对象的集合 , 使用query()方法 。
三、前端页面解析1基本信息解析
前端解析无外乎就是:

  • 取出响应数据 , 如果响应数据为集合 , 则遍历取出 。 如果不是 , 则使用键值对直接取出 。
  • 确定使用什么选择器 , 定位页面中对应的标签 , 再将数据动态添加进该标签 。

①获取响应数据
如果信息很少 , 那自然可以很轻松地将后台响应数据的key值记下来 。
但如果信息很多 , 记不住 , 可以在控制台上输出 , 再通过F12查看 , 一一对应了填写 。
②使用选择器定位页面
如果一个页面很多行代码 , 我们想在页面中找到对应标签挺浪费时间的 。
这里就可以使用鼠标右键 , 点击检查 , 在控制台上就可以快速定位对应的页面 。
这时就可以确定用什么选择器定位该标签 。
上图中大多数都可以用层级选择器来定位 , 如果不行 , 可以选择在页面上添加一个id , 再通过id选择器也是可以的 。
选择器确定之后 , 再使用html()方将数据动态添加就好了 。
2图片渲染
因为服务器响应的图片数据是集合 , 所以需要先使用each()方法将其遍历 , 再动态拼接 。
当然还有关于那个小图片动画效果的实现 , 这种代码我们后台人员是很难将其写出来的 。
所以要么就是找前端人员帮忙写 , 要么就是网上找模板了 , 我这边就不说明了 。
最后谢谢你的观看 。
【数据库|捋清了这几个思路,写起代码来很简单】如果可以的话 , 麻烦帮忙点个赞 , 谢谢你 。