信管1172谢胜祥
该销售网的全部代码文件及用到的图片均在如下百度网盘内 链接:https://pan.baidu.com/s/14KRdjH7Hk_rX2njRT6OB1w
提取码:8oda
由于以上链接有所有代码,故接下来的报告内容只出现少部分代码,较多的是调试成功的截图以及说明。
目录:一、实验要求,二、开发环境,三、前端,四、后台管理,五、总结
一、实验要求
系统后台开发
1、 在导航条中添加一个后台管理菜单
2、 后台页面分成左右两个框,左边显示一个树形菜单,右边根据菜单选择显示相应的交互界面;
3、 实现对用户、产品分类、产品、订单等的后台管理;
4、 具体界面自行设计
二、开发环境&技术
Myecplise10 MySQL5.7
JSP技术 dtree树形组件
三、前端界面
为了加快开发进度,前端给我们提供了源代码(提供的源代码默认root用户的密码为空,如果自行设置了密码需要在每一个连接数据库时的代码把密码加上),由于提供了源代码故不做过多的解释,源代码的调试结果如下:
主页:
注册页面&注册:
登录页面及登录验证:
浏览手机&浏览结果:
查看购物车功能(可在浏览手机后直接放入购物车):
生成订单:
退出登录:
四、后台管理实现对数据库中表的操作(增加、删除、更新、显示)
由于是实验,对可进入后台管理的用户没有做限制,可以直接进入后台管理(想限制为指定的用户名才可以进入,没有做成功)
1、在mobileshop数据库中有4张:user(用户表) mobileform(手机基本信息表) mobileclassify(手机类别表) orderform(订单信息表)
2、(1)在后台管理对user表有显示、删除、更新操作
(2)对mobileform表及mobileclassify表有增加、显示、删除、更新操作
(3)对orderform表有显示、删除操作
3、树形菜单是在网上下载的dtree树形组件,自己修改后拿来使用,代码如下:
houtai.jsp
<%@ page contentType="text/html;charset=GB2312" %>
<head>
<link rel="StyleSheet" href="dtree.css" type="text/css" />
<script type="text/javascript" src="dtree.js"></script>
</head>
<body>
<h2>后台管理</h2>
<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,'更新用户信息');
d.add(2,0,'更新手机类别');
d.add(3,0,'更新手机信息');
d.add(4,0,'更新订单信息');
d.add(5,0,'<a href="index.jsp" target ="_top">返回主页</ a>');
d.add(6,1,'<a href="lookUser.jsp" target="right">显示</a>');
d.add(7,1,'<a href="updateUser.jsp" target="right">修改</a>');
d.add(8,1,'<a href="delUser.jsp" target="right">删除