Advertisement

在后台展示商品的所有分类

阅读量:

在后台展示商品的所有分类中包含以下核心内容:
在左侧树上添加“分类列表”节点并设置超链接功能;
在AdminCategoryServlet中实现findAll方法以获取并返回所有分类数据;
服务层和DAO层分别负责数据交互与存储;
主页面通过 home.jsp 和 /admin/category/list.jsp 展示分类信息,并通过dtree库实现树形结构显示;
测试过程包括数据库验证和多个页面的功能测试(如home.jsp、welcome.jsp和left.jsp)。

文章目录

需求如下:

  1. 在后台系统中实现商品分类信息的展示
  2. 在left.jsp页面上为"分类列表"节点添加相应的链接
  3. 在AdminCategoryServlet服务器端实现一个名为findAll的方法,在该方法中完成对所有商品分类信息的查询
  4. 服务层架构中设计并实现相关接口
  5. 在DAO(数据访问对象)层编写相应的查询逻辑
  6. 测试阶段需通过测试用例验证各模块的功能完整性
  7. 最后需完成dtree组件的开发与集成部署工作

在后台展示商品的所有分类

需求

需求:请在左边的导航栏顶端侧边栏区域添加一个链接至"分类列表"。单击该链接后,在右侧主页面中即可看到所有分类信息。

给left.jsp页面中的节点"分类列表"加连接

在left.jsp页面中创建一个父节点命名为‘分类管理’。向该父节点新增一个子节点‘分类列表’。随后为‘分类列表’子节点配置超链接。如图所示:

在这里插入图片描述

在AdminCategoryServlet服务器中编写findAll方法

创建 adminCategoryServlet 类,并使其继承 BaseServlet 类。实现 findAll 方法以获取所有分类信息。通过 service 接口进行分类查询,并将结果存储为 List 类型。

请求转发到/admin/category/list.jsp

如下图:

在这里插入图片描述

service层

在这里插入图片描述

dao层

在这里插入图片描述

/admin/category/list.jsp页面展示分类数据

在这里插入图片描述

测试

先来看看数据库的category表中的数据,如下图:

在这里插入图片描述

进入home.jsp首页,如下图:

在这里插入图片描述

点击分类列表节点,如下图:

在这里插入图片描述

home.jsp首页牵涉到的其它页面以及dtree如何使用

后台主页面是/admin/home.jsp页面,如下图:

在这里插入图片描述

home.jsp页面的代码,如下图:

在这里插入图片描述

welcome.jsp页面的效果如下图:

在这里插入图片描述

left.jsp页面的效果和代码,如下图:

在这里插入图片描述
在这里插入图片描述

dtree的使用:

复制代码
项目中和页面中导入dtree.js
    2.项目中和页面中导入dtree.css
    3.在页面中创建一个div,添加样式 class="dtree"
    4.在div中编写js代码
    	创建一个树
    		d = new dTree('d');
    	添加节点
    		方法及参数说明:
    			d.add(当前节点的id,父节点的id,显示的名称,点击时候打开的连接,放上去显示的名称,在那个地方打开这个连接)
    		添加根节点
    			根节点的父节点的id为-1
    		添加其他节点
    5.最后通过document.write(d) 写到页面上即可

全部评论 (0)

还没有任何评论哟~