在线手机商城的设计与实现

课程设计报告课程名称 Web技术（JSP）课程设计题目在线手机商城的设计与实现学部专业班级姓名指导教师2013 年12 月26 日WEB技术(JSP)课程设计任务书题目:在线手机商城的设计与实现1. 课程设计教学条件要求课程设计开发平台与工具：eclipse/Dreamweaver+ JSP +SQL SERVER 20052. 课程设计任务该系统主要完成在线手机类产品买卖交易平台的设计与实现，主要用于将手机产品直观地展现给客户，宣传每个手机产品的优劣及为客户提供手机商品在线预订和购买服务。

3.课程设计任务（功能）说明及功能模块图该系统主要的功能包括：手机分类检索、客户在线预订、最新手机推荐、热门手机浏览、手机详细资料显示、手机销售排行统计、手机商品分类管理等功能。

（1）用户注册登陆模块用户注册登陆模块主要用于注册网上商城的会员，储存详细的客户档案，便于管理员管理现有会员，同时也有利于会员了解公司的最新产品资讯。

该模块的子功能有用户在线注册、用户登录管理和用户资料。

图2.1用户注册登陆模块图（2）手机检索查询模块图2.2手机检索查询模块图（3）购物车管理模块图2.3购物车管理结构图（4）后台手机商品管理图2.4后台商品信息管理结构图（5）后台用户管理图2.5后台用户管理3. 数据库设计本系统主要设计一下几表单：（1）商品基本信息表：存放网上商城销售商品的基本信息（2）商品分类信息表：存放网上商城商品分类的基本信息（3）用户基本信息表：存放网上商城注册用户的基本信息（4）订单信息表：存放与用户相关的订单基本信息（5）订单条目信息表：存放与订单有关的具体条目信息（订单中的商品价格以及数量）（6）管理员信息表：存放管理的用户名和密码等信息。

4.各模块的功能说明整个系统主要包含以下功能模块：（1）会员注册登录模块：用来实现用户的注册及登陆功能、修改用户资料功能。

（2）商品检索查询模块：产品的分类显示、热销商品排行显示。

（3）会员购物车管理模块：会员购物车的显示和管理、订单生成和管理、选择付款方式等。

（4）后台商品信息管理模块:用来对商品的增加、删除和修改功能。

（5）后台订单管理模块：用来对用户的订单进行处理。

（6）后台用户管理模块：管理员对注册用户信息进行维护。

目录1主要技术阐述 02总体规划与设计 (1)2.1需求分析 (1)2.2系统功能划分 (1)2.3数据库设计 (1)3页面设计与编码 (4)3.1界面设计 (4)3.1.1首页界面 (4)3.1.2注册界面 (4)3.1.3登陆界面 (5)3.1.4浏览手机界面 (5)3.1.5注册信息修改界面 (6)3.1.6管理员功能界面 (7)3.1.7退出登陆界面 (8)3.2系统核心代码 (8)3.2.1商品添加servlet代码 (8)3.2.2订单servlet代码 (11)3.2.3购物车jsp代码 (13)4总结 (14)参考文献 (15)1主要技术阐述SQL Server 2005 是一个全面的数据库平台，使用集成的商业智能 (BI)工具提供了企业级的数据管理。

Microsoft SQL Server 2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。

SQL Server 2005 数据引擎是该企业数据管理解决方案的核心。

此外 Microsoft SQL Server 2005 结合了分析、报表、集成和通知功能。

这使您的企业可以构建和部署经济有效的 BI 解决方案，帮助您的团队通过记分卡、Dashboard、Web services 和移动设备将数据应用推向业务的各个领域。

MVC是一个框架模式，它强制性的使应用程序的输入、处理和输出分开。

使用MVC 应用程序被分成三个核心部件：模型、视图、控制器。

它们各自处理自己的任务。

最典型的MVC就是JSP + servlet + javabean的模式。

2总体规划与设计2.1需求分析近年来，随着Internet的迅速崛起，互联网已日益成为收集提供信息的最佳渠道并逐渐进入传统的流通领域。

于是网上商城开始流行起来，越来越多的商家在网上建起在线商城，向消费者展现出一种新颖的购物理念。

网上商城是一种具有交互功能的商业信息系统。

它向用户提供静态和动态两类信息资源。

所谓静态信息是指那些比经常变动或更新的资源，如公司简介、管理规和公司制度等等；动态信息是指随时变化的学校，如公司报价，商城新闻和商城专题信息等。

网上商城系统具有强大的交互功能，可使商家和用户方便的传递学校，完成电子贸易或EDI交易。

这种全新的交易方式实现了公司文档与资金的无纸化交换。

2.2系统功能划分优秀的需要各种类型的模块。

各种功能模块在中扮演着不同的角色，它是使和用户之间沟通的基本桥梁。

本分为前台模块和后台模块，前台是面向访问用户的，通俗的说也就是给访问的人看的容和页面，如浏览手机等操作。

的后台通常需要及密码等信息的登陆验证，登陆信息正确则验证而后进入后台的管理界面进行相关的一系列操作。

如管理员登陆登陆、修改注册信息等操作。

通过管理后台，可以有效的管理供浏览者查阅的信息。

当然，前台和后台都是程序人员做的开发的页面，通常开发带管理后台功能的空间必须支持程序语言和数据开发功能。

