web课程设计——手机销售网

这篇博客详细介绍了如何使用JSP技术建立一个手机销售网,采用MVC模式,结合MySQL数据库,实现用户管理、产品分类、订单等后台功能。开发环境包括MyEclipse和MySQL,使用了JSP、dtree树形组件。数据库设计包含用户、手机类别、手机基本信息和订单信息四个表。系统管理与页面管理部分讲解了目录结构、页面流程,包括会员注册、登录、浏览手机和查看购物车等功能的实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、实验要求

使用JSP技术建立一个简单的手机销售网。

采用MVC模式实现各个模块,数据库使用MySQL数据库

系统后台开发

1、 在导航条中添加一个后台管理菜单

2、 后台页面分成左右两个框,左边显示一个树形菜单,右边根据菜单选择显示相应的交互界面;

3、 实现对用户、产品分类、产品、订单等的后台管理;

4、 具体界面自行设计

二、开发环境&技术

Myecplise10      MySQL5.7  

JSP技术        dtree树形组件

三、系统模块构成

主要分析系统具有功能

 

四、数据库设计与建立

数据库设计

使用MySQL建立数据库mobileshop, 该库中有4个表 , 分别为use (用户)表、mobileClassify (手机类别) 表、mobileForm (手机基本信息) 表和orderForm (订单信息) 表。

1.user表:用户存储用户基本信息

 

2.mobileclassify表:用于手机类别信息

 

3.mobileForm表:用于手机的基本信息

4.orderForm表:用于存储订单信息

 

数据库连接

避免操作数据库出现中文乱码,需要使用Connection getConnection(java.lang.String)方法建立连接,连接中的代码是(用户是root,其密码是空):

Stringg uri = "jjdbc:myy qsql://127.0.0.1/mobileshop?"+

"user=root&password=&characterEncoding=gb2312";

Connection con Dri erManager getConnection( ri)

 

五、系统管理

建立相应的目录:

(1)ch10\WEB-INF \classes

根据servlet的包名,在classes下建立相应的子目录

 

比如:servlet类的包名为:myservlet.control,则在classes下建立子目录:

\myservlet\control;

比如javaBean类的包名为:mybean.data,则在则在classes下建立子目录:

\mybean\data;

 

 

六、页面管理

1.老师提供了源代码(提供的源代码默认root用户的密码为空,如果自行设置了密码需要在每一个连接数据库时的代码把密码加上)。源代码的调试结果如下

2.会员注册

当新用户注册时,该模块要求用户必须输入会员姓名、密码信息,否则不允许注册。用户的注册信息被存入数据库user表中。

该模块由一个jsp页面视图构成,该页面负责提交用户注册信息到servlet控制器registerServlet,并负责显示注册是否成功的信息。控制器registerServlet,负责连接数据库,并将用户提交的信息写入user表中,并将用户转发到注册页面查看注册反馈信息


注册页面

注册成功

 

3.会员登录

用户可以在该模块中输入自己所注册的会员名和密码,系统将会对会员名和密码进行验证,如果输入正确,可以进入系统,否则系统将会提示用户名或者密码错误相关信息。

该模块视图部分有一个JSP页面login.jsp构成,该页面负责提交用户的登录信息到控制器并显示登录是否成功。该模块的JavaBean模型loginBean存储用户登录信息。Servlet控制器连接数据库负责验证会员名和密码是否正确,并负责让视图显示更新后的数据。

 

登陆界面

 

登陆成功界面

 

  • 浏览手机

 

选择分类页面( 选择分类页面(lookMobile.jsp)

 

分页显示页面(byPageShow.jsp)

 

查看产品细节页面(showDetail.jsp)

 

 

  • 查看购物车

登录用户可以通过该模块视图部分lookShoppingCar.jsp查看购物车中的物品,并选择是否删除某个货物。该模块由两个servlet控制器,deleteServlet负责删除购车车中的物品,buyServlet负责将用户购物车中物品存放到数据库中。

 

 

  • 查看手机

本模块包括有两个 jj psp 页面视图 searchMobile.jsp和byPageShow.jsp页面构成,用户在searchMobile.JSP页面输入查询信息,提交给searchByConditionServlet控制器,该控制器将其结果存放在bean中,将用户重定向byPageShow.jsp页面负责显示bean中的数据。

 

 

 

  • 查询订单

 

首先在导航栏添加后台链接选项
在dtree官网下载dtree菜单源码,对源码更改实现具体功能,后台页面实现功能如下:
houtai.jsp
<%@ page contentType="text/html;charset=GB2312" %>
<head>
	<link rel="StyleSheet" href="dtre
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值