电子商务网站——化妆品

X X X Ｘ大学动态网页设计课程设计（论文）题目：电子商务网站—化妆品院（系）：专业班级：学号：学生姓名：指导教师：教师职称：起止时间：程序设计专题（报告）任务及评语目录第1章实训的目的与要求 (1)1.1 实训设计目的 (1)1.2 实训设计的实验环境 (1)1.3 实训设计的预备知识 (1)1.4 实训设计要求 (1)第2章实训设计内容 (2)2.1开发背景简述 (2)2.2 系统设计内容 (2)2.3需求分析 (3)2.3.1系统逻辑设计 (3)2.3.2 系统功能需求分析 (9)2.4系统实现 (12)2.4.1 系统的详细设计 (12)2.4.3 程序源代码 (15)2.5测试分析 (17)第3章实训总结 (21)参考资料 (22)第1章实训的目的与要求1.1 实训设计目的《动态网页设计》是计算机相关专业的必修专业基础课程，其实践性、应用性很强。

实践教学环节是必不可少的一个重要环节。

本课程的程序设计专题实际是计算机相关专业学生学习完《JAVA程序设计》及《动态网页设计》等课程后，进行的一次全面的综合训练，JSP动态网页设计的设计目的是加深对理论教学内容的理解和掌握，使学生较系统地掌握程序设计及其在网络开发中的广泛应用，基本方法及技巧，为学生综合运用所学知识，利用软件工程为基础进行软件开发、并在实践应用方面打下一定基础。

1.2 实训设计的实验环境硬件要求能运行Windows 2000操作系统的微机系统。

JSP动态网页设计语言及相应的集成开发环境:J2SDK和ECLIPSE开发工具及Tomcat服务器。

1.3 实训设计的预备知识熟悉JAVA语言及ECLIPSE开发工具、Tomcat服务器。

1.4 实训设计要求按JSP动态网页设计的设计指导书提供的课题，要求学生在自行完成各个操作环节，并能实现且达到举一反三的目的，完成一个项目解决一类问题。

要求学生能够全面、深入理解和熟练掌握所学内容，并能够用其分析、设计和解答类似问题；对此能够较好地理解和掌握，能够进行简单分析和判断；能编写出具有良好风格的程序；掌握JSP动态网页设计的基本技能和面向对象的概念和方法编程技术。

同时培养学生进行分析问题、解决问题的能力；培养学生进行设计分析、设计方法、设计操作与测试、设计过程的观察、理解和归纳能力的提高。

第2章实训设计内容2.1开发背景简述伴随着Internet的蓬勃发展，网络购物中心作为电子商务的一种形式正以其高效、低成本的优势，逐步成为新型的经营模式和理念，人们已经不再满足用途信息的浏览和发布，而是渴望着能够充分享受网络所带来的更加多的便利。

网络购物正适应了当今社会快节奏地生活，使顾客足不出户便可以方便快捷轻松地选购自己喜欢的产品。

网上购物网站设计的主要目的一般是通过网站的推广，实现企业的产品及服务的互联，并使客户随时了解公司及公司所提供的最新产品的资讯同时也为客户提供及时的在线服务及订单处理等功能。

2.2 系统设计内容网上购物系统致力于提供电脑及相关IT产品展示及订购为核心的网上购物服务。

是企业产品与客户服务之间建立更加直接沟通及交流的平台。

用户可以通过设置不同的用户名和密码以各种不同的身份进入购物中心，用户的类型有良好总：普通用户和管理员。

普通用户可以在网站中进行购物。

管理员除了具有普通用户的功能外，还可以对商品信息进行设置，对网站进行维护。

本系统主要实现以下主要功能：前台用户相关功能主要包括：1）用户注册、登陆；2) 购物车；3）订单查询；4）个人资料修改；5）发布留言；后台管理相关功能主要包括：1）添加商品；2）处理订单；3）查询用户信息；4）添加链接；5）管理公告信息。

将以上这些功能制作成网页以后，在其中分别互相建立连接，基本完成商城及用户对网站的要求。

2.3需求分析2.3.1系统逻辑设计网络购物的总提关系E-R图如下：图2.1总体关系E-R图网站中所用到的数据信息基本包括：商品信息、用户信息、留言信息、订单信息、超级链接信息、管理员信息、公告信息等。

下面是数据库设计的表：（1）用户信息表tb_menber用户信息表tb_menber用来保存用户信息。

表tb_menber的结构如表2.1所示（2）商品信息表tb_goods商品信息表tb_goods用来保存商品的基础信息。

表tb_goods的结构如表2.2所示表2.2tb_goods（3）订单生成表tb_order订单生成表tb_oeder用来记录新生成的订单。

表tb_order的结构如表2.3所示。

（4）订单商品表tb_order_detail表tb_order_detail的结构如表2.4所示。

