1. 案例1-分类信息的curd
  2. 步骤分析:
  3.     左边的dtree:
  4.         1.导入dtree.js
  5.         2.导入dtree.css
  6.         3.创建一个div 添加样式 class="dtree"
  7.         4.在div中编写js代码
  8.             创建一个树
  9.                 d = new dTree('d');
  10.             添加根节点
  11.                 通过 d.add(当前节点的id,父节点的id,显示的名称,点击时候打开的连接,放上去显示的名称,在那个地方打开这个连接)
  12.                 注意:
  13.                     根节点的父节点的id写成-1
  14.             添加其他节点
  15.         5.最后通过document.write(d) 写到页面上即可
  16.     分类信息添加:
  17.         1.应在在左边的dtree上添加连接(展示所有的分类信息)
  18.             d.add(...,"/store/adminCategory?method=findAll","","mainFrame")
  19.         2.创建adminCategoryservlet ,编写findAll()
  20.             查询的结果是一个list,将list放入request域中,然后请求转发/admin/category/list.jsp
  21.  
  22.     添加分类的步骤:
  23.         1.编写一个连接,
  24.             /store/adminCategory?method=addUI
  25.         2.请求转发到/admin/category/add.jsp
  26.         3.add.jsp就是一个表单页面
  27.             编写表单的action属性 /store/adminCategory?method=add
  28.                 给分类的名称字段添加一个name属性  name="cname"
  29.         4.admincategoryservlet的add方法
  30.             获取分类的名称
  31.             封装成category 设置id
  32.             调用categoryservice的add方法
  33.             页面重定向  /store/adminCategory?method=findAll
  34.         5.categoryservice的add方法
  35.             暂时调用dao
  36.         6.dao中添加一条数据
  37.  
  38.     修改分类步骤分析:
  39.         1.在list.jsp页面上点击修改(编辑)
  40.             /store/adminCategory?method=getById&cid=???
  41.         2.在getById方法中
  42.             获取cid
  43.             调用service 通过id获取一个分类,
  44.             将category放入request域中
  45.             请求转发 edit.jsp
  46.         3.eidt页面是一个表单
  47.             添加action属性
  48.                 /store/adminCategory?method=update
  49.             修改内容 点击提交
  50.             添加隐藏域 cid
  51.         4.在update方法中
  52.             获取cid和cname
  53.             封装成category
  54.             调用service的update方法
  55.             重定向/store/adminCategory?method=findAll
  56.         5.在service的update方法中
  57.             调用dao更新
  58.             清空缓存
  59.         6.dao中更新数据
  60.  
  61.     删除分类步骤分析:
  62.         1.在list.jsp上编写 删除连接
  63.             /store/adminCategory?method=delete&cid=??
  64.         2.在delete方法中
  65.             获取cid
  66.             调用service的delete方法
  67.             页面重定向/store/adminCategory?method=findAll
  68.         3.service中delete
  69.             添加事务
  70.             通过cid先更新所有的商品分类信息
  71.             调用dao 删除分类
  72.             事务控制
  73.             清空缓存

