码迷，mamicode.com
首页 > 编程语言 > 详细

【j2ee spring】32、巴巴运动网的产品类别页面

时间：2015-06-14 09:25:28      阅读：187      评论：0      收藏：0      [点我收藏+]

标签：jsp   struts2   j2ee   s2sh   html   

巴巴运动网的产品类别页面

 

1、项目图解

 

技术分享


技术分享

 

 

这里面好多页面都是错的，只是个模板，暂时用不上，需要的代码我会全部贴出来，最后做完的时候我会把项目发上来

 

 

2、首先我们引入相应的jar包

 

 技术分享


技术分享

 

3、首先我们组装整个页面的整体格局

页面的素材我会上传的，链接是：http://download.csdn.net/detail/cutter_point/8803985

top.jsp

 

<%@ page contentType="text/html;charset=UTF-8"%>

<%@ page import="java.util.Date"%>

<%@ page import="java.text.SimpleDateFormat"%>

<%

Date dNow = new Date();

SimpleDateFormat formatter = new SimpleDateFormat("yyyy年MM月dd日");

%>

<HTML><HEAD><TITLE>Untitled Document</TITLE>

<META http-equiv=Content-Typecontent="text/html; charset=UTF-8">

<STYLE type=text/css>.top {

    FONT-SIZE: 9pt; VERTICAL-ALIGN: bottom; PADDING-TOP: 0px; FONT-FAMILY: "宋体"; 006600:

}

BODY {

    MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; COLOR: #ffffff; LINE-HEIGHT: 150%; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff ;

Crollbar-Face-color:#FFCC00;

Scrollbar-Highlight-Color:#FF0000;

Scrollbar-Shadow-Color:#FFFFFF;

Scrollbar-3Dlight-Color:#000000;

Scrollbar-Arrow-Color:#000000;

Scrollbar-Track-Color:#FDEAC4;

Scrollbar-Darkshadow-Color:#FFFF00;

}

TD {

    FONT-SIZE: 9pt; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体

}

.My {  font-size: 25px; color:#FFFFFF;font-weight::bold}

TD.top {

    PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

A:link {

    COLOR: #ffffff; TEXT-DECORATION: none

}

A:visited {

    COLOR: #ffffff; TEXT-DECORATION: none

}

A:hover {

    COLOR: #cebef7; TEXT-DECORATION: none

}

</STYLE>

 

<SCRIPT language=JavaScript>

<!--

 

function MM_findObj(n, d) { //v3.0

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length){

   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all)x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++)x=MM_findObj(n,d.layers[i].document); return x;

}

function MM_nbGroup(event, grpName) { //v3.0

  var i,img,nbArr,args=MM_nbGroup.arguments;

  if (event == "init" && args.length > 2){

    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {

      img.MM_init = true; img.MM_up = args[3]; img.MM_dn= img.src;

      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();

      nbArr[nbArr.length] = img;

      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) !=null) {

        if (!img.MM_up) img.MM_up = img.src;

        img.src = img.MM_dn =args[i+1];

        nbArr[nbArr.length] = img;

    } }

  } else if (event == "over") {

    document.MM_nbOver = nbArr = new Array();

    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) !=null) {

      if (!img.MM_up) img.MM_up = img.src;

      img.src = (img.MM_dn&& args[i+2]) ? args[i+2] : args[i+1];

      nbArr[nbArr.length] = img;

    }

  } else if (event == "out" ) {

    for (i=0; i <document.MM_nbOver.length; i++) {

      img = document.MM_nbOver[i];img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }

  } else if (event == "down") {

    if ((nbArr = document[grpName]) != null)

      for (i=0; i < nbArr.length; i++) {img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }

    document[grpName] = nbArr = new Array();

    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) !=null) {

      if (!img.MM_up) img.MM_up = img.src;

      img.src = img.MM_dn =args[i+1];

      nbArr[nbArr.length] = img;

  } }

}

 

