品红电子商品展示网站设计毕业论文.doc

《品红电子商品展示网站设计毕业论文.doc》由会员分享，可在线阅读，更多相关《品红电子商品展示网站设计毕业论文.doc（31页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、滨江学院 毕业论文（设计）题 目 品红电子商品展示网站设计 院 系 电子工程系 专 业 电子信息工程 学生姓名 刘静 学 号 20072305908 指导教师 张宏群 职 称 教授 二 一0 年 六月 一日目 录1、绪论32、 设计目的33、 技术基础33.1 J2EE体系架构33.2 Struts框架43.2.1 Struts的MVC工作机制43.2.2 Struts的工作流程53.3 拦截器63.4 CSS样式74、项目模块74.1 首页展示84.2 商品展示94.3 站内新闻104.4 在线聊天114.5 留言簿134.6 后台管理154.6.1 系统管理164.6.2 新闻管理184.

2、6.3 商品管理205、数据库设计225.1 数据库概念结构设计235.2 数据库逻辑结构设计246、开发中用到的知识点与遇到的问题256.1 分页的sql语句写法256.2 乱码问题266.3 滚动条置底266.4 Java中获得系统当前时间并以一定格式显示266.5 页面跳转问题266.6 session的注意点276.7 刷新页面276.8 空指针异常问题276.9 Servlet中获取session和application276.10 日期的显示（jquery）277、系统测试288、结论28参考文献：29致谢30英文摘要31品红电子商品展示网站设计 摘要：本设计以myeclipse为

3、开发工具，采用当前比较流行的java编程语言进行编码，数据库采用的是mysql。本文详细地描述了电子商品展示网站设计的各个组成部分，以及这一信息平台所实现的功能和性能，对各项业务提供详细、准确的描述。此设计分为三层：商品展示层，中间服务层，数据库层；关键词：信息平台；java；sql数据库；1、绪论在当今忙碌的时代，可以节省时间的工具一定会受到广大群众的支持。随着计算机和网络技术的发展，因特网越来越成为商家和客户的必不可少的工具。通过网络可以节省时间提高效率，因此设计了这个品红网上宣传网站，它的主要作用在于展示电子产品（手机、笔记本、数码相机等等）并提供参考图和产品的其它基本信息。另外还有一些

4、附加功能以便于客户和商家的联系，如：在线聊天、和留言簿。如果有需要，用户只要在进入该网站就可以了解足够多的信息，并且更方便了客户与客户之间的沟通和客户与商家的沟通。一个很实用的电子产品网上展示平台。2、 设计目的本文主要设计目的是将只能在商场里才能见到的电子商品搬家，搬到网站上，让更多的人看到这些商品更多的人了解这些商品，也让商家多一条销售门道。本设计以myeclipse为开发工具，采用当前比较流行的java编程语言进行编码，数据库采用的是mysql。3、 技术基础3.1 J2EE体系架构本论文采用J2EE体系架构开发，J2EE应用程序是有组件构成的。J2EE组件是具有独立功能的软件单元，它们

5、通过相关的类和文件组装成J2EE应用程序，并与其他组件交互。J2EE包括四部分组件：客户端、Web层组件、业务逻辑层和企业信息系统层。客户端组件通过IE浏览器运行HTML,JavaScript，CSS，XML，Ajax；Web层组件通过Web容器运行JSP，Servlet，JavaBean，Struts；业务逻辑层通过tomcat容器运行Session Bean，Entity Bean，MDB,Spring，Habernate；企业信息层系统可以通过MySQL，DB2，Oracle，SQL Server ,Sybase容器运行SQL,Stored Procedure,Tigger。J2EE具有

6、以下优点：1.保留现有的IT资产：基于J2EE平台的产品几乎能够在任何操作系统和硬件配置上运行，现有操作系统和硬件也能被保留使用。2.高效的开发：J2EE允许把一些通用的、很繁琐的服务端任务交给中间件供应商去完成。这样开发人员可以集中精力在如何创建商业逻辑上，相应的减短了开发时间。3.支持异构环境：J2EE能够开发部署在异构环境中的可移植程序。基于J2EE的应用程序不依赖任何特定的操作系统、中间件、硬件。4.可伸缩性：基于J2EE平台的应用程序可被部署到各种操作系统上，这种部署可达数千个处理器，实现可高度伸缩的系统，满足未来商业应用的需求。5.稳定的可用性：J2EE部署到可靠的操作环境中，他们