表2.4tb_order_detail在分析了系统的业务流程之后，就要分析系统的数据流，为后面设计网站的数据库做好基础。

这里主要利用数据流程图来说明数据流程。

数据流程图是一个图示工具，容易理解，容易在开发和用户方之间进行交流，以及在开发组织内部交流。

因此数据流程图作为一种模型工具已经广泛使用在软件工程的实践中[5]。

根据前台业务流程，可以将用户的活动分为两类。

用户浏览所使用到的数据归纳为站内信息，如商品信息等。

进一步分析网站的数据流程，得到网站数据流程的零级图2.3.2 E-R图E-R图是一种概念模型。

概念模型实际上是现实世界到机器世界的一个中间层次。

概念模型用于信息世界的建模，是显示世界到信息世界的第一层抽象，使数据库设计人员进行数据库设计的有利工具，也是数据库设计人员和用户之间进行交流的语言，因此概念模型一方面应该具有较强的语义表达能力，能够方便、直接的表达应该用众的各种语义知识，另一方面他还应该简单、清晰并且易于用户理解[7]。

以下是各个数据表的实体图。

（1）商品信息表tb_Ware的实体图图 4.2 商品信息表tb_Ware的实体图（2）用户信息表tb_User的实体图图 4.3 用户信息表tb_User的实体图（3）留言信息表tb_Text的实体图图 4.4 留言信息表tb_Text的实体图(4) 订单生成表tb_Sub的实体图图 4.5 订单生成表tb_Sub的实体图（5）订单商品表tb_Shop的实体图图 4.6 订单商品表tb_Shop的实体图（6）超级链接表tb_Link的实体图图 4.7 超级链接表tb_Link的实体图（7）管理员信息表tb_Admin的实体图图 4.8 管理员信息表tb_Admin的实体图（8）公告信息表tb_Affiche的实体图图 4.9 公告信息表tb_Affiche的实体图（9）总体E_R图图 4.10 总体E-R图2. 3.3 系统功能需求分析1.系统分为两大模块，即前台模块和后台模块。

网络购物中心的功能结构如图2.2所示图2.2网络购物中心的功能结构图基本表设计表的设计是这次设计的一个核心内容。

根据前面对网站前台与后台功能模块的分析和对数据库中实体关系的设计，可以看到网站中所用到的数据信息基本包括：商品信息、用户信息、留言信息、订单信息、超级链接信息、管理员信息、公告信息等。

下面是为数据库设计的表：（1）商品信息表tb_Ware商品信息表tb_Ware用来保存商品的基础信息。

结构如表4.1所示。

表4.1 tb_Ware的结构字段名称数据类型长度是否允许空是否为主键字段描述Wareid Int 4 否是货物编号Warename Varchar 50 否否货物名称Wareprice Bigint 8 否否货物价格Waretype Varchar 20 否否货物类型Wareintro Text 16 否否货物介绍Wareimage Varchar 50 否否图片路径Wareif Int 4 否否是否推荐Dattime Datetime 8 否否发布时间2.系统简单的流程图本系统的流程主要是添加购物车、查看购物车、生成订单、清空购物车等。

系统的流程图如下图2.3所示。

2.4系统实现2.4.1 系统的详细设计单击网站首页的“留言板”超链接进入留言板页面，在该页面中，主要显示用户所填写的留言，以便其他用户查阅。

留言板中显示的数据是从数据表中检索出来并显示在网页中的，为了方便查看网页信息，使用了分页显示功能。

对网页进行分页显示首先要确定记录跨度，就是每页所显示的记录数，在这个网站的留言板中，设定了int pagesize=4，即每页中只允许显示4条留言信息，用户可以通过单击“上一页”、“下一页”、“最后一页”、“第一页”或则从文本框中键入一个数值跳转到相应页浏览留言信息。

记录的总条数可以从数据库中通过查询语句st();rowcount=rs.getRow得到，而计算总页数时，根据总页数=总记录数/跨度，如果除不尽就加1的原理，设计代码为：pagecount=((rowcount%pagesize)==0?(rowcount/pagesize);(rowcount/pagesize )+1)。

如果获取文本框中的数据不为空就把它转换成整型数据，然后赋值给当前获取页再做进一步判断；如果获取的页数大于总页数就把总页数赋给获取页数，否则就把获取页数值赋为1。

而计算当前记录数时，当前记录数=（获取页数-1）*跨度+1。

代码如下所示。