function MM_preloadImages() { //v3.0

 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

   var i,j=d.MM_p.length,a=MM_preloadImages.arguments;for(i=0; i<a.length; i++)

   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

 

function exitsystem(){

    if (confirm('您确定要退出系统吗？'))

     window.parent.location="<html:rewriteaction='/Administrator/Logout'/>";

}

//-->

</SCRIPT>

 

<META content="MSHTML6.00.2600.0" name=GENERATOR></HEAD>

<BODY bgColor=#ffffff

onload="javascript:MM_preloadImages('images/OAHeader_r1_c3_f2.gif','images/OAHeader_r1_c3_f3.gif','images/OAHeader_r1_c5_f2.gif','images/OAHeader_r1_c5_f3.gif','images/OAHeader_r1_c7_f2.gif','images/OAHeader_r1_c7_f3.gif','images/OAHeader_r1_c9_f2.gif','images/OAHeader_r1_c9_f3.gif','images/OAHeader_r1_c11_f2.gif','images/OAHeader_r1_c11_f3.gif');">

<TABLE style="MARGIN: 0px" cellSpacing=0 cellPadding=0 width="100%"

bgColor=#6386de border=0 valign="top">

 <TBODY>

 <TR vAlign=top>

     <TD vAlign=top width="450"class="My" Align=left><img src="../images/global/managelogo.gif" border=0 /></TD>

   <TD width="124">

     <TABLE style="MARGIN: 0px" height="100%" cellSpacing=0 cellPadding=0

      bgColor=#6386de border=0>

        <TBODY></TBODY></TABLE></TD>

   <TD align=right width=611>

     <TABLE style="MARGIN: 0px" height="100%" cellSpacing=0 cellPadding=0

      bgColor=#6386de border=0>

        <TBODY>

        <TR vAlign=bottom height=20>

          <TD width=18><IMG src="../images/top_toolbar.gif" border=0></TD>

          

         

            <TD class=top bgColor=#000000><NOBR>登录者：${employee.realname }| 当前日期-<%=formatter.format(dNow)%></NOBR></TD>

            </TR>

        <TR height=38>

          <TD></TD>

          <TD vAlign=center align=right><A

           onmouseover="MM_nbGroup('over','OAHeader_r1_c0','../images/OAHeader_r1_c0_f2.gif','../image/OAHeader_r1_c0_f3.gif',1);"

           title="我的日历" onmouseout="MM_nbGroup('out');"

           href="<html:rewrite action='/ControlCenter/MainUI/Center'/>"  target="mainframe">

            <IMG src="../images/OAHeader_r1_c0.gif" border=0  name=OAHeader_r1_c0></A> <SPAN id=msg name="msg">

            <A  onmouseover="MM_nbGroup('over','OAHeader_r1_c3','../images/OAHeader_r1_c3_f2.gif','../images/OAHeader_r1_c3_f3.gif',1);"

           title="帮助文档" style="CURSOR: hand"

            onmouseout="MM_nbGroup('out');" href="<html:rewrite action='/ControlCenter/MainUI/Doc'/>"  target="mainframe"><IMG id=OAHeader_r1_c3

           src="../images/OAHeader_r1_c3.gif" border=0  name=OAHeader_r1_c3></A></SPAN> <A

           onmouseover="MM_nbGroup('over','OAHeader_r1_c5','../images/OAHeader_r1_c5_f2.gif','../image/OAHeader_r1_c5_f3.gif',1);"

           title=刷新页面 onmouseout="MM_nbGroup('out');"

           href="javascript:parent.mainframe.location.reload()"><IMG

           src="../images/OAHeader_r1_c5.gif" border=0

           name=OAHeader_r1_c5></A> <A

           onmouseover="MM_nbGroup('over','OAHeader_r1_c7','../images/OAHeader_r1_c7_f2.gif','../image/OAHeader_r1_c7_f3.gif',1);"

           title=后退 onmouseout="MM_nbGroup('out');"

           href="javascript:history.back()"><IMG src="../images/OAHeader_r1_c7.gif" border=0

           name=OAHeader_r1_c7></A> <A

           onmouseover="MM_nbGroup('over','OAHeader_r1_c9','/images/OAHeader_r1_c9_f2.gif','/image/OAHeader_r1_c9_f3.gif',1);"

           title=前进 onmouseout="MM_nbGroup('out');" href="javascript:history.forward()"><IMG

           src="../images/OAHeader_r1_c9.gif" border=0  name=OAHeader_r1_c9></A> <A

           onmouseover="MM_nbGroup('over','OAHeader_r1_c11','/images/OAHeader_r1_c11_f2.gif','/image/OAHeader_r1_c11_f3.gif',1);"

           title=退出系统 onmouseout="MM_nbGroup('out');"

           href="javascript:exitsystem()"><IMG

           src="../images/OAHeader_r1_c11.gif" border=0

           name=OAHeader_r1_c11></A> 

</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>


 

End.jsp

 

<%@ page contentType="text/html;charset=UTF-8"%>

<HTML><HEAD><TITLE>Untitled Document</TITLE>

<META http-equiv=Content-Typecontent="text/html; charset=UTF-8">

<STYLE type=text/css>

BODY {

    MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; COLOR: #ffffff; LINE-HEIGHT: 150%; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #ffffff

}

 

</STYLE>

 

 

 

<BODY bgColor=#ffffff >

<TABLEstyle="MARGIN: 0px" cellSpacing=0cellPadding=0width="100%"

bgColor=#6386deborder=0valign="top">

 <TBODY>

 <TR vAlign=top>

     <TD vAlign=center width="450"class="My" Align=center> 

      <BR>

       

      <BR></TD>

   <TD width="124">

</BODY></HTML>


 

Left.jsp

 

<%@ page contentType="text/html;charset=UTF-8"%>

<%@taglib uri="/struts-tags"prefix="s" %>

<html>

<head>

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">

<base target="mainframe">

<Script language="javaScript">

function getTablesByStart(name){

    var inputs =document.getElementsByTagName("table");

    var files = new Array();

    var y = 0;

    for (var i=0; i<inputs.length; i++) {      

     if (inputs[i].id !=null &&inputs[i].id.length>name.length && inputs[i].id.substring(0,name.length)==name){

         files[y] = inputs[i];

         y++;

     }

    }

    return files;

}

 

function HideAll(){

    var tables = getTablesByStart("menu_");

    for (var i=0; i<tables.length; i++) {

        tables[i].style.display = "none";

        var id = tables[i].id.substring("menu_".length);

        var imgId = document.getElementById("Img"+ id);

        var imgId2 = document.getElementById("Img"+ id + "_0");

        if(imgId) imgId.src="/images/midclosedfolder.gif";

        if(imgId2) imgId2.src="/images/clsfld.gif";

    }

}

 

function turnit(id) {

    var menu = document.getElementById("menu_"+ id);

    var imgId = document.getElementById("Img"+ id);

    var imgId2 = document.getElementById("Img"+ id + "_0");

    if (menu.style.display=="none"){

        HideAll();

        menu.style.display = "";

        if(imgId) imgId.src="/images/midopenedfolder.gif";

        if(imgId2) imgId2.src="/images/openfld.gif";

    }else{

        menu.style.display = "none";

        if(imgId) imgId.src="/images/midclosedfolder.gif";

        if(imgId2) imgId2.src="/images/clsfld.gif";

    }

}

</Script>

<style type="text/css">

<!--

td {  font-size: 13px; color:#000000;font-weight:none}

a:active {  color:#FF6600;text-decoration:none}

a:hover {  color:#FF6600;text-decoration:none}

a:link {  color: #FF6600;text-decoration:none}

a:visited {  color:#FF6600;text-decoration:none}

-->

</style>

</head>

<body leftmargin="0"topmargin="0" bgcolor="#F1F1F1"><br>

<!-------------------------订单管理START------------------------------->

<table border=0 width="98%" align="center"cellspacing="0" cellpadding="0">

 <tr>

   <td colspan="3" language="JavaScript"onMouseUp="turnit('order')" style="CURSOR: hand">

     <img id="Imgorder" src="/images/midclosedfolder.gif"align="absMiddle" border="0" width="16"><img name="Imgorder_0" src="../images/clsfld.gif" align="absMiddle" border="0">

        <fontface=宋体><b>订单管理</b></font>

   </td>

 </tr>

</table>

<table id="menu_order"border=0 width="98%"align="center" cellspacing="0"cellpadding="0" style="display:none">

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/query'/>">订单查询</a></td>

 </tr>

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/list'/>">待审核订单</a></td>

 </tr>

  <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/list'/>?state=WAITPAYMENT">等待付款订单</a></td>

 </tr>

  <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/list'/>?state=ADMEASUREPRODUCT">正在配货订单</a></td>

 </tr>

  <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/list'/>?state=WAITDELIVER">等待发货订单</a></td>

 </tr>

  <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/list'/>?state=DELIVERED">已发货订单</a></td>

 </tr>

  <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/list'/>?state=RECEIVED">已收货订单</a></td>

 </tr>

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/order/list'/>?state=CANCEL">已取消订单</a></td>

 </tr>

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/contorl/lockorder/list'/>">已锁定订单</a></td>

 </tr>

</table>

<!-------------------------订单管理END------------------------------->

<!-------------------------产品管理START------------------------------->

<table border=0 width="98%" align="center"cellspacing="0" cellpadding="0">

 <tr>

   <td colspan="3" language="JavaScript"onMouseUp="turnit('Product')" style="CURSOR: hand">

     <img id="ImgProduct" src="../images/midclosedfolder.gif" align="absMiddle" border="0" width="16"><img name="ImgProduct_0" src="../images/clsfld.gif" align="absMiddle" border="0">

        <fontface=宋体><b>产品管理</b></font>

   </td>

 </tr>

</table>

<table id="menu_Product"border=0 width="98%"align="center" cellspacing="0"cellpadding="0" style="display:none">

 <tr>

   <td width="50"><img src="../images/vertline.gif"border=0><img src="../images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="../images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<s:url action='producttype'/>">产品类别管理</a></td>

 </tr>

 <tr>

   <td width="50"><img src="../images/vertline.gif"border=0><img src="../images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="../images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/brand/list'/>">产品品牌管理</a></td>

 </tr>

 <tr>

   <td width="50"><img src="../images/vertline.gif"border=0><img src="../images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="../images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/product/list'/>">产品管理</a></td>

 </tr>

</table>

<!-------------------------产品管理END------------------------------->

 

<!-------------------------文件管理START------------------------------->

<table border=0 width="98%" align="center"cellspacing="0" cellpadding="0">

 <tr>

   <td colspan="3" language="JavaScript"onMouseUp="turnit('file')" style="CURSOR: hand">

     <img id="Imgfile" src="/images/midclosedfolder.gif"align="absMiddle" border="0" width="16"><img name="Imgfile_0" src="../images/clsfld.gif"align="absMiddle" border="0">

        <fontface=宋体><b>文件管理</b></font>

   </td>

 </tr>

</table>

<table id="menu_file"border=0 width="98%"align="center" cellspacing="0"cellpadding="0" style="display:none">

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/uploadfile/list'/>">上传文件管理</a></td>

 </tr>

</table>

<!-------------------------文件管理END------------------------------->

 

<!-------------------------网站用户管理START------------------------------->

<table border=0 width="98%" align="center"cellspacing="0" cellpadding="0">

 <tr>

   <td colspan="3" language="JavaScript"onMouseUp="turnit('user')" style="CURSOR: hand">

     <img id="Imguser" src="/images/midclosedfolder.gif"align="absMiddle" border="0" width="16"><img name="Imguser_0" src="../images/clsfld.gif"align="absMiddle" border="0">

        <fontface=宋体><b>用户管理</b></font>

   </td>

 </tr>

</table>

<table id="menu_user"border=0 width="98%"align="center" cellspacing="0"cellpadding="0" style="display:none">

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/user/list'/>">网站用户管理</a></td>

 </tr>

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action="/control/user/query"/>">用户查询</a></td>

 </tr>

</table>

<!-------------------------网站用户管理END------------------------------->

 

<!-------------------------部门员工管理START------------------------------->

<table border=0 width="98%" align="center"cellspacing="0" cellpadding="0">

 <tr>

   <td colspan="3" language="JavaScript"onMouseUp="turnit('department')" style="CURSOR: hand">

     <img id="Imgdepartment" src="/images/midclosedfolder.gif" align="absMiddle" border="0" width="16"><img name="Imgdepartment_0" src="../images/clsfld.gif" align="absMiddle" border="0">

        <fontface=宋体><b>部门员工管理</b></font>

   </td>

 </tr>

</table>

<table id="menu_department"border=0 width="98%"align="center" cellspacing="0"cellpadding="0" style="display:none">

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/department/list'/>">部门管理</a></td>

 </tr>

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/employee/list'/>">员工管理</a></td>

 </tr>

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/employee/manage'/>?method=query">员工查询</a></td>

 </tr> 

 <tr>

   <td width="50"><img src="/images/vertline.gif"border=0><img src="/images/lastnodeline.gif"align="absMiddle" border=0 width="16"height="22"><img src="/images/doctemp.gif"align="absMiddle" border="0" width="16"height="16"></td>

   <td width="123"><a href="<html:rewrite action='/control/privilegegroup/list'/>">权限组管理</a></td>

 </tr> 

 

</table>

<!-------------------------部门员工管理END------------------------------->

<table border="0"width="98%" align="center"cellspacing="0" cellpadding="0">

 <tr>

   <td width="20"><img src="../images/lastnodeline.gif"border="0"></td>

   <td>

     <a href="<html:rewrite action='/employee/logout'/>"target="_parent">退出系统</a>

   </td>

 </tr>

</table>

</body>

</html>


 

 

Main.jsp

 

<%@ page contentType="text/html;charset=UTF-8"%>

<%-- <%@ includefile="/WEB-INF/page/share/taglib.jsp" %> --%>

 

<%@taglib uri="/struts-tags"prefix="s" %>

<html>

<head>

<title>网站业务系统_管理平台</title>

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">

</head>

    <framesetframespacing="0"border="0"rows="60,*,15"frameborder="0">

        <framename="banner"scrolling="no"noresizetarget="contents"src="<s:urlaction='center-top'/>"marginwidth="0"marginheight="0">

        <framesetcols="168,*">

            <framename="menuframe"target="mainframe"src="<s:urlaction='center-left'/>"scrolling="no"marginwidth="0"marginheight="0">

            <framename="mainframe"scrolling="auto"noresizesrc="<s:urlaction='center-right'/>"marginwidth="0"marginheight="0">

        </frameset>

        <framename="menuframe"target="mainframe"src="<s:urlaction='center-end'/>"scrolling="no"marginwidth="0"marginheight="0">

    </frameset>

    <noframes>

    </noframes>

</html>


 

 

producttypelist.jsp

 

显示产品分类的页面

 

 

<%@ page contentType="text/html;charset=UTF-8"%>

<%@taglib uri="/struts-tags"  prefix="s"%>

<html>

<head>

<title>产品类别管理</title>

<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">

<link rel="stylesheet"href="../css/vip.css" type="text/css">

<script language="JavaScript">

<!--

    //到指定的分页页面

    function topage(page){

        var form = document.forms[0];

        form.page.value=page;

        form.submit();

    }

//-->

</script>

<SCRIPT language=JavaScriptsrc="/js/FoshanRen.js"></SCRIPT>

</head>

 

<body bgcolor="#FFFFFF"text="#000000" marginwidth="0" marginheight="0">

 <table width="98%" border="0"cellspacing="1" cellpadding="2"align="center">

   <tr ><td colspan="6" bgcolor="6f8ac4" align="right">

   第一页，第二页

   </td></tr>

   <tr>

     <td width="8%" bgcolor="6f8ac4"><div align="center"><fontcolor="#FFFFFF">代号</font></div></td>

     <td width="5%" nowrapbgcolor="6f8ac4"><div align="center"><fontcolor="#FFFFFF">修改</font></div></td>

     <td width="20%" bgcolor="6f8ac4"><div align="center"><fontcolor="#FFFFFF">产品类别名称</font></div></td>

      <td width="10%"nowrap bgcolor="6f8ac4"><div align="center"><fontcolor="#FFFFFF">创建下级类别</font></div></td>

      <td width="15%"bgcolor="6f8ac4"><div align="center"><fontcolor="#FFFFFF">所属父类</font></div></td>

      <td nowrapbgcolor="6f8ac4"><div align="center"><fontcolor="#FFFFFF">备注</font></div></td>

   </tr>

<!---------------------------LOOPSTART------------------------------>

   <tr>

     <td bgcolor="f5f5f5"><div align="center">${entry.typeid }</div></td>

     <td bgcolor="f5f5f5"><div align="center"><a href="<s:url action="/control/product/type/manage"/>?method=editUI&typeid=${entry.typeid }">

      <img src="../images/edit.gif"width="15" height="16"border="0"></a></div></td>

     <td bgcolor="f5f5f5"><div align="center"><a href='<s:url action="/control/product/type/list"/>?parentid=${entry.typeid }'>${entry.name }</a></div></td>

      <td bgcolor="f5f5f5"><div align="center"><a href="<s:url action="/control/product/type/manage"/>?method=addUI&parentid=${entry.typeid}">创建子类别</a></div></td>

      <td bgcolor="f5f5f5"align="center"></td>

      <td bgcolor="f5f5f5">${entry.note }</td>

    </tr>

   <!----------------------LOOPEND------------------------------->

   <tr>

     <td bgcolor="f5f5f5" colspan="6"align="center"><table width="100%"border="0" cellspacing="1"cellpadding="3">

          <tr>

            <td width="5%"></td>

              <td width="85%">

              <input name="AddDic"type="button" class="frm_btn"id="AddDic" onClick="javascript:"value="添加类别">  

              <input name="query"type="button" class="frm_btn"id="query" onClick="javascript:"value=" 查询 ">  

            </td>

          </tr>

        </table></td>

   </tr>

 </table>

</body>

</html>


 

 

 

4、struts2的配置

 

<?xml version="1.0"encoding="UTF-8"?>

<!DOCTYPE struts PUBLIC

    "-//Apache Software Foundation//DTD StrutsConfiguration 2.3//EN"

    "http://struts.apache.org/dtds/struts-2.3.dtd">

   

<struts>

    <include file="struts-default.xml" />

    <constant name="struts.ObjectFactory" value="spring" /><!--    表示这里面的action由spring进行创建 -->

    <constant name="struts.devMode" value="true" />

    <package name="control" namespace="/control"extends="struts-default">

        <action name="center-*"><!-- 直接跳转，不需要经过class的验证，默认返回success -->

            <result name="success">/page/controlcenter/{1}.jsp</result>

        </action>

   

        <action name="producttype" class="productTypeAction" method="execute">

            <result name="list">/page/product/producttypelist.jsp</result>

        </action>

    </package>

</struts>


 

 

 

 

5、接下来我们测试一下页面的效果

 

我们访问这个网站

 

http://localhost:8080/babaSport_0700_s2sh_producttype_jsp/control/center-main

 

 技术分享

 

我们把产品管理打开

 

技术分享


技术分享

 

 

关于网站为什么要这样写，上一篇blog有介绍

 

6、总结

 

 

这里我们的表就可以开始运行了，注意这里我们的表是可以无限分类的，为什么呢？

 

首先我们产品类别里面比如我们的男装可以再分为上衣和裤子，后面上衣还可以分春天的，夏天的，秋天的，冬天的。。。后面还可以无限分，所以我们有这样的需求，那么我们就要进行分类，类别的子类，子类的子类。。。

怎么办呢？我们的不能为每个类别建一张表吧，而且建表的话，别人几十条分类，那么后面怎么搞？？？

所以我们的处理方式是：以当前这一个表为基础，以自己的id号为外键，进行连接，我们给表添加一个字段，parentid，如果是顶级分类比如前面的男装，那么他的parentid就是null，而如果不是顶级分类，比如上衣分类，那么parentid就是男装的id号，这样就可以实现无限分类，在同一张表！！！

此处应有掌声：66666666666

 

 

 

 

 

【j2ee spring】32、巴巴运动网的产品类别页面

标签：jsp   struts2   j2ee   s2sh   html   

原文地址：http://blog.csdn.net/cutter_point/article/details/46489215
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！