电商网站雪雅服饰的设计与实现--毕业设计论文.docx

上传人:可****阿 文档编号:93371481 上传时间:2023-07-03 格式:DOCX 页数:52 大小:1.45MB
返回 下载 相关 举报
电商网站雪雅服饰的设计与实现--毕业设计论文.docx_第1页
第1页 / 共52页
电商网站雪雅服饰的设计与实现--毕业设计论文.docx_第2页
第2页 / 共52页
点击查看更多>>
资源描述

《电商网站雪雅服饰的设计与实现--毕业设计论文.docx》由会员分享,可在线阅读,更多相关《电商网站雪雅服饰的设计与实现--毕业设计论文.docx(52页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、内蒙古科技大学毕业设计说明书(毕业论文)内蒙古科技大学本科生毕业设计说明书(毕业论文)题 目:雪雅服饰的设计与实现学生姓名:郝显文学 号:1176807316专 业:计算机科学与技术班 级:计2011-3班指导教师:邢东旭 II内蒙古科技大学毕业设计说明书(毕业论文)雪雅服饰的设计与实现摘要随着计算机的普及应用,我们已经进入了一个信息化、数字化的大数据时代。随着大数据时代的到来各行各业都在逐步走向信息化、数据化。传统的零售行业也开始转型走向互联网销售,原来我们基于纸质的数据和资料逐渐被电子方式所替代。而且我们通过计算机对线上销售平台进行管理具有线下操作无法匹及的优点。例如:检索迅速、存储量大、

2、高效率、寿命长、低成本、方便快捷等,这些优点能够极大地提高管理和办事的效率。而且只要系统的设计合理,我们就可以通过网络的互动、资源共享等优点,加之传统的销售优点,从而使互联网销售更人性化、规范化、个性化。本系统是在Windows平台下,用JSP、网络编程、Struts、Spring、hibernate等技术,结合My SQL数据库管理系统开发出的B/S结构的在线服装销售系统网站。动态网页与静态网页相结合的方法制作此系统,为了降低网站维护的工作量,为了使系统可以实现更多的功能,为了实现网站与客户之间的交流和沟通,系统的页面采用数据库技术作为支持,该系统实现了用户登录、服装的查询、购买、用户的注册

3、及管理员对系统的管理等功能。关键词:服装;Struts; Spring;Hibernate;IDesign and implementation of xueya clothingAbstractWith the popularization of computers, we have entered a information technology, digital era of big data. With the advent of the era of big data businesses are gradually moving towards information techno

4、logy, data technology. Traditional retail industry began the transition to Internet sales, that we have been gradually replaced by electronic means paper-based data and information. And we have a computer for online sales platform for management advantages of operating with a line and the horses. Fo

5、r example: the rapid retrieval, storage capacity, high efficiency, long life, low cost, convenient, etc. These advantages can greatly improve the management and efficiency of work. And as long as the design of the system is reasonable, we can, through interaction and resource sharing network advanta

6、ges, combined with the advantages of traditional sales, making Internet sales more humane, standardized and personalized.This system is under the Windows platform, with JSP, network programming, Struts, Spring, hibernate technology, combined with My SQL database management system to develop a B / S

7、structure of online clothing sales system website. Dynamic pages and static pages combining method of making this system, in order to reduce the site maintenance workload, in order to make the system more functionality can be achieved, in order to achieve the exchange and communication between the c

8、ustomer site, the system uses database technology as a page support, the system enables users to log in, clothes inquiries, purchase, user registration and administrator of the system management functions.Keywords: Clothing; Struts; Spring; Hibernate;目录摘要IAbstractI第一章引言11.1 选题背景11.2 选题目的11.3 选题意义1第二

9、章系统的开发环境及开发技术22.1 软件开环境22.2 系统开发技术22.2.1 B/S体系结构:22.2.2 JSP(Java Server Pages)技术简介32.2.3 My SQL数据库42.2.4 Sturts 简介52.2.5 Spring 简介62.2.6 SSH框架72.2.7 DWR框架技术7第三章系统分析与设计83.1 可行性分析83.1.1 技术可行性83.1.2 经济可行性83.1.3 操作可行性93.2 需求分析93.3 系统的功能需求分析93.4 业务流程图12第四章系统的总体设计144.1 软件总体结构144.2 功能分配144.3 数据库的设计154.3.1

10、数据库概念设计154.3.2 数据库逻辑结构设计174.4 网站结构设计194.5 用户界面设计194.6 用户界面设计原则19第五章系统详细设计215.1 框架的搭建215.2 模块的详细设计305.2.1 游客模块的详细设计305.2.2 会员模块的详细设计315.2.3 管理员模块的详细设计325.3 前台页面的实现33第六章系统的运行与测试426.1 系统测试的目的426.2 系统测试的方法426.3系统测试42第七章总结44参考文献45致谢54III第一章 引言1.1 选题背景近几年来,电子商务行业、互联网行业、移动终端的迅速发展,使我们进入了新的时代大数据时代。在这个时代,我们不再

11、去街上逛几个小时买衣服、电器、日常用品、首饰、家具等,我们只需要在平板、电脑上、手机上用几十分钟或者几分钟就能买到自己想要买的东西,这不仅快捷、省时还是送货到家!然而在这个时代我最看好的是服装。“双十一”大家应该是耳熟能详了。2009年开始,以京东、天猫、淘宝为代表的互联网销售网站会利用11月11号这一天来进行一些提高销售额度促销的活动,故此成为中国互联网最大的商业活动。2009年“双十一”开始一直到2014年的“双十一”,据统计每一个“双十一”中服装的销售量都是最多的,对于服装的销售比重如此之大。那么未来服装更会是人们注重的,而对于互联网销售更注重的是美观、服务、简洁!1.2 选题目的在这个

12、大数据时代.“小而美” 的这个思路正不断的被互联网所提到,对于这种“小而美”的模式并不是人人都适用,真正小而美的互联网商家不仅具备产生利润高、复购的时间短,而且更注重商品的品质及客户的服务这些条件。从产品的角度而言,表现为“小”在市场的细分,“美”在用户的体验,尝试从细节之处打动用户。我设计的网站针对的是服装的销售,其注重的就是用户体验、客户的服务、网站简洁美观。1.3 选题意义互联网销售系统可以大量减少人力、物力从而降低其销售成本,而且打破了时间和空间的局限性,使其商品交易可以在任何时间、任何地点进行,实现了不需要营业员的24小时营业,这样的互联网销售就是一个自动售货机。从成本的角度考虑,互

13、联网上的服装销售比传统意义上的服装实体店低得多,因为互联网的服装销售不需去支付昂贵的店铺租金、不需要将大笔的流动资金作为货物而囤积在实体店里,可实现“零库存”管理、更不需要花费巨大资金去装修店铺,这不仅缩小资金周转的周期,同时,互联网上服装店更容易面向全球市场,从而大大提高了效率。对于推动服装销售业的发展有着一定的意义。46第二章 系统的开发环境及开发技术2.1 软件开环境操作系统:windows XP/2000、2003/ windows 8。数据库:My SQL。编程软件:My Eclipse 10.0。JDK:jdk 1.8.0_40Web服务器:Apache Tomcat 6.0。2.

14、2 系统开发技术本系统的开发主要是使用在Myeclipse 10.0平台下的JSP技术,使用SSH框架和DWR框架技术并结合了MySQL数据库技术使此系统具有强大的功能。2.2.1 B/S体系结构:该系统的对象是互联网用户。因此我们要使用比较流行的浏览器和服务器结构即B/S结构如图2.1所示:图2.1B/S结构图当然还有一种传统的体系结构,C/S体系结构是客户机和服务器结构。两者相对比而言前者不仅具有后者的全部优点,而且B/S还有C/S体系结构所不具备的独特优势。(1)开发和维护成本:为了降低开发和维护的所需要的成本,系统的升级工作、维护工作都将用过服务器端操作,并不会涉及到客户端的改变。(2

15、)开放标准:该体系结构采用的标准都是经过标准化组织所确定的,并非是单一厂商定制的,因此该系统具有开放的、非专用的标准,从而保证了该应用的跨平台性和通用性。(3)用户操作简单:在B/S体系结构上用户界面均在统一的浏览器上,而浏览器不负责数据的复杂数据计算和存取等任务,只需要进行显示,故降低了对客户端的要求。综上所述,我们可以看出,B/S体系结构拥有C/S体系结构无可替代的优势: B/S体系结构简化了系统的开发和维护。所以我开发的服装销售系统采用了基于B/S体系结构的模式。2.2.2 JSP(Java Server Pages)技术简介JSP是由Sun公司开发的一种动态网页技术标准,JSP技术正在

16、在飞速发展,现在JSP技术已经成为Java服务器中的重中之重的组成部分其主要原因是JSP基于Servlet技术基础。相对于静态的网页制作技术而言,该技术着明显的优点。JSP不仅能适应中小型的网站,而且能够实现跨平台的操作。JSP动态网页技术表现了当今最先进的网站开发思想,具有如下几个优点。(1)显示、内容分离使用JSP技术,Web页面开发人员可以使用静态网页的语言来设计页面。使用JSP的标志或者一些小脚本来实现页面上的动态内容。对于产生内容的逻辑则被封装在JavaBean群组件中,这样所有的脚本都在可以服务器端执行。如Web页面的管理人员和页面设计者,因为核心逻辑被封闭在JavaBean中,所

17、以在对JSP页面的使用和修改编辑操作时不对其JSP内容产生任何的影响。这样既可以更好的保存Web页面的代码,又能够使其他基于HTML语言的浏览器实现可用性。(2)跨平台性JSP基于Java语言,可以在绝大部分的的操作系统平台下运行。而ASP技术只能运行在Windows平台下,如今著名的Web服务器Apache现在已能支持JSP技术,并且被广泛地应用于多系统中,例如NT、LINUX 、UNIX等系统。因为LINUX历史的原因,LINUX的依然存在很多优势,而且很多爱好编程的人也喜欢去使用LINUX编程,从而使生产的商家不断的去更新LINUX操作系统的新版本,界面更加人性化,功能也更加强大,Int

18、ernet上的很多服务都用LINUX平台。综上所述JSP还是有很大的优势。(3)快速上手、编写容易JSP的学习就像是ASP的学习是一样,特别好上手。JSP的学习是能够令程序员感觉很惬意,当然如果曾经学习过HTML及Java语言对于学习JSP来说是更好的。Web程序员能够在网页制作人员所设计的HTML页面上找到需要要插入JSP程序的地方去编写对应的JSP程序,使之成为JSP页面。(4)一次编写,到处运行Java语言的特点就是“一次编写,到处运行”,JSP技术既然基于Java语言那么同样具备该了Java语言的该特点,JSP之所以具备了Java技术所具有的优点是因为JSP编译所生成JavaServl

19、et。(5)可重用性对于JSP技术而言,JSP通过组件去执行一些复杂的操作,而这些组件中是JSP在JavaBeans中锁封装的逻辑,然后通过JSP的调用把所处理的结果显示出来。JSP技术的可以分为两个方面,一方面使得组件开发的工作人员可以专心致志的开发组件,一方面编写JSP的开发人员也可以不去在意实现细节,从而在多处使用组件。如果需要修改组件,只须要组件的开发人员修改组件的内部设计即可。这样就大大提高了该系统的可重用性。 (6)数据库连接Java程序通过JDBC驱动程序和数据库连接,相当多的数据库带有JDBC驱动程序,为了数据库的联接JDBC还提供了一种连接方式,即JDBC-ODBC方式。这样

20、那些基于Java语言的程序均可以数据库系统,包括Oracle、MySQL、Microsoft SQL Server、Access等。2.2.3 My SQL数据库MySQL是由瑞典MySQL AB公司开发,是一种关系型数据库。在数据库的速度及灵活性上,My SQL采用一种关联数据的方法,这样数据就可以分别存放在不同的数据表中,从而增加数据库的速度并提高其灵活性。My SQL使用SQL语言来访问数据库。因为My SQL拥有开放源码、速度快、成本低的特点,因此My SQL数据库一般使用中小型网站开发。MySQL还拥有一下的特点:(1)支持多种操作系统、支持多种语言并提供了编程语言所需要的API、支

21、持源代码的移植、支持大型的数库、支持多种存储引擎、支持多线程。(2)优化的SQL查询算法提高了查询速度,能够单独作为一个运行程序、还可以组合其他的软件一起运行。(3)提供了一些数据库操作的管理工具,例如管理、查询、优化的工具,提供了多种数据库的联接方式。 2.2.4 Sturts 简介Struts是开源软件。通过使用Struts框架来减少开发Web应用在运用MVC设计模型的时间。Struts的框架结构如图2.2所示:图2.2 Struts框架结构图(1)Struts框架结构Struts提供了Model,View和Controller对应的组件。Struts的核心控制器是ActionServle

22、t类和Acton类,一个请求从客户端发出时,这个请求要先经过ActionServlet,然后Action类来接收来自ActionServlet的请求,通过业务逻辑类的处理方法将处理后的结果显示到JSP页面上。 (2)Model部分Struts的Model部分包含两部分,这两部分分别是ActionForm和JavaBean,ActionForm用于封装一些请求参数, ActionServlet所封装的对象会由Action接收,并根据其对象里面的参数去处理请求。JavaBean负责数据库的访问和底层业务逻辑的封装。(3)View部分Struts为View部分提供了标签库,当View部分采用JSP实

23、现时可通过标签库中标签及自定义的标签去更有效的与Model部分交互,并且增加了实现的功能。(4)Controller部分业务逻辑控制器和系统核心控制器是Controller组件中的两大部分。Struts框架提供的ActionServlet控制器,该控制器继承了HttpServlet类,这个控制器被称为系统核心控制器,其功能负责来自Http的所有请求进行拦截。然后根据其请求转向对应的业务逻辑控制器,Action部分在业务逻辑控制器中虽然不具备处理请求的能力,不过Action可以调用Model来完成对请求的处理。2.2.5 Spring 简介Spring是一个包含控制反转(LOC)和面向切面(AO

24、P)的开源框架。Spring是一个轻量级的Java开放框架,通过基本的JavaBean来完成事情。Spring具有方便解耦,简单开发、方便程序测试、降低Java EE API的使用难度等特点。Spring框架不仅仅限于服务器端的开发。Spring其实是一个轻量级的容器框架,Spring框架概述如图2.3所示:图 2.3 Spring框架概述(1)控制反转(LOC)Spring通过LOC的技术促进了松耦合。对象本身不需要创建或者查找所依赖的对象,通过控制反转,这个对象会根据其他的依赖对象通传递进来,而这种传递方式是被动的。(2)MVCSpring的作用不仅局限于整合,而且Spring 框架也能作

25、为企业解决方案级别的一个框架。当一个请求由客户端发出,通过服务器将请求转发给控制器,控制器通过HandlerMapping类把请求转发给对应的处理器。在Spring中如果组件实现Controller 接口,如果这些组件,那么为了完成数据的操作就我们可以通过调用Service 或DAO 去实现,实现ModelAndView 从DAO 中存取的数据操作。在Spring中返回给用户处理结果是通过ViewResolver视图组件来完成的。(3)面向切面的开发。2.2.6 SSH框架SSH 框架是由Struts框架Spring、框架、Hibernate关系映射框架结合而成的框架,是目前较流行的开源框架。

26、SSH框架的组成有模块层、持久层、表示层、业务层,SSH 框架所开发的Web应用程序具有三大特点,第一结构清晰,第二仅方便维护,第三拥有很好的可复用性。Spring框架用于管理其他两大框架,Struts框架不仅可以做到MVC的分离而且还可以负责控制业务的跳转,通过Hibernate关系映射框架对应用的数据持久层提供支持。其关系图如图2.4所示:图 2.4SSH框架关系图2.2.7 DWR框架技术DWR框架即Direct Web Remoting,是一个能够生成基于JAVA类的JavaScript代码的框架,是一个远程服务器端Ajax开源框架,其主要功能是改善java类与Web页面的交互。DWR

27、有两个主要的内容:其一网站的开发人员如果要获取数据从而改变动态网页的内容可以通过DWR的JavaScript库,其二是DWR在Web服务器上获取数据时遵循了AJAX中Servlet获取数据的原则,Web开发人员可以在Web页面编写时在JavaScript里使用Java代码,从而实现对Web服务器资源的自由访问。第三章 系统分析与设计3.1 可行性分析3.1.1 技术可行性系统使用SSH 框架来开发,SSH框架包含Spring框架、Struts框架和Hibernate关系映射框架结合而成的框架,用SSH技术具有开发效率高,层次清晰的特点。Struts框架用来实现请求的跳转和调用对应的业务逻辑,数

28、据的增、删、查通过Hibernate关系映射框架的关系映射来实现,对象的生成和事务的处理则通过Spring框架来实现。在Struts中,Struts提供了三个组件Model、View和Controller。Spring其实是一个轻量级的容器框架,该容器框架包含控制反转(LOC)和面向切面(AOP),使用基本的JavaBean来完成事情。 Hibernate关系映射为了实现了数据持久化的重任,从而对JDBC进行轻量级的对象封装。Web服务器使用Apache Tomcat ,Apache Tomcat是一个轻量级Web应用服务器,而且Apache Tomcat在中小型系统中被普遍使用,所以Apac

29、he Tomcat是开发和调试JSP 程序的首选。Apache Tomcat服务器的兼容性很好,服务器的性能稳定,其发展前景很好。开发平台使用My Eclipse,My Eclipse 是一个可扩展、开放源代码的开发平台。对于My Eclipse而言,它只不过是通过插件组件构建的开发环境。数据库用My SQL, My SQL数据库最为一个轻量级数据库,不仅在电脑上容易安装,而且使用简单,很容易就能掌握My SQL的使用。3.1.2 经济可行性开发环境的选择不仅会影响到开发成本更会影响数据库的设计,所以在这里给出雪雅服饰系统的开发与运行环境的选择如下:开发环境:Window7开发工具:Eclip

30、se 10.0数据库管理系统:My SQL数据库服务器: Tomcat 6.0由于相关的软件都是免费的,可以在网上自行下载。只要一台配置比较高的电脑即可完成,成本较低。3.1.3 操作可行性该系统的开发是以便捷为中心。开发后的系统应具有操作简单、界面美观、大方优点,即使是不懂计算机的人员也可以根据系统提示使用和管理本系统。3.2 需求分析在可行性分析阶段我已经对系统的整体需求进行了最初的可行性分析,同时证明了此软件的开发可行性,为了满足用户对它的需求,需要进一步的进行系统需求的分析,从而对其进行子模块以及其功能的详细分析与设计。需求分析过程是整个系统分析和设计的重要阶段,分析的结果直接确定了整

31、个系统功能的完整性和稳定性。然而对于系统的可行性,在此阶段需求分析人员不仅需要确定系统的功能要求、完善整个系统的功能,而且还要将现实整体事务抽象成对象并建立对象模型模。3.3 系统的功能需求分析功能需求就是分析软件用户需要什么功能,我们必须一切从用户出发,设计和实现每一个功能,这样就是秉着以用户为中心的目的,只有满足用户的需求,才是该软件设计的最终目的,所以每一个设计论文的功能需求是必不可少的,只有明确了功能需求,设计软件是的思路才会更加清晰。通过对很多互联网服装销售网站的需求研究,该软件都包括注册会员功能模块、游客功能模块、管理员功能模块,所以需要对这三个模块进行功能需求的分析。在服装网站系

32、统的每个用户都只能看见自己的所应用的模块,管理员可以去完成更多的功能,管理员可以对管理员登录密码的查询、修改,对注册会员进行查询、删除操作,对服装类别的增加、修改、查询,对服装的增加、删除、查询,对注册会员所下订单的受理,各个模块的功能完善需要我们不断地努力,这样才可以达到一定的要求,相应用例图如下。(1)游客可以通过本系统进行如下活动:在雪雅服饰网上进行注册成为注册会员,在网站中可浏览商品,在网站中可进行分类查询商品如图3.1所示:图3.1游客用例图(2)注册会员的活动如下:注册会员可以登录雪雅服饰网站。在网站中购买服装、浏览服装、分类查询服装,查看购物车,查看订单如图3.2所示:图3.2注

33、册会员用例图(3)论坛管理员可以通过本系统进行如下活动:登录网站后台、修改管理员的密码。对网站的会员进行管理,包括删除会员、查询会员信息。对网站的服装商品进行管理,包括商品的添加、删除商品、查看商品。对服装的分类进行管理,包括添加服装的分类、查看分类和删除分类。对注册会员购买服装的订单进行处理如图3.3所示:图3.3管理员用例图3.4 业务流程图业务里程图的前提要对系统业务流程和现有信息的调查。业务流程图是用来剖析和调查整个系统的业务流程的工具。业务流程图还可以用来描述系统内单位与单位之间、单位与人员之间及人员与人员之间的业务流程关系。业务流程使用一些特定的符号和连接线来描述业务的处理过程,这

34、样就可以发现那些不合理的业务流向存在业务流程中的那些地方如图3.4所示:图 3.4 系统业务流程图第四章 系统的总体设计4.1 软件总体结构服装销售系统其模型是典型的电子商务企业对客户 (B2C)的模式,主要包括用户注册、查询服装信息、购物车、下订单、购买等基本功能。此外,该统也实现了后台的管理,包括服装的增加、删除,服装列表的删除、添加,订单受理等功能。本系统基于SSH框架技术,从而减少系统模块间的偶合,实现了系统的稳定性、可重用性和可扩充性。其系统总体结构如图4.1所示:图 4.1系统总体结构图4.2 功能分配本系统含有三个功能模块,所有的模块都共用一个数据库,但是使用不同的数据表,不同的

35、模块包括不同的功能。管理员管理模块功能如表4.1所示:表4.1管理员管理模块功能功能名称具体功能修改密码对管理员自己的登录密码进行修改服装列表管理对服装列表进行查查询、增加、删除的功能。服装的管理对服装商品进行查询、增加、删除的功能。会员的管理对会员进行查询、删除的功能。订单的管理对会员订单的查询、受理。会员功能模块如表4.2所示:表4.2会员模块功能功能名称 具体功能注册模块游客注册成为会员,会员可注册其他会员帐号。购物车会员购要购买的服装信息进行存储。订单对会员已经购买的服装的信息反馈。会员信息会员查看个人信息。服装浏览多浏览方式对服装进行信息的浏览。游客模块功能如表4.3所示:表4.3游

36、客模块功能功能名称 具体功能注册模块此模块供游客注册成为会员。服装浏览多浏览方式对服装进行信息的浏览。4.3 数据库的设计4.3.1 数据库概念设计会员E-R图如图4.2所示:图 4.2会员E-R图服装类别E-R图如图4.3所示:图 4.3服装类别E-R图管理员E-R图如图4.4所示:图 4.4管理员E-R图服装E-R图如图4.5所示:图 4.5服装E-R图订单E-R图如图4.6所示:图 4.6订单E-R图4.3.2 数据库逻辑结构设计给出所使用的数据结构中的每个数据项的字段名称、是否为空、存储类型、约束条件。本系统采用My SQL作为支持数据库,建立一个名为“db_dszw”的数据库。系统包

37、括了数据库的以下七张数据表:会员信息表(t_huiyuan):记录会员信息。管理员信息表(t_admin):记录管理员信息。服装信息表(t_goods):记录服装信息。订单信息表(t_order):记录会员订单信息。服装列表信息表(t_liebiao):记录服装所分类别的信息。管理员信息表如表4.4所示:表4.4 管理员信息表字段类型Null默认注释userId int(11)否userName varchar(55)是Null管理员账号userPw varchar(55)是Null管理员密码服装类别信息表如表4.5所示:表 4.5服装列表信息表字段类型Null默认注释id int(11)否m

38、ingcheng varchar(255)是Null分类名称服装信息表4.6所示:表4.6 服装信息表字段类型Null默认注释id int(11)否leibieId int(11)是Null分类名称mingcheng varchar(50)是Null商品名称fujian varchar(50)是Null商品图片jiage int(11)是Null商品价格jieshao varchar(5000)是Null商品介绍会员信息表如表4.7所示:表4.7会员信息表字段类型Null默认注释id int(11)否loginname varchar(50)是Null会员账号loginpw varchar(5

39、0)是Null登录密码xingming varchar(50)是Null姓名xingbie varchar(50)是Null性别nianling varchar(50)是Null年龄address varchar(50)是Null地址dianhua varchar(255)是Null电话订单信息表如表4.8所示:表4.8 订单信息表字段类型Null默认注释id int(11)否xiadanshi varchar(50)是Null下单时间songhuodizhi varchar(50)是Null送货地址fukuanfangshi varchar(255)是Null付款方式zongjia int(

40、11)是Null总价格zt varchar(50)是Null订单状态huiyuanId int(11)是Null会员编号bianhao varchar(50)是Null订单号4.4 网站结构设计对于网站而言有一个重要的部分那就是网站结构设计。网站结构设计是确定网站的主题、网站的目标一系列的问题的。对于网站的结构设计就是要做到网站功能在网页上的分配、网也的层次关系、前台划分好栏目的关系、网页之间的联接路径设置,从而使网站页面具有清晰合理的层次体系,是支撑前台实现的,所以后台要有优秀的操作控制设计,因此网站的内容和创意都是结构设计中必不可少的环节。本网站结构设计可以实现的结构是:(1) 层次清楚、

41、体现特征、方便用户使用、突出主题、具有可扩展性。(2) 网页的功能要强大且具有合理的功能分配。(3) 网页间的链接结构、网页中内容及栏目结构的脉络、导航线路层次清晰。(4) 面向搜索引擎的优化(SEO)。4.5 用户界面设计用户界面设计也叫做人机交互界面设计,是指通过特定的手段来实现用户界面的创作活动。由计算机科学和认知心理学相结合。历经40多年的沉淀,用户界面设计已然成为专门研究计算机与用户关系的学科之一。现如今,用户界面的设计理论迅速发展,不仅吸纳了社会学、语言学、和人机工程学等学科,并且已应用到环境、人、机器系统工程等领域,为了人们能够更舒适、更高效的工作和生活,设计出与使用者的身心行为

42、相适应的系统。用户界面的质量具有用户对软件评价直接影响,从而影响到软件产品的寿命及市场竞争力,故我们要足够的重视用户界面的设计。4.6 用户界面设计原则(1) 以用户为中心的基本设计原则在用户界面的设计过程中,要根据用户的需求、用户的特征等要素作为前提条件,因此设计人员要开发过程中不断的向用户咨询、征求用户对于系统的意见,结合用户的工作环境、系统的使用环境,从而设计出符合用户要求的系统,只有真正的了解用户的需求,使开发人员对于系统的目标更加的明确,这个系统就会更加的完美。(2) 顺序原则用户界面的设计上是有顺序的,其排序方式是由整体到单项,由大到小,由上层到下层,即访问查看顺序、处理事件顺序、

43、控制工艺流程及二级界面。(3) 功能原则为了系统的易操作性、友好性,设计人员需要根据使用者的环境和场合来划分子统的不同用户对于同一界面并行处理的要求,各子系统的控制类型,对于多对话的同时性的交互处理。为了使用户能更好的掌握交互界面的使用规律,该系统的设计采用多级菜单、多项对话窗口、信息的分层提示等人机交互界面。(4) 一致性原则对于用户界面的设计我们要求做到三个一致:文字、色彩搭配、操作区域三者一致,通俗来说就是用户界面的形状、颜色、字体、要达到与国际通用标准一致,用户界面的美工要做到不去分散用户的注意力,给用户以舒适感。这对于测试人员来说可以减少紧急情况下处理问题时操作失误。(5) 频率原则

44、为了提高对于系统监控和访问的频率,根据用户对话交互频率来调整高频对话窗口的位置以及人机界面的层次。(6) 重要性原则为了该系统管理人员能够更好的掌握并控制好系统的主次,实现最优的管理和调度、最好的控制顺序,我们将用户界面的对话窗口的位置、人机界面的菜单位置做的更具有突显性。(7) 面向对象原则在面向对象的原则下,为了能够设计出与用户相适应和有好的界面,我们按照用户的工作性质及用户的身份特征作为参考条件,为了提高用户在系统上的交互效率及交互水平,我们将用户的需要作为条件,设计出适宜的系统引导、系统帮助信息、弹窗式的提示信息。系统详细设计5.1 框架的搭建在开发平台上将已将构思好的框架在新建的项目中搭建起来,并且配置好各个框架之间关系及各框架本身的属性配置。(1)Web.xml文件配置代码如下:web-app version=2.5 xmlns=xmlns:xsi=http:/www.w3.org/2001/XMLSchema-instancexsi:schemaLocation= /site/default.jspcontextConfigLocation/WEB-INF/applicationContext.xmlorg.springframework.web.context.ContextLoaderListener/listener-class

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育专区 > 教案示例

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号© 2020-2023 www.taowenge.com 淘文阁