/store/WebContent/admin/left.jsp

  1. <%@ page language="java" pageEncoding="UTF-8"%>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>菜单</title>
  6. <link href="${pageContext.request.contextPath}/css/left.css" rel="stylesheet" type="text/css"/>
  7. <link rel="StyleSheet" href="${pageContext.request.contextPath}/css/dtree.css" type="text/css" />
  8. </head>
  9. <body>
  10. <table width="100" border="0" cellspacing="0" cellpadding="0">
  11.   <tr>
  12.     <td height="12"></td>
  13.   </tr>
  14. </table>
  15. <table width="100%" border="0">
  16.   <tr>
  17.     <td>
  18. <div class="dtree">
  19.  
  20.     <a href="javascript: d.openAll();">展开所有</a> | <a href="javascript: d.closeAll();">关闭所有</a>
  21.  
  22.     <script type="text/javascript" src="${pageContext.request.contextPath}/js/dtree.js"></script>
  23.     <script type="text/javascript">
  24.  
  25.         d = new dTree('d');
  26.         d.add('01',-1,'系统菜单树');
  27.         d.add('0102','01','分类管理','','','mainFrame');
  28.         d.add('010201','0102','展示所有','${pageContext.request.contextPath}/adminCategory?method=findAll','','mainFrame');
  29.         d.add('010202','0102','添加分类','${pageContext.request.contextPath}/adminCategory?method=addUI','','mainFrame');
  30.         d.add('0104','01','商品管理');
  31.         d.add('010401','0104','商品管理','${pageContext.request.contextPath}/adminProduct?method=findAll','','mainFrame');
  32.         d.add('0105','01','订单管理');
  33.         d.add('010501','0105','所有订单','${pageContext.request.contextPath}/adminOrder?method=findAllByState','','mainFrame');
  34.         d.add('010502','0105','未支付订单','${pageContext.request.contextPath}/adminOrder?method=findAllByState&state=0','','mainFrame');
  35.         d.add('010503','0105','已支付订单','${pageContext.request.contextPath}/adminOrder?method=findAllByState&state=1','','mainFrame');
  36.         d.add('010504','0105','已发货订单','${pageContext.request.contextPath}/adminOrder?method=findAllByState&state=2','','mainFrame');
  37.         d.add('010505','0105','已完成订单','${pageContext.request.contextPath}/adminOrder?method=findAllByState&state=3','','mainFrame');
  38.         document.write(d);
  39.  
  40.     </script>
  41. </div>    </td>
  42.   </tr>
  43. </table>
  44. </body>
  45. </html>

/store/WebContent/WEB-INF/web.xml

  1.    <servlet>
  2.     <description></description>
  3.     <display-name>AdminCategoryServlet</display-name>
  4.     <servlet-name>AdminCategoryServlet</servlet-name>
  5.     <servlet-class>com.louis.web.servlet.AdminCategoryServlet</servlet-class>
  6.   </servlet>
  7.   <servlet-mapping>
  8.     <servlet-name>AdminCategoryServlet</servlet-name>
  9.     <url-pattern>/adminCategory</url-pattern>
  10.   </servlet-mapping>

com.louis.web.servlet.AdminCategoryServlet

  1. public String findAll(HttpServletRequest request, HttpServletResponse response) throws Exception {
  2.         //1.调用categoryservice 查询所有的分类信息 返回值 list
  3.         CategoryService cs=(CategoryService) BeanFactory.getBean("CategoryService");
  4.         List<Category> list = cs.findAll();
  5.  
  6.         //2.将list放入request域中 请求转发即可
  7.         request.setAttribute("list", list);
  8.         return "/admin/category/list.jsp";
  9.     }