7、支持长期的可用性。3.2 Struts框架本系统采用的是struts 框架，Struts是一个基于SunJ2EE平台的MVC框架，主要是采用Servlet和JSP技术来实现的。由于Struts能充分满足应用开发的需求，简单易用，敏捷迅速，在过去的一年中颇受关注。Struts把Servlet、JSP、自定义标签和信息资源(messageresources)整合到一个统一的框架中，开发人员利用其进行开发时不用再自己编码实现全套MVC模式，极大的节省了时间，所以说Struts是一个具有组件的模块化，灵活性和重用性的的应用框架。Struts 的ActionServlet 控制导航流。 其他Struts

8、 类，比如Action, 用来访问业务逻辑类。 当 ActionServlet 从容器接收到一个请求，它使用URI (或者路径“path”) 来决定哪个Action 将用来处理请求。一个 Action可以校验输入，并且访问业务层以从数据库或其他数据服务中检索信息。所有这些细节，关于Action，ActionForm，ActionForward， ActionMapping，以及其他一些东西，都在struts-config.xml 文件中定义。 ActionServlet 在启动时读取这个配置文件，并创建一个配置对象数据库。在运行时，Struts 应用根据的是文件创建的配置对象，而不是文件本身。

9、3.2.1 Struts的MVC工作机制Model：Struts没有提供model类。这个商业逻辑必须由Web应用程序的开发者以JavaBean或EJB的形式提供View：Struts提供了action form创建form bean, 用于在controller和view间传输数据。此外，Struts提供了自定义JSP标签库，辅助开发者用JSP创建交互式的以表单为基础的应用程序，应用程序资源文件保留了一些文本常量和错误消息，可转变为其它语言，可用于JSP中。Controller：Struts提供了一个核心的控制器ActionServlet，通过这个核心的控制器来调用其他用户注册了的自定义的控

10、制器Action，自定义Action需要符合Struts的自定义Action规范，还需要在struts-config.xml的特定配置文件中进行配置，接收JSP输入字段形成Action form，然后调用一个Action控制器。Action控制器中提供了model的逻辑接口。3.2.2 Struts的工作流程Struts框架总控制器（ActionServlet）Struts-config.ml模型（ActionForm）业务功能类（JavaBean）视图JSP业务功能控制器（action）1、初始化3、填充FromBean4、将请求转换到具体Action6、返回目标对象7、转换Http请求到目

11、标响应对象2、Http请求浏览器5、处理业务8、Http响应 Struts模块结构图1.初始化：struts框架的总控制器ActionServlet是一个Servlet，它在web.xml中配置成自动启动的 Servlet，在启动时总控制器会读取配置文件(struts-config.xml)的配置信息，为struts 中不同的模块初始化相应的对象。(面向对象思想)2.发送请求：用户提交表单或通过URL向WEB服务器提交请求，请求的数据用HTTP协议传给web服务器。3.form填充：struts的总控制器ActionServlet在用户提交请求时将数据放到对应的form对象中的成员变量中。 4

12、.派发请求：控制器根据配置信息对象ActionConfig将请求派发到具体的Action，对应的formBean一并传给这个Action中的excute()方法。5.处理业务：Action一般只包含一个excute()方法，它负责执行相应的业务逻辑(调用其它的业务模块)完毕后返回一个ActionForward对象。服务器通过ActionForward对象进行转发工作。6.返回响应：Action将业务处理的不同结果返回一个目标响应对象给总控制器。7.查找响应：总控制器根据Action处理业务返回的目标响应对象，找到对应的资源对象，一般情况下为jsp页面。8.响应用户：目标响应对象将结果传递给资源

