1.功能设计
网站管理系统是把一个网站的内容(文字,图片,等等)与网站的组件分离开来,可以将各个页面连接到一起,可以控制页面的显示,最主要的功能(相对于较简陋的后台管理系统而言)即是实现与数据库的交互。作为模板的手机商城有一库四表,其中有是user(用户表)、moblileclassify(产品分类表)、mobileForm(商品表)和orderForm(订单表)这三个表。
(1)用户的增删查
(2)产品分类的增删
(3)产品的增删查
(4)订单的增删查
2.功能实现
首先建立一个后台管理界面的文件Manager.html,界面分为上、左、右三个框面。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<frameset rows="60,*">
<frame src="sm.html">
<frameset cols="200,*">
<frame src="example01.html" name="left">
<frame src="sml.html" name="right">
</frameset>
</frameset>
</html>
效果图如下
左边目录方面根据老师的指示,使用了树形结构菜单。从网上找了个树形菜单的例子界面来直接在里面进行修改。
example01.heml
树形菜单代码部分
<div class="dtree">
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'后台操作');
d.add(1,0,'用户管理','sml.html','111','right');
d.add(2,1,'增加用户','inputRegisterMess.jsp','111','right');
d.add(3,1,'用户查询','selectUser.jsp','111','right');
d.add(4,1,'删除用户','deleteUser.jsp','111','right');
d.add(5,0,'产品分类管理','sml.html','','right');
d.add(6,5,'增加分类','addmobileClassify.jsp','111','right');
d.add(7,5,'删除分类','deletemobileClassify.jsp','111','right');
d.add(8,0,'产品管理','example01.html','','right');
d.add(9,8,'增加产品','addmobileForm.jsp','111','right');
d.add(10,8,'产品查询','selectmobileForm.jsp','111','right');
d.add(11,8,'删除产品','deletemobileForm.jsp','111','right');
d.add(12,0,'订单管理','example01.html','','right');
d.add(13,12,'新增订单','addorderForm.jsp','111','right');
d.add(14,12,'订单查询','selectorderForm.jsp','111','right');
d.add(15,12,'删除订单','deleteorderForm.jsp','111','right');
document.write(d);
//-->
</script>
</div>
管理用户功能
(1)增加用户
直接调用老师给的源码里的用户注册界面,这里不进行展示。
(2)查询用户
<%@page contentType="text/html;charset=GB2312" %>
<%@page import="java.sql.*" %>
<html>
<body><bgcolor=cyan>
<%
Connection con;
Statement sql;
ResultSet rs;
try{
C