JavaWeb - 仿小米商城(5):商品详情展示

JavaWeb - 仿小米商城(5):商品详情展示

1 功能描述 接上篇 JavaWeb - 仿小米商城(4):商品列表形式 本篇博客将分析和实现小米商城商品详情内容的查 询和展示。如以下H5页面所示:

JavaWeb - 仿小米商城(5):商品详情展示_第1张图片

2 功能分析

2.1 功能逻辑抽象

详情展示功能在逻辑上并不复杂:在商品列表界面每当点击商品 标签或商品名称时,都会向后端 提交一个 GET 请求来获取本商品数据内容。后端在收到请求后查询数据库并以 json 形式返回展示内 容。

查询商品详情内的功能需要面向数据库中的另一张表 tb_goods,为了区分不同类型的数据查询业务以及 代码的维护性和扩展性。在开发时基于三层架构体系建立对应的 GoodsServlet 类、GoodsService 接口 和实现类、GoodsDao 接口和实现类

3 代码实现

3.1 前端

3.1.1 修改商品a链接地址

JavaWeb - 仿小米商城(5):商品详情展示_第2张图片

3.1.2 编写goodsDetail.html代码

前端在加载

内容时便向后端提交异步请求。在商品详情页根据传递过来的id,发出请求向 Servlet获取本商品json数据

html 的

你可能感兴趣的:(java,json,javascript)