13、对象，将结果展现给用户。3.3 拦截器 拦截器，在AOP（Aspect-Oriented Programming）中用于在某个方法或字段被访问之前，进行拦截然后在之前或之后加入某些操作。拦截是AOP的一种实现策略。在 Struts2的中文文档的解释为拦截器是动态拦截Action调用的对象。它提供了一种机制可以使开发者可以定义在一个action执行的前后执行的代码，也可以在一个action执行前阻止其执行。同时也是提供了一种可以提取action中可重用的部分的方式 。 谈到拦截器，还有一个词大家应该知道拦截器链（Interceptor Chain，在Struts 2中称为拦截器栈Intercep

14、tor Stack）。拦截器链就是将拦截器按一定的顺序联结成一条链。在访问被拦截的方法或字段时，拦截器链中的拦截器就会按其之前定义的顺序被调用 。 拦截器实现原理：Struts 2的拦截器实现相对简单。当请求到达Struts 2的ServletDispatcher时，Struts 2会查找配置文件，并根据其配置实例化相对的拦截器对象，然后串成一个列表（list），最后一个一个地调用列表中的拦截器 。 Struts2中已有的拦截器：Struts 2已经为您提供丰富多样的，功能齐全的拦截器实现。我们可以到struts2-all-2.0.1.jar或struts2-core-2.0.1.jar包的s

15、truts-default.xml查看关于默认的拦截器与拦截器链的配置 。下面是从struts-default.xml文件摘取的部分内容： 配置和使用拦截器：在struts-default.xml中已经配置了以上的拦截器。如果您想要使用上述拦截器，只需要在应用程序struts.xml文件中通过“”将struts-default.xml文件包含进来，并继承其中的struts-default包（package），最后在定义Action时，使用引用拦截器或拦截器栈（interceptor stack）。一旦您继承了struts-default包（package），所有Action都会调用拦截器栈 -

16、defaultStack。当然，在Action配置中加入“”可以覆盖defaultStack。 自定义拦截器：虽然，Struts 2为我们提供如此丰富的拦截器实现，但是这并不意味我们失去创建自定义拦截器的能力，恰恰相反，在Struts 2自定义拦截器是相当容易的一件事 。所有的Struts 2的拦截器都直接或间接实现接口com.opensymphony.xwork2.interceptor.Interceptor。除此之外，大家可能更喜欢继承类com.opensymphony.xwork2.interceptor.AbstractInterceptor 。Struts2的拦截器是无状态的，因为

17、Struts 2不能保证为每一个请求或者action创建一个实例，所以如果拦截器带有状态，会引发并发问题。 3.4 CSS样式CSS是Cascading Style Sheets(层叠样式表)的简称。CSS按其位置可以分成三种： 内嵌样式(Inline Style) 内部样式表(Internal Style Sheet) 外部样式表(External Style Sheet)采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势： 1. 表现和内容相分离将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。 2. 提高页面浏览速度对于

18、同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。 3. 易于维护和改版你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。4、项目模块项目模块主要包括6个部分：首页展示、商品展示、站内新闻、在线聊天、留言簿、后台管理。如下图所示：电子产品展示网站 首 页 商品展示 站内新闻 在线聊天 留 言 簿 后台管理 新闻列表 新闻内容 登录界面 聊天页面 留言以及 留言列表 回复列表 系统管理 商品管理 新闻管理 商品列表 商品信息 图1 模块结构图4.1 首页展示首页头部是一个flash动画，下

19、面是一个导航条（包括：首页、商品展示、站内新闻、在线聊天、留言簿、后台管理），单击分别可以进入不同的模块。再下面分别是公司新闻列表显示，单击标题可以进入新闻内容进行详细阅读。页面最下面显示版权信息。如图2所示：图2 首页4.2 商品展示单击首页导航条中的商品展示，进入如图3页面，分页显示所有商品主要信息（包括：产品名称、产品品牌、产品型号、产品价格以及图片信息）。单击上一页、下一页可以进行页面切换。单击图片会进入如图4所示页面，显示商品的所有信息（包括：产品名称、产品品牌、产品型号、产品价格以及图片信息、产品编号、产品描述）。图3 商品列表展示图4 商品详细信息展示4.3 站内新闻单击首页导航