/store/WebContent/admin/category/list.jsp

  1. <%@ page language="java" pageEncoding="UTF-8"%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
  3. <HTML>
  4.     <HEAD>
  5.         <meta http-equiv="Content-Language" content="zh-cn">
  6.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.         <link href="${pageContext.request.contextPath}/css/Style1.css" rel="stylesheet" type="text/css" />
  8.         <script language="javascript" src="${pageContext.request.contextPath}/js/public.js"></script>
  9.         <script type="text/javascript">
  10.             function addCategory(){
  11.                 window.location.href = "${pageContext.request.contextPath}/adminCategory?method=addUI";
  12.             }
  13.         </script>
  14.     </HEAD>
  15.     <body>
  16.         <br>
  17.             <table cellSpacing="1" cellPadding="0" width="100%" align="center" bgColor="#f5fafe" border="0">
  18.                 <TBODY>
  19.                     <tr>
  20.                         <td class="ta_01" align="center" bgColor="#afd1f3">
  21.                             <strong>分类列表</strong>
  22.                         </TD>
  23.                     </tr>
  24.                     <tr>
  25.                         <td class="ta_01" align="right">
  26.                             <button type="button" id="add" name="add" value="添加" class="button_add" onclick="addCategory()">
  27. 添加分类
  28. </button>
  29.  
  30.                         </td>
  31.                     </tr>
  32.                     <tr>
  33.                         <td class="ta_01" align="center" bgColor="#f5fafe">
  34.                             <table cellspacing="0" cellpadding="1" rules="all"
  35.                                 bordercolor="gray" border="1" id="DataGrid1"
  36.                                 style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; WIDTH: 100%; WORD-BREAK: break-all; BORDER-BOTTOM: gray 1px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #f5fafe; WORD-WRAP: break-word">
  37.                                 <tr
  38.                                     style="FONT-WEIGHT: bold; FONT-SIZE: 12pt; HEIGHT: 25px; BACKGROUND-COLOR: #afd1f3">
  39.  
  40.                                     <td align="center" width="18%">
  41.                                         序号
  42.                                     </td>
  43.                                     <td align="center" width="17%">
  44.                                         分类名称
  45.                                     </td>
  46.                                     <td width="7%" align="center">
  47.                                         编辑
  48.                                     </td>
  49.                                     <td width="7%" align="center">
  50.                                         删除
  51.                                     </td>
  52.                                 </tr>
  53.                                 <c:forEach var="c" items="${ list }" varStatus="vs">
  54.                                         <tr onmouseover="this.style.backgroundColor = 'white'"
  55.                                             onmouseout="this.style.backgroundColor = '#F5FAFE';">
  56.                                             <td style="CURSOR: hand; HEIGHT: 22px" align="center"
  57.                                                 width="18%">
  58.                                                 ${vs.count }
  59.                                             </td>
  60.                                             <td style="CURSOR: hand; HEIGHT: 22px" align="center"
  61.                                                 width="17%">
  62.                                                 ${c.cname }
  63.                                             </td>
  64.                                             <td align="center" style="HEIGHT: 22px">
  65.                                                 <a href="${ pageContext.request.contextPath }/adminCategory?method=getById&cid=${c.cid}">
  66.                                                     <img src="${pageContext.request.contextPath}/images/i_edit.gif" border="0" style="CURSOR: hand">
  67.                                                 </a>
  68.                                             </td>
  69.  
  70.                                             <td align="center" style="HEIGHT: 22px">
  71.                                                 <a href="javascript:void(0)" onclick="deleteC('${c.cid}')">
  72.                                                     <img src="${pageContext.request.contextPath}/images/i_del.gif" width="16" height="16" border="0" style="CURSOR: hand">
  73.                                                 </a>
  74.                                             </td>
  75.                                         </tr>
  76.                                     </c:forEach>
  77.                             </table>
  78.                         </td>
  79.                     </tr>
  80.                 </TBODY>
  81.             </table>
  82.     </body>
  83.     <script type="text/javascript">
  84.         function deleteC(cid){
  85.             if(confirm("您确定要删除该分类吗?")){
  86.                 location.href="${ pageContext.request.contextPath }/adminCategory?method=delete&cid="+cid;
  87.  
  88.             }
  89.         }
  90.     </script>
  91. </HTML>

问题

1、varstatus items 计数 12天的教程

