这是一篇关于Web课程设计的概述，重点介绍了如何构建后台管理系统。设计要求包括添加后台管理、实现导航条和后台树形菜单。代码示例展示了导航条、后台树形菜单的实现，并提到了后台功能，如管理员权限、用户、产品分类和订单的管理。
一、课程设计要求
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();">展开所有
最低0.47元/天 解锁文章
扫一扫
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
