wonushop3表示层交互，数据显示

根据页面设计 来设计传输商品
1.把goodtype里面的商品类别和主页 商品类别选择的联动

1。根据html页面布局，设计了五个类别
2.设计业务层IGoodsType 不需要传参，直接显示所有
3.设计持久层接口IGoodsTypeDao

4.设计实现类 先设计持久层的实现类。
建立连接

执行sql

为了方便后面使用
先把表中的值写getset

4.关流

业务层有接口，写一个业务层实现类
这里没有什么业务逻辑
直接得到接口，然后调用方法即可
因为不需要对得到的数据进行处理

==坑：==写完一个service一般要测一下。
使用JUnit的时候 测试方法上面要写注释

循环打印对象，前提是这个GoodTypeBean 里面要toString

表示层 ： 用的是自定义的mvc框架 直接拷贝
拷这四个包

Controller里面的内容要自己写。根据自己的需求

创建controller包

注意 这几个要一致

测试：

已经有数据了

发现都是乱码， 是因为没有过滤器。

基于注解来配置：

现在就正常了。

现在需要在index页面找到这些了。
后台已经发请求到服务器了，现在需要前台通过ajax来找到这些

现在已经拿到json了

之前是通过li设置的死的

拼接的值拼接到str里面
注意，拿死的li拼接的时候 注意有头有尾，双引号变成单引号
这里面的img路径暂时是不会变的，

先拿到这些死的，试一下能不能拼接上去



拼接成功了。

拼接路径

接下来的任务，点图片会跳转到相应页面
实现：给每个li加上点击事件。

方法1：
BOM： 浏览器操作（使用js的herf）。

法一：若使用跳转页面 不跳服务器使用ajax刷新，但是问题是没法设计传输参数了。

设计参数，在跳到的页面又要设计截取这个id

法二：跳并非简单的跳，而是这个跳 发送了一个查询该类别的所有商品的指令,需要在点击li的时候穿一个参数。
所以点这个按钮应该先跳转到服务器，然后服务器跳转到页面上即可。
where g_t_id = ？

在服务器设计一个controller设计一个GOOdsBean findByTYPE Id

这个流程就使用内部派发+el表达式
。一般要把html换成jsp页面。

在这里面要设计分页（暂时未加）

传参过去 第一页 每页十条 使用pagebean接受
把pagebean传到页面上去
这里的return 要返回到哪个页面上。

完整：

---

ajax不支持的：ajax发请求到某个服务器，必须返回到这个ajax上。

用以前是内部派发 传到servlet里面的话，可以跳转到别的页面上
。

这里的跳转页面 以前的dispatcher页面没写

完善：
判断用户传过来的值是内部派发的 还是重定向的
不写或者forward：
内部派发

rediret：/jsp/index 重定向

这里默认使用内部派发

测试：写两个jsp页面。

点击：

发现问题：
问题1： 没传ID
问题2：接收的id 没用


方法：在li里面拼一个id

获取li里面的id 找children

测试：

跳转成功，且有id

发现又是乱码，原因是因为没有过滤。（没有在过滤器头上加反射路径）

注意，这里跳转到的是jsp页面，后面要把html转换成jsp页面。（就是给html页面多个了头）

跳过来了，但是发现样式都没有了。

为什么仅仅把html换成了jsp 就不行了？
因为相对路径。

换成绝对路径。
在这里插入图片描述

通过el表达式 从服务器获取数据。（因为不再用ajax了这里 使用el表达式了）
引入标准标签库：
导包：jstl
头上写引入标签的指令。

注意：

封装的是pagebean所以要得到他的集合

添加cforeach

成功：

接下来：分页：使用ajax 做局部刷新

现在controller里面写分页方法

第一次加载的时候，整页加载，后面的就是i用局部加载了

设计首页、尾页 尾页要传参。

设计上一页，下一页。

考虑到上一页可能 当前已经在第一页了

开始i写核心代码 ：拼接，动态更新数据。



内容过于血腥

更新页码：就是更新下面这些

这时发现点上一页点不动， 因为上一页 是上面写的死的
所以，除了首页末页 全要动态更新