20、条中的站内新闻可以进入新闻列表页面。新闻列表中显示新闻标题和发布日期。单击新闻标题如图5所示。单击新闻标题会进入详细新闻内容页面。如图6所示。图5 新闻列表页面图6 详细新闻内容页面4.4 在线聊天单击首页导航条中的在线聊天，会弹出如图7所示会员登录窗口。如果不是会员，则不能登录，需要先单击“我要注册”的超链接跳转到注册页面（如图8所示）进行会员注册，注册成功则跳转到登录页面此时可以进行登录操作。在登录窗口中输入账号和密码正确即可以进入聊天室并可以在窗口右边显示会员账号信息，在下面的文本框中输入要发送的信息，单击发送即可以以消息列表的形式显示在左窗口，如图9所示。图7 聊天登录窗口图8 聊天注

21、册窗口图9 聊天窗口4.5 留言簿单击首页导航条上的留言簿，进入留言簿页面，如图10所示。该页面有滚动的“欢迎您使用 留言本”字样。此页面的主要功能有两个：显示留言（表格形式）。对留言进行了分页，单击上一页或下一页进行切换。每页显示6条留言（留言信息包括：回复条数、留言标题、留言者、留言时间）。单击留言的标题可以进入回复留言页面，如图11所示。签写留言。单击签写留言小图，可以进入编写留言页面，如图12所示。图10 留言簿页面图11 快速回复页面进入快速回复页面，在快速回复表格中标题直接显示，输入姓名和内容后，单击提交，即可以在该页面显示出来。本页面也可以进行上下页的切换。单击顶部的查看留言小图

22、标可以进入留言列表页面，如图10所示。快速回复页面的主要功能：显示要回复的留言和所有的回复。快速回复图12 编写留言页面在如图12的编写留言页面填好相应内容后，单击提交按钮，进入留言列表页面，如图10所示。在那里可以看到你所编写的留言信息。4.6 后台管理单击首页导航条上的后台管理，进入管理员登录页面，如图13所示。图13 管理员登录页面输入账号和密码，输入错误，可以单击重置按钮，重新输入。输入完毕，单击登录按钮。此时有三种可能性，第一、输入的账号和密码不不存在，则会弹出如图14的对话框，单击确定重新进入登录界面。第二、输入的账号不是管理员级别的，会弹出如图15的对话框。单击确定进入首页，如图

23、2所示。第三、是管理员，进入后台的主页面，如图16所示。 图14提示信息1 图15提示信息2图16 后台主页面后台主要有三方面的功能。第一、系统管理。第二、新闻管理。第三、商品管理。单击返回首页超链接可进入网站首页，单击安全退出超链接可以进入网站首页，此时单击浏览器菜单栏的后退按钮将不能重新进入后台，必须再登录。4.6.1 系统管理主要包括两个模块：添加管理员、用户管理。添加管理员。单击添加管理员，进入如图17所示页面。在此页面添加用户，单击提交后，弹出提示对话框如图18所示，单击确定后返回到添加用户页面，可以再添加更多用户。图17 添加用户信息图18 提示信息3用户管理。单击用户管理按钮，进

24、入如图19所示页面。此页面以分页的方式显示所有用户的信息。单击修改的超链接，进入修改用户信息的页面，如图20所示。修改相应信息后，单击提交，弹出如图21所示的提示信息。单击确定重新进入用户管理页面，如图19所示。单击删除的超链接，弹出如图22所示提示信息。单击确定，重新进入用户管理页面，如图19所示。图19 用户管理图20 修改用户信息 图21 提示信息4 图22 提示信息54.6.2 新闻管理主要包括两个模块：添加管理员、用户管理。 添加新闻。单击添加新闻按钮，进入如图23所示页面。输入新闻标题、新闻内容、发布时间后，单击提交按钮，弹出如图24所示提示信息。单击确定，进入如图26页面，可以继

25、续添加新闻。图23 添加新闻信息 图24 提示信息6 图25 提示信息7管理新闻。单击管理新闻按钮，进入如图26所示页面，单击删除的超链接，弹出如图25所示提示信息。单击确定后重新进入新闻管理页面。图26 新闻管理页面4.6.3 商品管理主要包括两个模块：添加商品、管理商品。添加商品。单击添加商品按钮，进入如图27所示页面。输入添加商品信息后，单击提交按钮，弹出如图28所示提示信息。单击确定，重新进入添加商品页面，可以继续添加商品。图27 添加商品信息图28 提示信息8图29 商品管理管理商品。单击商品管理进入如图29所示页面，单击修改的超链接进入如图30所示页面，可以对表格中的信息做修改，修

