一、课程设计要求
1、在导航条中添加一个后台管理系统。
2、后台页面分成左右两个框,左边显示一个树形菜单,右边根据菜单选择相应的交互页面。
3、实现对用户、产品分类、产品、订单等的后台管理。
4、具体页面自行设计。
二、功能实现及源代码
1.导航条的实现:
(1)代码实现:
<%@ page contentType="text/html;charset=GB2312" %>
<div align="center">
<H2>“智多星”智能手机销售网</H2>
<table cellSpacing="1" cellPadding="1" width="660" align="center" border="0" >
<tr valign="bottom">
<td><A href="inputRegisterMess.jsp"><font size=2>注册</font></A></td>
<td><A href="login.jsp"><font size=2>登录</font></A></td>
<td><A href="lookMobile.jsp"><font size=2>浏览手机</font></A></td>
<td><A href="searchMobile.jsp"><font size=2>查询手机</font></A></td>
<td><A href="lookShoppingCar.jsp"><font size=2>查看购物车</font></A></td>
<td><A href="lookOrderForm.jsp"><font size=2>查看订单</font></A></td>
<td><A href="${pageContext.request.contextPath}/admin/index.jsp"><font size=2>后台管理</font></A></td>
<td><A href="index.jsp"><font size=2>主页</font></A></td>
<td><A href="exitServlet"><font size=2>退出</font></A></td>
</tr>
</Font>
</table>
</div>
2.后台树形菜单页面的实现:
(1)代码实现:
主要思路:
1.使用前端空间的树形结构Dtree.js,部分代码如下,详情请看jc文件夹
2.然后引入css文件,详情请看css文件夹中的dtree.css和left.css
3.Left.jsp实现树形菜单树,代码如下:
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>菜单</title>
<link href="${pageContext.request.contextPath}/css/left.css" rel="stylesheet" type="text/css"/>
<link rel="StyleSheet" href="${pageContext.request.contextPath}/css/dtree.css" type="text/css" />
</head>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="12"></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td>
<div class="dtree">
<a href="javascript: d.openAll();">展开所有