关于网上购物的论文.doc

论文题目 手机导购网的设计与实现姓 名 xx学 院 东北大学东软信息学院专 业 计算机科学与技术指导教师 xxx 讲师备 注2010 年 3 月9日手机导购网的设计与实现作者姓名： Xx指导教师： xxx 讲师单位名称： 计算机科学与技术系专业名称： 计算机科学与技术xx大学xx信息学院2010年3月Design and Implementation of Mobile Shopping guide networkby Wang zhen Supervisor:Lecturer zhou hai boNortheastern University Neusoft Institute of InformationJune 2010毕业设计（论文）任务书毕业设计（论文）题目：手机导购网的设计与实现设计（论文）的基本内容： 2002年我国网络拍卖市场有9.4亿元的规模，2003年有19.2亿元的规模，预计2004年我国网络拍卖市场几近达到33.7亿元。但是我国互联网络信息中心(CNNIC)去年发布的第二次中国互联网络热点调查报告却显示：全国有60.6%的网民半年内浏览过购物网站，但掏钱买东西的只有17.9%。这说明目前我国的电子商务行业发展远未挖掘出其本身的巨大潜力。相对来说，手机的革新也从2G时代奔向了3G时代，这样的变化也使得大众对手机的需求也不断的增加。因此我国电子商务的发展态势很好，电子商务的发展潜力很大。手机导购网的出现也就顺利成章.该网站的开发主要分别了后台系统管理和前台的设计两个部分，后台基于WebWork框架，数据层使用Spring技术实现，前台的数据显示使用FreeMarker。页面的实现分为两个小部分，即网页的结构层和表现层。毕业设计（论文）专题部分：题目：设计或论文专题的基本内容：学生接受毕业设计（论文）题目日期第 1 周指导教师签字：2010年 ×月 ×日手机导购网设计与实现摘 要当今社会中，计算机的使用已经深入到日常工作和生活的方方面面。Windows系统的推出使电脑从高雅的学术殿堂走入了寻常百姓家，各行各业的人们无须经过特别的训练就能够使用电脑完成许许多多复杂的工作。对于手机导购是一个手机经营单位不可缺少的部分,它的内容对经营单位的管理者来说至关重要，所以手机导购系统应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理手机信息，这种管理方式存在着许多缺点，如：效率低、保密性差，另外时间一长，将产生大量的文件和数据，这对于查找、更新和维护都带来了不少的困难。而使用计算机对手机进行管理，具有手工管理所无法比拟的优点，例如：检索迅速、查找方便、存储量大、保密性好等。这些优点能够极大地提高手机信息的效率。该网站的实现主要分为前台表现页面和后台的系统管理。整个网站采用了NEO开发框架，NEO框架将WebWork、Spring、JdbcTemplate和FreeMarker等整合在一起，加上了一些工具类。后台部分NEO框架使用了Spring和WebWork技术，数据库操作通过JdbcTemplete对JDBC的封装从而简单高效地使用语句来访问数据库。页面的表现部分使用FreeMarker来动态显示数据。网站上的页面部分按照Web标准开发规范来进行设计，达到结构和表现的分离，使网页的开发更为合理，维护更加方便。页面的效果展现采用IE6.0浏览器为主，同时也兼顾到其他未使用IE浏览器的用户，在Firefox也进行调试，从而有更好的兼容性。本论文一共分6章，第1章绪论，介绍了论文主要研究通过网络为人们提供手机信息并对国内外现状进行对比分析，第2章关键技术介绍，介绍了网站需要的重要技术支持，第3章需求分析，对网站需要的各个要素进行全面详细的分析，第4章网站设计，其中细致地描述了网站各个元素的设计过程。第5章网站实现与测试，叙述了网站实现的整个过程和测试。第6章结论，总结了本项目的特点，创新及展望了未来的发展前景。关键词：手机信息管理，NEO，B/S，兼容性Design and Implementation of Mobile Shopping guide networkAbstractToday's society, the use of computers has gone deep into every aspect of daily work and life.Windows of the system of the computer from the elegant halls of academe and into the homes of ordinary people, people of all walks of life without going through special training to be able to use the computer to complete many complex task. Shopping guide for a mobile phone an indispensable part of the business units, its contents on the business unit managers is essential, so phone Shopping guide system should be able to provide users with adequate information and fast search tool. But it has been the use of traditional artificial management of mobile information, such management, there are many drawbacks, such as: low efficiency, poor security, another over time, will produce a large number of documents and data, for search, update and maintain have brought a lot of difficulties. The use of computers to cell phones to manage, management manual incomparable advantages, such as: fast searches, find convenient, large memory capacity, security and good. These advantages can greatly improve the efficiency of cell phone information. Implementation of the site is divided into front and back pages of system performance management. Entire site development framework with a NEO, NEO framework will WebWork, Spring, JdbcTemplate and FreeMarker, etc. together, plus a number of tools. Back part of the NEO framework uses the Spring and WebWork, database operations on the JDBC package through JdbcTemplete so simple and efficient use of the statement to access the database. The performance of part of the page to dynamically display data using FreeMarker. Some pages on the site according to Web standards development specifications to design, structure and performance to achieve the separation, the development of web pages is more reasonable and easier to maintain. Results page showing the main use of IE6.0 browser, but also to take into account other non-IE browsers use, also for debugging in Firefox, which has better compatibility.This thesis was divided into six chapters, Introduction Chapter 1 introduces the thesis of a network for people at home and abroad to provide mobile information and comparative analysis of the current situation, chapter 2 introduces the key technologies, introduces the essential skills needed to support site, first needs analysis in Chapter 3, the various elements of the site requires a full detailed analysis in Chapter 4 Web site design, including detailed description of the various elements of the website design process. Chapter 5 Implementation and test site, described the site and test the whole process of implementation. Chapter 6 Conclusion, summarizes the characteristics of this project, innovative and looks to the future development prospects.Key words: Mobile Information Management ，NEO，B/S，Compatibility目 录毕业设计（论文）任务书I摘 要IIABSTRACTIII第1章绪 论11.1 论文研究主要内容11.2方案论证分析1第2章关键技术介绍32.1 关键性开发技术的介绍32.1.1 WebWork32.1.2 Spring32.1.3 FreeMarker42.1.4 DIV+CSS5第3章系统分析63.1 构架概述63.1.1 模块需求描述63.2 系统开发环境73.3 系统任务的研究方法及可行性分析73.3.1研究方法73.3.2可行性分析8第4章系统设计94.1 设计指导思想和原则94.1.1 软件指导思想94.1.2 软件设计原则94.2 构架概述94.3功能结构设计104.4数据库设计10第5章系统实现115.1系统主界面115.1.1系统主界面概述115.1.2功能实现代码115.1.3115.2手机新闻125.2.1手机新闻专区概述125.2.2流程图125.2.3功能实现代码135.2.4界面图135.3手机专区135.3.1手机专区概述135.3.2功能代码实现135.3.3界面图145.4生成订单155.4.1生成订单概述155.4.2功能代码实现155.4.3界面图165.5网站管理员-管理员帐号管理165.5.1管理员帐号管理概述165.5.2功能代码实现165.5.3界面图175.6网站管理员-手机新闻管理175.6.1手机新闻管理概述175.6.2功能代码实现175.6.3界面图185.7网站管理员-手机管理185.7.1手机管理概述185.7.2功能代码实现195.7.3界面图205.8网站管理员-订单管理215.8.1订单管理概述215.8.2功能代码实现215.8.3界面图21第6章结论23参考文献24致 谢25第1章绪 论1.1 论文研究主要内容网站开发，是基于B/S的网页开发，一般来说都具有互动性，现今的动态网页与网页上的动画、滚动字幕并无直接关系，采用动态网站技术生成的网页都称为动态网页。本文论述主题是手机网站的开发，同样基于动态网页开发技术，经过对需求的分析，数据库设计和详细模块设计以及实现过程，描述该网站的功能和作用。结合计算机网络应用技术的特点，该项目采用现在流行的B/S架构，框架使用MVC模式。并结合NEO,Freemarker,Spring等相关技术来设计页面前台和控制层，用Oracle9i实现数据库部分。1.2背景和研究意义2002年我国网络拍卖市场有9.4亿元的规模，2003年有19.2亿元的规模，预计2004年我国网络拍卖市场几近达到33.7亿元。但是我国互联网络信息中心(CNNIC)去年发布的第二次中国互联网络热点调查报告却显示：全国有60.6%的网民半年内浏览过购物网站，但掏钱买东西的只有17.9%。这说明目前我国的电子商务行业发展远未挖掘出其本身的巨大潜力。相对来说，手机的革新也从2G时代奔向了3G时代，这样的变化也使得大众对手机的需求也不断的增加。因此我国电子商务的发展态势很好，电子商务的发展潜力很大。手机导购网的出现也就顺利成章.。 第2章关键技术介绍该网站的开发主要分别了后台系统管理和前台的设计两个部分，后台基于WebWork框架，数据层使用Spring技术实现，前台的数据显示使用FreeMarker。页面的实现分为两个小部分，即网页的结构层和表现层。2.1 关键性开发技术的介绍2.1.1 WebWorkWebWork是建立在称为XWork的Command模式框架之上的强大的基于Web的MVC框架。WebWork2的特性包括：灵活的Validation框架：允许你在XML文件中定义验证内容，在运行时通过Interceptor自动应用，因此完全脱离Action类。新版支持客户端验证。Type conversion：允许你在类之间很容易转换对象。OGNL(Object Graphical Navigation Language)表达式语言：允许动态对象图表遍历和方法执行，使用ValueStack透明访问多Beans的属性。WW2也具有使用JSTL的能力。IoC(Inversion of Control)容器：管理组件的生命周期，使客户获得组件实例不需要创建注册类（与容器环境无关）。FreeMarker Templates：使UI组件可重用，从而允许开发者容易定制Web页面的look & feel。Interceptors：在Actions处理的前后动态拦截，以简单化Action代码，增加减少代码的机会。支持I18N。容易和第三方软件集成，包括Hibernate, Spring, Pico, Sitemesh等。支持多种视图技术，如JSP，Velocity，FreeMarker，JasperReports，XML等。支持Packages和Namespaces，来管理Actions。2.1.2 SpringSpring是一个开源框架，它由Rod Johnson创建。它是为了解决企业应用开发的复杂性而创建的。Spring使用基本的JavaBean来完成以前只可能由EJB完成的事情。然而，Spring的用途不仅限于服务器端的开发。从简单性、可测试性和松耦合的角度而言，任何Java应用都可以从Spring中受益。简单来说，Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架。(1)控制反转Spring通过一种称作控制反转（IoC）的技术促进了松耦合。当应用了IoC，一个对象依赖的其它对象会通过被动的方式传递进来，而不是这个对象自己创建或者查找依赖对象。你可以认为IoC与JNDI相反不是对象从容器中查找依赖，而是容器在对象初始化时不等对象请求就主动将依赖传递给它。 (2)面向切面Spring提供了面向切面编程的丰富支持，允许通过分离应用的业务逻辑与系统级服务（例如审计（auditing）和事务管理）进行内聚性的开发。应用对象只实现它们应该做的完成业务逻辑仅此而已。它们并不负责（甚至是意识）其它的系统级关注点，例如日志或事务支持。2.1.3 FreeMarkerFreeMarker允许Java servlet保持图形设计同应用程序逻辑的分离，这是通过在模板中密封HTML完成的。模板用servlet提供的数据动态地生成 HTML。模板语言是强大的直观的，编译器速度快，输出接近静态HTML页面的速度。FreeMarker是一个模板引擎，一个基于模板生成文本输出的通用工具，使用纯Java编写FreeMarker被设计用来生成HTML Web页面，特别是基于MVC模式的应用程序虽然FreeMarker具有一些编程的能力，但通常由Java程序准备要显示的数据，由FreeMarker生成页面，通过模板显示准备的数据FreeMarker不是一个Web应用框架，而适合作为Web应用框架一个组件FreeMarker与容器无关，因为它并不知道HTTP或Servlet；FreeMarker同样可以应用于非Web应用程序环境FreeMarker更适合作为Model2框架（如Struts）的视图组件，你也可以在模板中使用JSP标记库FreeMarker是免费的。2.1.4 DIV+CSS采用Web标准，也就是使用DIV +CSS技术来制作网页，最大的优点是将网页代码和格式彻底分离，格式代码存放于一个独立的文件中，保证了网页代码的干净、整洁。用DIV +CSS技术来制作网页，减少了网页中格式代码，网页变得简洁，网页中有效文字的比率大大增加。当用户浏览这种网页时，由于下载内容减少，网页可以更快的显示于浏览器中。对于搜索引擎来说，有利于爬虫的抓取，有利于搜索引擎对该网页进行分析。因此使用DIV+CSS技术制作的网站，无论对于用户的浏览感受，还是对于搜索引擎的优化，都具有很大的优点。用DIV+CSS技术来制作网站，对于搜索引擎优化还有一个巨大的优点。用表格定位，各个部分在网页文件中出现的位置，都是和显示顺序时一致的。一般都是先顶部、其次左边、然后右边、最后顶部。这种自然循序，会导致网页中的重要内容并非出现在网页的开始部分。而用DIV+CSS技术，可以改变这一顺序，在同样的显示格式下，可以使重要的内容首先出现，提高了重要内容在网页中的权重。对于搜索引擎优化人员来说，用DIV+CSS技术制作网页，是非常必要的。由于各种浏览器对Web标准的支持不同，尤其是大家普遍使用的IE浏览器，对于Web标准支持得并不好，因此用这种方式制作网页，可能在各个浏览器的显示略有差别。在制作的时候，建议最少使用两种不同的浏览器进行测试，IE、Firefox、Opera等，以避免网页在某些浏览器里严重变形，影响用户的浏览感受。第3章需求分析3.1 构架概述3.1.1 模块需求描述（1）打开网站，进入网站主界面输入正确的地址后，将会打开网站主界面图。主界面中包括可以进入的区域，点击对应的超链接即可进入。主界面中显示网站大致动态信息，包括最新手机型号和最新手机文章。（2）手机型号区域用户进入该区域后，界面中将会列出所有属于本站已存的手机基本信息。用户可通过点击相应的“查看详情按钮”，即可进入下一页面进行该手机的详细查看和阅读。在该详细信息下有输入评论信息的区域，如果想对该手机的进行评论，可在此输入评论信息。（3）手机新闻区域用户进入该区域后，界面中将会列出所有属于手机新闻的文章。用户可通过点击相应的标题，即可进入下一页面进行该新闻的详细查看和阅读。在该详细信息下有输入评论信息的区域，如果想进行文章的评论，可在此输入评论信息。（4）生成订单用户在手机详情页面，点击“相中该手机”，会进入订单生产页面，在该页面输入相应的选项，点击生成订单，即可生成一份订单。（5）管理员-进入后台输入正确的后台地址后，将会打开网站后台面图。主界面中包括可以进入的区域，点击对应的超链接即可进入。主界面中显示管理员的操作功能，管理员帐号管理，手机型号管理，手机文章管理和订单管理。（6）管理员-管理员帐号管理管理员进入该区域后，界面中将会列出所有的管理员帐号信息。系统默认的admin帐号不能被删除，只能修改密码，其余的可添加新的管理员帐号，删除帐号，修改密码等功能。（7）管理员-手机型号管理管理员在点击该功能后，界面中将会列出所有的手机型号，本系统默认添加三款推荐手机，该三款手机不能被删除，除此之外，可以添加手机信息，删除，修改等。点击进去手机详情，可以删除该手机的相关留言。（8）管理员-手机文章管理管理员在点击该功能后，界面中将会列出所有的手机文章，可以添加手机新闻，删除，修改等，点击进去手机文章详情，可以删除该手机文章的相关留言。（9）管理员-订单管理管理员在点击该功能后，界面中将会列出所有的订单，点击“订单详情”可以确定订单的详细情况，如收款人姓名，地址等，如确认无误，可以点击“确认发货”。如果该订单不正确，可以删除该订单。3.2 系统开发环境 主机：笔记本电脑。硬件环境：2.0GHZ/1024MB/60G。开发环境：Tomcat6.0+Eclipse+MyEclipse5.5+MySQL5.0+Dreamwearver 8辅助工具：Photoshop CS3，Firefox网页开发插件3.3 系统任务的研究方法及可行性分析3.3.1研究方法（1） 多阅读框架的教程和在指导老师帮助下理解和运用框架来实现网站的设计和编码。（2） 通过网络资料和过去的一些经验，逐步确立该网站的定位。（3） 根据MVC分层模式的思想,分别确定每个模块的功能和所属层次，一步一步地规划出功能模块并和数据库表对应。（4） 通过对过去的各系统进行深入了解和熟悉，掌握论坛系统方面的知识。（5） 阅读过去大项目的资料文档，在指导老师帮助下进行变动。通过网络资料的搜集，逐步确立该网站的定位。（6） 在开发途中遇到了一些不会解决的问题，可通过老师的帮助和在网上查询资料来解决问题。3.3.2可行性分析该网站的开发在WindowsXP平台下，使用Eclipse开发工具，页面设计借助强大的网页开发工具Dreamweaver来实现。Windows平台和Eclipse开发工具使用已久，相对比较熟悉，且有MyEclipse插件的帮助，开发Java项目游刃有余。Dreamweaver为目前公认最为强大的网页设计工具之一，加上Firefox众多功能强大的网页开发插件，使不精通网页开发的人们也能设计出良好的页面。（1） 技术及开发可行性该网站采用NEO框架。该框架整个了WebWork、Spring等多个框架，在每个层次采用不用的技术实现。数据库采用简单易用的MySQL。前台显示通过FreeMarker来实现。页面的设计借助Dreamweaver来完成。MySQL数据库是一个开源软件，以及它对各平台的适应性和简单易懂的操作性，对于初学者来说无疑是个不错的选择。而且它对于Java的支持性也非常灵活。NEO框架主要基于WebWork框架。WebWork是建立在称为Xwork的Command模式框架之上的强大的基于Web的MVC框架。在框架中进行项目开发可大量减少手写代码的量，并且还能够系统化的管理模块代码。Dreamweaver在网页开发中的地位无可动摇，对于网页界面的设计和网站的管理，以及高亮语法显示和动态显示CSS等功能都为页面开发节约了大量时间。（2） 管理可行性将整个系统划分多个模块，有助于系统开发过程的管理，加强了模块化和分层设计的思想。各模块单独设计，用助于降低整个程序的设计难度及减少错误程序的影响范围，各模块易于实现，又使整个程序易于衔接和修改。每个模块出现的错误可准备定位到一段代码中，并且不会对其他功能造成影响。日后需要改进某项功能时，只需找到对应的代码块进行修改便可。（3） 经济可行性经过详细周密的调研，采用功能强大的、并且开源的软件，借鉴成功的实例，及科学的开发方法，可以降低开发成本，达到经济高效的目的。第4章手机导购网的设计4.1 设计指导思想和原则4.1.1 软件指导思想互联网离不开网站，就目前国内的许多大中小型网站，里面都容纳了大量的信息量和数据，一个网站中的信息可以说是应有尽有，希望拉进每个用户，无论他上网有什么样的需求。这样的网站中存在着很多，其中有很多网站并不注重自身的结构和性质，一味地添加信息，造成浏览该网站的高要求和访问速度地下等缺点。本文通过对目前互联网市场的分析，结合各大成功网站运营商的经验，在开发网站初期时，网站内容包含特点和个性，以及达到在承受人数范围内的速度优势来开发。并且在开发初期就做到网站的层次分明，方便他人使用，也为了日后维护的便利。4.1.2 软件设计原则“手机导购网”同样依据目前网站开发流程进行开发。对于后台的数据管理方面要做到严格周密，前台界面做到友好简洁，整体保持一致，且有一定的针对性。代码做到结构分明，实际操作上要简单易懂，为适应各大群体的用户而着想。4.2 构架概述该网站使用MVC设计模式，将输入、处理和输出流程进行分离，即所谓的MVC三层模型层、视图层、控制层。MVC要求对应用分层，虽然要花费额外的工作，但产品的结构清晰，产品的应用通过模型可以得到更好地体现。首先，最重要的是应该有多个视图对应一个模型的能力。再次，由于一个应用被分离为三层，因此有时改变其中的一层就能满足应用的改变。最后，它还有利于软件工程化管理。由于不同的层各司其职，每一层不同的应用具有某些相同的特征，有利于通过工程化、工具化产生管理程序代码。在本网站的设计和实现中，结合NEO框架来说，模型层的主要技术为Spring，视图层使用FreeMarker，而控制层使用WebWork。使用这种设计模式进行该网站的开发，可以轻松实现一个模型的多个视图，所有模块分离相互独立工作，修改纠错方便，代码重用性高。4.3功能结构设计（1）用户管理，包括管理员帐号的增删改查；（2）手机管理，包括手机信息信息的增删改查；（3）手机文章管理，包括手机文章信息的增删改查；（4）订单管理，包括订单的增删改查。4.4数据库设计（1）文章信息：包括的数据项有文章编号，文章标题，文章内容，发表时间等；（2）文章留言信息：包括的数据项有留言编号、留言者姓名、留言内容，留言时间，关联文章编号等；（3）手机信息：包括的数据项有手机编号，品牌编号，手机型号，价格，添加时间，基本信息介绍等；（4）手机留言信息：包括的数据项有留言编号、留言者姓名、留言内容，留言时间，关联手机编号等（5）手机品牌信息：包括的数据项有品牌编号，品牌编号等；（6）订单信息：包括的数据项有订单编号，订单号，收获人姓名，收获地址，电话，送货方式，发货状态，手机编号等；（7）管理员信息：包括的数据项有编号，管理员帐号，管理员密码等；第5章系统实现5.1系统主界面5.1.1系统主界面概述对于一个网站来时，界面对于整个网站的访问量影响很大，当用户打开网站的时候呈现在用户面前的便是网站的主界面，该界面留给用户对网站的第一印象。该网站采用简单的色调搭配，突出网站主题特色，排版做到整洁美观，使访问网站的用户快速了解网站文化和各个功能。5.1.2功能实现代码public class IndexAction extends BaseActionprivate PagingList articles;private PagingList shoujis;public PagingList getArticles() return articles;public void setArticles(PagingList articles) this.articles = articles;public PagingList getShoujis() return shoujis;public void setShoujis(PagingList shoujis) this.shoujis = shoujis;public String index() /获取新闻列表articles=getServMgr().getArticleService().getAllArticle();/获取手机列表shoujis=getServMgr().getShoujiService().getAllShouji();return "index"5.1.3主界面如图5.1所示5.2 手机新闻5.2.1手机新闻专区概述手机的最新动态是网站吸引用户的一大亮点，因此该网站的手机新闻专区通过即时更新从而不断发表大量文章。获取文章方式主要通过后台查询数据库后得到文章信息，然后将信息动态显示在页面中。在前台详细浏览新闻时可进行评论。可匿名发表评论。5.2.2流程图手机新闻区流程图如图5.2所示。图5.2 手机新闻区流程图5.2.3功能实现代码/文章列表public String list() throws Exception articles = getServMgr().getArticleService().getAllArticle();return "list"/显示文章详情public String showArticle() throws Exceptionartreplys=getServMgr().getArticleService().getArtreplyByarticleID(articleID);article=getServMgr().getArticleService().getArticleByarticleID(articleID);return "show"/添加留言public String addArtreply() throws Exception try getServMgr().getArticleService().addArtreply(replyer, replyContent, articleID);addMessage("添加成功");addRedirURL("返回", "article!list.action"); catch (Exception e) setResult(ERROR);addMessage("添加失败");addRedirURL("返回", "article!list.action");return EXECUTE_RESULT;5.2.4界面图其界面图如图5.3所示图5.35.3手机专区5.3.1手机专区概述用户若想在网站查询某款手机的具体情况，可进入网站的手机专区。用户可直接查看最新添加的手机型号，也可按一定条件搜索自己想要了解的手机型号5.3.2功能代码实现/手机列表public String list() throws Exception shoujis = getServMgr().getShoujiService().getAllShouji();return "list"/显示手机public String showShouji() throws Exception shouji = getServMgr().getShoujiService().getShoujiByID(shoujiId);sjreplys = getServMgr().getShoujiService().getShoujiReplyByShoujiId(shoujiId);return "show"/添加一条回复public String addSjtreply() throws Exception try getServMgr().getShoujiService().addSjreply(replyer, replyContent, shoujiId);addMessage("回复成功");addRedirURL("返回", "shouji!list.action"); catch (Exception e) setResult(ERROR);addMessage("回复失败");addRedirURL("返回", "shouji!list.action");return EXECUTE_RESULT;/显示手机public String searc