26、改完毕单击提交，弹出如图31所示提示信息。单击确定，重新进入如图29所示的商品管理页面。单击删除的超链接，弹出如图32所示提示信息。单击确定后重新进入商品管理页面。图30 修改商品信息 图31提示信息9 图32 提示信息105、数据库设计通过对整个网站的系统分析，设计如下数据项和数据结构：（1）新闻表，数据项：新闻编号、新闻标题、新闻内容、发布时间。（2）产品表，数据项：产品编号、产品序号、产品名称、产品商标、产品型号、产品价格、图片信息、产品描述。（3）留言表，数据项：留言编号、留言标题、留言内容、留言者姓名、留言时间。（4）回复表，数据项：回复编号、留言编号、回复内容、回复者姓名、回复时间

27、。（5）用户表，数据项：用户编号、用户账号、用户密码、用户级别。5.1 数据库概念结构设计根据上述设计规划出的实体，对各个实体具体描述E-R图如下：新 闻新闻编号新闻标题新闻内 容发布时 间新闻内容新闻内容新闻内容新闻内容用 户图1 新闻 图2 用户回 复留 言留 言内 容 留 言标 题留 言时 间留 言 者回 复内 容回 复时 间回 复编 号回 复姓 名留 言编 号图3 留言回复产 品产品商标产品描述产品价格产品序号产品型号产品编号产品图片产品名称图4 产品5.2 数据库逻辑结构设计数据库的逻辑设计从数据库中截图如下所示：（1）用户表：表1 用户表（2）新闻表：表2 新闻表（3）留言表：表3

28、 留言表（4）回复表：表4 回复表（5）产品表：表5 产品表6、开发中用到的知识点与遇到的问题本次开发过程中，遇到了很多问题，通过向老师请教和与同学研究，最终问题都得到了解决。现在把主要问题罗列如下：6.1 分页的sql语句写法使用DB2数据库的写法String sql=select * from product ;if(page1)number=(page-1)*pageSize;sql+=where productId not in (select productId from product order by productId fetch first +number+ row only

29、) order by productId fetch first +pageSize+ row only;elsesql+=order by productId fetch first +pageSize+ row only;使用mysql数据库的写法if(page=1) rs=stmt.executeQuery(select * from product LIMIT 0,3);else if(page1)rs=stmt.executeQuery(select * from product where productID LIMIT + num + , + size + ;);6.2 乱码问题

30、数据库、Servlet、JSP页面统一使用GBK编码。Servlet中：request.setCharacterEncoding(GBK);response.setContentType(text/html;setchar=GBK);response.setCharacterEncoding(GBK);JSP页面中：6.3 滚动条置底使用JS脚本function move()var top=document.body.scrollHeight;window.scroll(0,top);6.4 Java中获得系统当前时间并以一定格式显示final String DATETIME_FORMAT=y

31、yyy-MM-dd hh:mm:ss;SimpleDateFormat sdf=new SimpleDateFormat(DATETIME_FORMAT); /获取系统当前时间Calendar cal=Calendar.getInstance();Date currenttime=cal.getTime();String ct=currenttime.toLocaleString();6.5 页面跳转问题(1)Response.sendRedirect(admin/AddNews.jsp);(2)Out.println(alert(新闻删除成功);location.replace(admin/

32、ManageNews.jsp););解释：t.println()中嵌入js，location.replace(admin/ManageNews.jsp);)进入admin/ManageNews.jsp并刷新该页面。也可以用history.go(-1);但是这样不可以刷新页面。（3）request.setAttribute(nl, newsList);request.getRequestDispatcher(MyIndex.jsp).forward(request, response);解释：用request.setAttribute(nl, newsList);后，如果用Response.se