2.3数据库设计。

3页面设计与编码3.1界面设计3.1.1首页界面首页界面是该在线手机商城的主页，包括网页的导航和一些页面的，如图3.1图3.1首页界面3.1.2注册界面该界面是该在线手机商城用户注册的基本信息，如图3.2图3.2注册界面3.1.3登陆界面该界面为用户登陆功能，如图：3.3图3.3登陆界面3.1.4浏览手机界面该界面为用户浏览手机界面，带有导航条，可以实现功能的切换，有品牌分类和热销排行两类如图：3.4图3.4浏览手机页面3.1.5注册信息修改界面该界面为用户修改注册信息界面，带有导航条，可以实现功能的切换，界面显示用户曾经注册过的信息，用户可以在上面进行修改。

如图：3.5图3.5修改注册信息界面3.1.6管理员功能界面该界面实现管理员对商品与用户的管理，带有导航条，可以实现功能的切换，如图：3.6图3.6管理员登陆成功界面手机商品管理分为三部分：商品添加、商品查看、商品修改。

商品修改界面同商品添加界面一样。

如图所示图3.7商品添加界面图3.8商品查看界面用户管理分为两部分：添加用户、删除用户。

添加用户界面同用户注册界面一样。

如图所示图3.9删除用户界面3.1.7退出登陆界面该界面实现用户退出，带有导航条，可以实现功能的切换，用户没登陆时提醒用户登陆，登陆界面同管理员登陆界面一样，用户已登陆时用户退出界面如图3.10图3.10用户退出界面3.2系统核心代码3.2.1商品添加servlet代码public class spAdd extends HttpServlet {private static final long serialVersionUID = 1L;private Connection con;private PreparedStatement ps;private ResultSet rs;private String result;protected void doGet(HttpServletRequest request, HttpServletResponseresponse) throws ServletException, IOException {}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {HttpSession session = request.getSession(true);JavaBean.spAdd r = new JavaBean.spAdd();r.setId(request.getParameter("id"));r.setUrl(request.getParameter("url"));r.setName(request.getParameter("name"));r.setTime(request.getParameter("time"));r.setXiaoliang(request.getParameter("xiaoliang"));r.setPrice(request.getParameter("price"));r.setNumber(request.getParameter("number"));String id=request.getParameter("id");String url=request.getParameter("url");String name=request.getParameter("name");String time=request.getParameter("time");String xiaoliang=request.getParameter("xiaoliang");String price=request.getParameter("price");String number=request.getParameter("number");try{Class.forName(".mysql.jdbc.Driver");con=DriverManager.getConnection("jdbc:mysql:///mobile","root","123");ps=con.prepareStatement("insert into photo values(?,?,?,?,?,?,?)");ps.setString(1, id);ps.setString(2, url);ps.setString(3, name);ps.setString(4, time);ps.setString(5, xiaoliang);ps.setString(6, price);ps.setString(7, number);ps.executeUpdate();if(id.contains(",")||id.contains("，")){result="注册失败(用户名中不能有逗号),请重新注册,3秒后页面自动跳转……";response.setHeader("refresh", "3;URL=/mobile/spAdd.jsp");}else{result="商品添加成功!";session.setAttribute("JavaBean.spAdd", r);}}catch(Exception e){e.printStackTrace();result="注册失败(用户名不能重复),请重新注册,3秒后页面自动跳转……";response.setHeader("refresh", "3;URL=/mobile/spAdd.jsp");}finally{try {ps.close();con.close();} catch (SQLException e) {e.printStackTrace();}}request.setAttribute("result", result);request.getRequestDispatcher("/mobileMessage.jsp").forward(request, response);}}3.2.2订单servlet代码public class dingdan extends HttpServlet {private static final long serialVersionUID = 1L;private Connection con;private PreparedStatement ps;private ResultSet rs;String result=null;protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {}protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {String logname=request.getParameter("logname");String address=request.getParameter("address");String phone=request.getParameter("phone");String fukuan=request.getParameter("fukuan");try{Class.forName(".mysql.jdbc.Driver");con=DriverManager.getConnection("jdbc:mysql:///mobile","root","123");ps=con.prepareStatement("insert into dingdanxinxi values(?,?,?,?)");ps.setString(1, logname);ps.setString(2, phone);ps.setString(3, address);ps.setString(4, fukuan);ps.executeUpdate();}catch(Exception e){e.printStackTrace();}finally{try {ps.close();con.close();} catch (SQLException e) {e.printStackTrace();}}request.setAttribute("result", "您已购买成功，请在购物车中查看您所购买的宝贝");request.getRequestDispatcher("/show.jsp").forward(request, response);}}3.2.3购物车jsp代码<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>我的购物车</title></head><body><center><%String result=(String)session.getAttribute("result");if(result!=null)out.print("<h3>"+result+"</h3>");%><%String number=(String)session.getAttribute("number");%><form action="dingdan.jsp" method="post"><input type="hidden" name="number" value=<%= number %>><h3>数量：<input type="text" name="number" value="1"></h3> <td><input type=submit name="g" value="确定购买"></td></form></center></body></html>4总结在这次课程设计过程中，在这与代码为伴的三个星期里，我真的收获了很多。