（二十五）后台开发-分类信息的curd -展示所有实现的更多相关文章

  1. python运维开发(二十五)---cmdb开发

    内容目录: 浅谈ITIL CMDB介绍 Django自定义用户认证 Restful 规范 资产管理功能开发 浅谈ITIL TIL即IT基础架构库(Information Technology Infr ...

  2. JAVA基础再回首（二十五）——Lock锁的使用、死锁问题、多线程生产者和消费者、线程池、匿名内部类使用多线程、定时器、面试题

    JAVA基础再回首(二十五)--Lock锁的使用.死锁问题.多线程生产者和消费者.线程池.匿名内部类使用多线程.定时器.面试题 版权声明:转载必须注明本文转自程序猿杜鹏程的博客:http://blog ...

  3. Bootstrap <基础二十五>警告（Alerts）

    警告(Alerts)以及 Bootstrap 所提供的用于警告的 class.警告(Alerts)向用户提供了一种定义消息样式的方式.它们为典型的用户操作提供了上下文信息反馈. 您可以为警告框添加一个 ...

  4. VMware vSphere 服务器虚拟化之二十五 桌面虚拟化之终端服务池

    VMware vSphere 服务器虚拟化之二十五 桌面虚拟化之终端服务池 终端服务池是指由一台或多台微软终端服务器提供服务的桌面源组成的池.终端服务器桌面源可交付多个桌面.它具有以下特征: 1.终端 ...

  5. Java进阶(二十五)Java连接mysql数据库(底层实现)

    Java进阶(二十五)Java连接mysql数据库(底层实现) 前言 很长时间没有系统的使用java做项目了.现在需要使用java完成一个实验,其中涉及到java连接数据库.让自己来写,记忆中已无从搜 ...

  6. webpack4 系列教程(十五)：开发模式与webpack-dev-server

    作者按:因为教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步<webpack4 系列教程(十五):开发模式与 webpack-dev-server>原文地址.更欢迎来我的 ...

  7. 二十五种网页加速方法和seo优化技巧

    一.使用良好的结构 可扩展 HTML (XHTML) 具有许多优势,但是其缺点也很明显.XHTML 可能使您的页面更加符合标准,但是它大量使用标记(强制性的 <start> 和 <e ...

  8. C#学习基础概念二十五问

    C#学习基础概念二十五问 1.静态变量和非静态变量的区别?2.const 和 static readonly 区别?3.extern 是什么意思?4.abstract 是什么意思?5.internal ...

  9. FreeSql （二十五）延时加载

    FreeSql 支持导航属性延时加载,即当我们需要用到的时候才进行加载(读取),支持1对1.多对1.1对多.多对多关系的导航属性. 当我们希望浏览某条订单信息的时候,才显示其对应的订单详细记录时,我们 ...

随机推荐

  1. argument to nsmutablearray method addobject cannot be nil 警告

    You cannot add nil to an NSMutableArray, and you will raise an exception if you try to. There's NSNu ...

  2. jmeter自定义并发用户数图形插件介绍

    Stepping Thread Group马上要被废弃了,废弃原因不知道,官方推荐使用 BlazeMeter Inc.公司贡献的插件Concurrency Thread Group,配合 Throug ...

  3. Delphi 的内存操作函数(1): 给字符指针分配内存

    马上能想到的函数有: GetMem AllocMem ReallocMem FreeMem GetMemory ReallocMemory FreeMemory New Dispose NewStr ...

  4. vim编码方式配置的学习和思考

    哎呀呀,今天9月30号,立即就要十一长假了,心里还有点小小浮躁.工作已经基本做完,想成为技术大牛怎么能够如此浮躁.为了应付浮躁的心灵,决定写一篇小博,平静一把. 今天一个配置文件须要有中文,而且同事是 ...

  5. SolidEdge 工程图中如何绘制中断视图

    右击长条形的视图,点击新增断裂线,然后绘制两个断点   点击完成之后效果如下图所示   如果要修改断裂视图的样式,则选中这个视图,在左键单击,然后点击这个按钮取消显示断裂视图   然后左键单击断裂视图 ...

  6. 消息列队 分布式事务解办法 celery flower使用总结

    前言 项目中有场景 需要用到 分布式事务业务,经过查下资料把学习相关笔记做记录方便他人或者自己后面查看. 场景 在网站A业务中有个操作 是 要在网站B中新建一台服务器跑业务.A中执行B中的接口创建服务 ...

  7. 模拟 nbut1225 NEW RDSP MODE I

    传送门:点击打开链接 题意:输入n.m,x.刚開始有一个1~n的排列.然后定义了一种操作.是将数组中的偶数位数字选出来,依照顺序放到数组最前面,奇数位依照顺序放到偶数位的后面,进行m次这种操作.输出之 ...

  8. C# - CLR

     The Common Language Runtime (CLR), the virtual-machine component of Microsoft's .NET framework, m ...

  9. 一个TAB的jquery简单写法2

    <style> .honver{ color:red;} </style><script src="jquery-1.9.0.min.js">& ...

  10. poj 3105 Expectation 按位统计

    题意: 给n,求sum(i^j)/(n^2),0<=i,j<n.n<10^9 分析: 暴力n^2算法肯定超时.这是logn按位统计算法:按位先算出0出现的个数x,则1出现的个数为n- ...