33、ndRedirect(admin/AddNews.jsp);方法跳转页面，则用request.getAttribute(n1);不能取到它的值，必须用request.getRequestDispatcher(MyIndex.jsp).forward(request, response);来跳转页面。才可以取到nl的值。6.6 session的注意点HttpSession session= request.getSession();User us=(User) session.getAttribute(users);解释：在Servlet中要用session.getAttribute(users

34、)来获得值，必须要先HttpSession session= request.getSession();用request来获得session!6.7 刷新页面6.8 空指针异常问题if(strNewsId!=null)newsId=Integer.parseInt(strNewsId);解释：对从页面取得的数据操作前，要做非空判断！6.9 Servlet中获取session和applicationHttpSession session=request.getSession();ServletContext application=this.getServletContext();解释：在用se

35、ssion.getAttribute( );之前，必须先获得session和application。6.10 日期的显示（jquery）使用如下代码实现如日期图所示。 Calendar.setup( inputField : text_newTime, / id of the input field ifFormat : %Y-%m-%d, / format of the input field showsTime : true, / will display a time selector step : 1 / show all years in drop-down boxes (inste

36、ad of every other year as default); 日期图7、系统测试 在本次测试中遇到了很多问题问题在这里提一个很常见却又很难避免的乱码问题本以为是页面的乱码，后经过跟踪代码发现是数据库的乱码问题，但是当该数据库时还是没成功，于是在代码中加上jdbc:mysql:/127.0.0.1:3306/company?characterEncoding=utf8;这句话便解决了；8、结论通过本次系统设计，我不仅对商品展示系统的基本知识有了一定的了解，还更加深入了解框架的使用，尤其是strut2框架的使用大大提高了开发的效率。商品展示系统是现代化式购物不可缺少的部分, 它的内容对于

37、商品生产者与购物者之间搭建起一座桥梁, 它能够为用户提供充足的信息。本次设计的系统只是初步完成各个基本功能，对于安全访问以及账号密码安全还有待提高。例如，同一时间不允许同一账号在不同地点访问，两个管理员同时对同一数据表进行操作肯能会发生的数据库安全问题等。 参考文献：1 汪涛.java基础知识 2010年8月2 邓良松.软件工程.西安电子科技大学出版社.2004年.3 萨师煊等编著.数据库系统概论. 高等教育出版社. 2000年.4REGGIE D. Modeling and implementation of supplier selection procedures for acommer

38、ceinitiatives . Industrial Management & Data Systems . 2003. 5Dan D.Gtierrez.Web数据库开发技术与实例详解M.侯国锋,译.1版.北京:电子工业出版社.2000:205-390.6薛元昀,顾佳英.网页数据库设计与发布M.北京:清华大学出版社.1999:132-395.7岳学军,李晓黎.Web应用程序开发教程ASP.NET+SQL SERVERM.北京:人民邮电出版社致谢本论文是在我的导师张宏群教授的悉心指导下完成。从选题、定题开始，一直到最后论文的反复修改、润色，张老师始终认真负责地给予细致的指导，帮助我开拓研究思路，

39、精心点拨、热忱鼓励。正是张老师的无私帮助与热忱鼓励，我的毕业论文才能够得以顺利完成。他启发式的思维方式和开放式的教育方式使我在学习中得到全面的锻炼和提高，为我以后的工作和生活打下了坚实的基础。此外，张老师渊博的学识，严谨的治学态度，一丝不苟的科研作风使我受益匪浅。正是在导师的谆谆教导下，我不断克服来自于方方面面的困难，最终较为顺利的完成了毕业设计工作，在此向我的指导老师致以诚挚的谢意! 同时感谢所有教育过我的专业老师，你们传授的专业知识是我不断成长的源泉也是完成本论文的基础。也感谢我同一组的组员和班里的同学是你们在我遇到难题是帮我找到大量资料，解决难题。再次真诚感谢所有帮助过我的老师同学。最后

40、，对审阅本论文的各位老师表示衷心的感谢！英文摘英文摘要Design of traffic lights based on single chipliujingNanjing University of Information Science & Technology of Electronic Information Engineering，Nanjing，210044ABSTRACTHe design for the myeclipse development tool , the use of current popular programming languages java code,

41、 the database used is mysql.This paper describes the electronics show the various components of site design and implementation of this information platform functionality and performance of the business of providing detailed, accurate description. The design is divided into three layers: presentation layer of goods, intermediate service layer, database layer.TKey words: information platform; java; sql database;30