int showpage=1;if(topage!=null){showpage=Integer.parseInt(topage);if(showpage>pagecount){showpage=pagecount;else if(showpage<=0){showpage=1; } rs.absolute((showpage-1)*pagesize+1);有了以上这几个关键变量，网页分页显示功能基本上已经实现了，下一步就是在当前记录数位置开始循环，当数据库没有记录的时候一定要终止循环程序。

代码如下：for(int i=1;i<=pagesize;i++){……if(!rs.next())break;}添加留言是用户与用户，以及用户与网站之间的一种交流模式，只有把用户想要表达的内容添加至数据库中，才能在浏览留言板中进行显示。

用户在留言板中单击“添加留言”超链接就可以打开添加留言页面，该页面主要用来提交用户输入的留言信息。

用户在添加留言页中单击“提交”按钮，系统会将数据表单提交到admin/addle.jsp页，该页用来实现江留言内容存入到数据库中。

图2.3 网页截图图2.5 留言板模块流程图2.4.3 程序源代码。

public class Car implements Serializable{Hashtable list=new Hashtable(); //散列表，商品列表String item="Welcome";int mount=0; //商品数量String unit=null; //商品单位String userID; //用户public void Car(){}public void setItem(String item) {this.item = item;}public void setMount(int mount) {this.mount = mount;}public void setUnit(String unit) {this.unit = unit;}public String getUserID() {return userID;}public void setUserID(String userID) {erID = userID;}public Hashtable list_h() {return list;}public void dele_h(String s) {list.remove(s);}public void add_h(){String str="Name:"+item+"Mount:"+mount+"Unit:"+unit;list.put(item, str);}}＜%@ page contentType="text/html;charset=gb2312"%＞＜%@ page session="true" %＞＜%@ page language="java" import="java.sql.*" %＞＜jsp:useBean id="bka" scope="page" class="shop.bka" /＞＜%String action;int product_id;int curpage;if (request.getParameter("product_type")==null){product_type="all";}else{product_type=request.getParameter("product_type");}//页数和商品类型参数，可以在“继续购物”时返回到上次购物的页面if (request.getParameter("curpage")==null){curpage=1;}else{curpage=ng.Integer.parseInt(request.getParameter("curpage"));}//动作if (request.getParameter("action")==null){action="view";}else{action=request.getParameter("action");}if (request.getParameter("product_id")==null){product_id=0;}else{product_id=ng.Integer.parseInt(request.getParameter("product_id")); }int bbb;bbb=1;Integer num = new Integer(bbb);//商店编号session.putValue("shop_id",num);//顾客usernamesession.putValue("guest_name","asp2001");String guest_name=(String)session.getValue("guest_name");Integer shop_id=(Integer)session.getValue("shop_id");ng.String sql;java.sql.ResultSet rs;if (pareTo("add")==0) {sql="select cart_quantity from shop_cart where cart_shop_id="+ shop_id + " and cart_guest_id='" + guest_name + "'and cart_product_id=" + product_id ;rs = bka.executeQuery(sql);if (rs.next()){int cart_quantity;cart_quantity=ng.Integer.parseInt(rs.getString("cart_quantity"))+1; sql="update shop_cart set cart_quantity=" + cart_quantity + "where cart_shop_id=" + shop_id + " and cart_guest_id='" +guest_name + "' and cart_product_id=" + product_id ;rs = bka.executeQuery(sql);}else{sql="insert into shop_cart (cart_shop_id,cart_guest_id,cart_product_id,cart_quantity) values ('" + shop_id + "','"<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <%@ page import="java.sql.*" %><html><head><title>留言存储</title></head><%!String DBDriver = "com.microsoft.sqlserver.jdbc.SQLServerDriver";String DBUrl ="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=userdb";Connection conn =null;Statement stmt = null;PreparedStatement pstmt=null;ResultSet rs = null;%><%request.setCharacterEncoding("GBK");String usn = (String)session.getAttribute("userid");if(usn!=null){%><body><%String username =request.getParameter("userid");String zhuti = request.getParameter("zhuti");String news = request.getParameter("news");String time = request.getParameter("time");try{//连接数据库Class.forName(DBDriver);conn = DriverManager.getConnection(DBUrl,"sa","sa");String sql = "insert into liuyan (username,zhuti,news,time)values(?,?,?,?)";pstmt =conn.prepareStatement(sql);pstmt.setString(1,username);pstmt.setString(2,zhuti);pstmt.setString(3,news);pstmt.setString(4,time);//if(grade==1)//pstmt.setString(6,"true");//else//pstmt.setString(6,"false");//pstmt.setDate(7,md2);int rows =pstmt.executeUpdate();if(rows>0){%><script type="text/javascript">alert("留言成功！");</script><a href="addNewsForm.jsp">继续留言</a> <%}else{%><script type="text/javascript">alert("留言失败！");</script><a href="addNewsForm.jsp">重新留言</a> <%}//获得语句对象//语句对象执行结果}catch(Exception e){e.printStackTrace();}finally{if(pstmt!=null){pstmt.close();pstmt=null;}//conn 关闭。