毕业论文-服装企业网站开发与实施(含外文翻译)

1、 服装企业网站设计与实施 PAGE 服装企业网站的设计与实施 北 京 服 装 学 院 商 学院（系） 信息管理与信息系统 专业 2008届本科毕业设计（论文）题 目 服装企业网站的设计与实施 英文题目 Design and Implementation Of a Clothes Enterprise Website 说明书 页图 纸 张学生姓名 班级学号 指导教师 2008 年 6 月 16 日服装企业网站的设计与实施摘 要服装企业网站的设计与实施，其主要目的在于通过网站中精美的页面设计和丰富的动态功能，使企业与企业、个人与企业之间能够通过网站进行交流与沟通，同时也使企业的信息管理与资源交流方

2、式更加网络化、多样化。本文主要阐述了服装企业网站设计与实施的具体步骤，并展示了所取得的成果。文章中首先通过需求分析全面地了解用户的各项要求,研究解决“做什么”和“如何做”的问题。在明确了网站的建设目的后，便开始了具体的实施工作，其中包括确定网站主题、搜集网站相关资料、对网站内容进行规划和制作等等。接下来又介绍了网站中动态功能的实现，例如注册登录、动态新闻以及新图片上传等等。最后，通过系统的运行和实施，使服装企业网站达到最初的设计要求与标准，并将最终的设计成果展示出来。关键词：服装；企业网站；网站的建设；动态功能DESIGN AND IMPLEMENTATIONOF A CLOTHES ENTE

3、RPRISE WEBSITEABSTRACTThe purpose of designing and implementing of the clothes company website is to link up corporation and corporation, corporation and individual by delicate web page and colorful active functions .At the same time it makes the information managerment and resource conmunication mo

4、re networkal and diversify . In this actical, firstly it brifly expounds specific steps of company website design and implementations, and shows the effect of the website, then it analyse the demand of users requirements in all-round ways, solve the porblems such aswhat to doand how to do.After a de

5、finite understanding of the website construction,the specific implementation might be started which includes to determine the theme of the web site, to land and register ,to release news and upload new pictures and so on. Secondly,it introduces the method of realizing the atctive function of the sit

6、e, such as enrolling、dynamic news and files downloading. Finally,the website will correspond to its initial purpse of design,and shows the final outcome of design for the readers.Key words: clothes, enterprise website, website construction, dynamic function目 录 TOC o 1-3 h z u HYPERLINK l _Toc2017605

7、20 1 前 言 PAGEREF _Toc201760520 h 1 HYPERLINK l _Toc201760521 2 需求分析 PAGEREF _Toc201760521 h 2 HYPERLINK l _Toc201760522 2.1 服装企业网站现状调查 PAGEREF _Toc201760522 h 2 HYPERLINK l _Toc201760523 2.2 服装企业网站需求分析 PAGEREF _Toc201760523 h 2 HYPERLINK l _Toc201760524 2.3 服装企业网站实施目的 PAGEREF _Toc201760524 h 3 HYPER

8、LINK l _Toc201760525 3 网站总体设计 PAGEREF _Toc201760525 h 4 HYPERLINK l _Toc201760526 3.1 确定网站主题 PAGEREF _Toc201760526 h 4 HYPERLINK l _Toc201760527 3.2 相关材料搜集 PAGEREF _Toc201760527 h 5 HYPERLINK l _Toc201760528 3.3网站内容规划 PAGEREF _Toc201760528 h 7 HYPERLINK l _Toc201760529 3.4 制作软件及语言选择 PAGEREF _Toc2017

9、60529 h 8 HYPERLINK l _Toc201760530 3.5 具体网页制作 PAGEREF _Toc201760530 h 11 HYPERLINK l _Toc201760531 3.5.1 网页风格 PAGEREF _Toc201760531 h 11 HYPERLINK l _Toc201760532 3.5.2 网页框架 PAGEREF _Toc201760532 h 12 HYPERLINK l _Toc201760533 3.5.3 链接结构 PAGEREF _Toc201760533 h 12 HYPERLINK l _Toc201760534 3.5.4 功能

10、实现 PAGEREF _Toc201760534 h 13 HYPERLINK l _Toc201760535 3.5.5 网页效果 PAGEREF _Toc201760535 h 14 HYPERLINK l _Toc201760536 4 数据库设计 PAGEREF _Toc201760536 h 21 HYPERLINK l _Toc201760537 4.1 数据库使用目的 PAGEREF _Toc201760537 h 21 HYPERLINK l _Toc201760538 4.2 选择数据库系统 PAGEREF _Toc201760538 h 21 HYPERLINK l _To

11、c201760539 4.3 数据库设计 PAGEREF _Toc201760539 h 22 HYPERLINK l _Toc201760540 5 系统的运行与实施 PAGEREF _Toc201760540 h 27 HYPERLINK l _Toc201760541 6 结 束 语 PAGEREF _Toc201760541 h 29 HYPERLINK l _Toc201760542 参考文献 PAGEREF _Toc201760542 h 30 HYPERLINK l _Toc201760543 附 录 PAGEREF _Toc201760543 h 31 HYPERLINK l

12、_Toc201760544 致 谢 PAGEREF _Toc201760544 h 37 HYPERLINK l _Toc201760545 外文原文及译文 PAGEREF _Toc201760545 h 38 服装企业网站的设计与实施 PAGE 381 前 言当今时代是网络技术飞速发展的时代，网络应用已经渗透到社会的各个角落，网站作为网络世界的信息客栈，更是人们关注的热点。个人利用网站展示个性风采，创建彼此沟通的桥梁；企业利用网站挖掘无限商机，宣传企业形象；政府利用网站传播政务纲领，建立与百姓的直接渠道。越来越多的人希望在缤纷的网络世界里开辟一片属于自己的天地。要有一个好的服装品牌就是要有很

13、多人知道他并了解他，如果一个响当当的服装品牌企业关起门来干自己的而不与其他的企业进行及时有效的交流，不和自己的顾客进行友好的沟通并得到及时的反馈意见，那么这种企业就如一潭无源之水，迟早是要在服装这个领域当中销声匿迹的。一个企业尤其是服装企业就必须想尽一切办法让人了解它，熟悉它，网络就为其提供了一个非常好的交流平台，在这里企业可以通过网络界面宣传自己的产品，也可以通过电子商务来出售自己的产品，而其他的企业和消费者就可以通过网络浏览器浏览并购买自己所需要的产品，并为服装企业提交自己宝贵的意见以便他们作出相应的改正。所以服装企业的网上宣传就这样产生了。现今，互联网成为人们搜索资料的重要途径，网络上有

14、大量的专业与非专业的网站，为您提供各种各样的信息。因此，通过网络来宣传服装业是很好的方法，可以让最大限度的人们浏览到关于本服装公司的信息。所以，建立一个关于本服装企业宣传的网络是一个向人们介绍本公司的一个非常有效的途径。2 需求分析2.1 服装企业网站现状调查随着网络时代的来临，越来越多的服装企业建立了自己的网站，目的不外乎通过网站起到对外宣传的作用，使更多的人了解自己公司的产品与及公司最新的动态。在调查中发现，目前北京有很多的各种各样的服装网站，也有很多的相关的门户网站，而服装公司自己专门的网站的建设水平却是参差不齐。多数服装企业的网站无法实现基本的动态功能，仍然只停留于简单的文字介绍和图片

15、欣赏的静态界面上，这使得在企业与企业之间无法通过网络这个巨大的资源平台进行交流与沟通，很大程度上阻碍了服装企业向信息化建设迈进的步伐。2.2 服装企业网站需求分析要建立一个网站，首先要明确服装企业网站建设的意义和需求及其所能提供的功能和内容。必须让其他的人了解网站能够提供的服务和功能。企业然后根据各方面的意见进行认真的分析并对自己不足的地方进行改善。这样才可以杜绝很多因为需求不明或理解偏差造成的失误和网站建设失败，需求说明书遵循的标准是正确性、可行性、必要性、简明性和检测性。在因特网上，每个不同的网站将满足网络用户的不同需求，服装企业网站所面对的对象是广大服装企业运营商，所以服装运营商的需求就

16、成了本次设计的实际需求。此外，普通浏览者访问一个站点一般都希望对该站点能很快地有一个大致了解，所以对站点的介绍是很有必要的。2.3 服装企业网站实施目的在科技飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，服装企业网站是服装企业信息化建设的一个综合信息平台,是企业对外宣传的门户和窗口。建设服装企业专门的网站，目的在于使服装运营商通过这个综合信息平台了解服装企业的基本信息、品牌信息、浏览者的交流信息等，还可以畅所欲言发表关于企业文化建设、品牌建设和意见，同时也可以通过这个综合信息平台分享经验、体会，使企业运营商在应用中切实得到帮助、有所收获。通过网站全面的宣传，展示企业的风采、

17、优点与特色，发布企业的重大活动安排，增强企业与社会之间的联系。3 网站总体设计3.1 确定网站主题有了网站题材的创意，还要为网站取个响亮而又切题的名字，这样就可以使浏览者在浏览页面的时候能尽快的记住我的网站，根据我所设计的网站内容我将网站的主题确定为服装类网站，之后又进一步明确为服装类网站中的休闲装与羽绒服之类的网站。遵循的原则运用“眼球经济” 让浏览记住生动，丰富的网站，同时还要符合服装企业的实际情况，从而达到宣传服装企业的效果。网站主题：服装类网站服装企业网站网站名称：波蓝蒂服装有限公司网站LOGO:（见图3-1）图3-1 北京波蓝蒂服装有限公司LOGO网站LOGO由汉字和这些汉字的首字母

18、大写而组成，字体选择蓝色，背景由一个红色的大圆内套一个白色的小圆组成，寓意“同心”，网站LOGO的主题文字“波蓝蒂”谐音“bland”意思是“文雅的、随和的、温和的、淡雅的”，我就想人们在浏览我的网页之后能感受到一种体贴和温馨，各页面的朴素统一的颜色也深扣“蓝”这个字，在各页面选择背景颜色的时候我主要是选择绿色和粉色，绿色对眼睛也有好处。3.2 相关材料搜集“巧妇难为无米之炊”，在明确了网站的题材之后，就要围绕该题材搜索资料。要想使自己的网站饱满充实，能够吸引浏览者，搜索材料不一定很多，但对自己的主题要比较的深入丰富。材料既可以是个人的作品和长年的收藏，也可以是从报刊、光盘或互联网上搜集而来的

19、，将搜取来的材料去粗取精，去伪存真，并分门别类的保存，以作为自己网页材料的内容素材，依据网站的主题，还可以准备一些多媒体素材，如声音、动画、图像等，以加强网页的效果。在网上浏览了大量服装企业的网站，包括国内和国外的，发现它们有一个共同点，都只有一个导航条或者单纯的几个简单的连接，网页内容居中，有些网站以比较浅淡的颜色为背景颜色，而大部分以深颜色或者图片为背景。北京秦风唐韵服装有限公司1,是一个专门从事经营唐装的服装公司，这是中国从古至今人们都喜欢的款式，中国人比较的喜欢红色，因为那象征着喜庆和福气，所以设计者就以红色为网页的基本色调，让浏览者进入网站首页时就能感觉到一种古色古香韵味，整个网页由

20、三部分构成，一是最顶部的标志图片，由企业的标志和名称，二是导航条，浏览者可以通过这个方便得实现网页之间的跳转，三是显示文本界面，下图3-2为北京秦风唐韵服装有限公司的首页。图3-2 北京秦风唐韵服装有限公司的首页山西太原白鸽服装有限公司,风格与北京秦风唐韵服装有限公司不一样，采用的颜色搭配起来比较朴素，加上浅浅的大自然色系列，使得页面清新自然，充满活力。从他的名字中我能猜出设计者为什么用浅蓝色为网站的主要色调，蓝天，白云，白鸽，这几个元素放在一起可能我们就能初步的联想出来了，该网页较之于北京秦风唐韵服装有限公司的首页复杂，除了标志图片外更多了一些网站新闻，用户登录模块，友情连接模块，。整个网站

21、充满了活泼、轻松、闲适和欢乐的气氛。该网提供的信息更加的人性化，。下图3-3为山西太原白鸽服装有限公司的首页。 图3-3 山西太原白鸽服装有限公司主页3.3网站内容规划网站内容规划是网站建设的基础和指导纲领，它决定了一个网站的发展方向，同时对网站推广也具有十分重要的指导意义。以下是我对网站进行的内容规划：图3-4 北京波蓝蒂服装有限公司内容规划图示3.4 制作软件及语言选择在制作波蓝蒂服装有限公司网站的过程中，我主要使用的软件有Dreamweaver 8以及Mysql、tomcat等软件，前一个为网页制作工具，后两者为数据库软件。一、Dreamweaver 8 Macromedia Dream

22、weaver 8 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可使用 Dreamweaver 及选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。二、Mysql数据库 MySQL作为一种开放源码数据库，以其简单易用的特点广泛被广大用户采用，MySQL虽然

23、是免费的，但同Oracle, Sybase, Informix, Db2等商业数据库一样，具有数据库系统的通用性：1） 数据库管理系统。我们知道，所谓的数据库就是一些结构化的数据的联合体，要提供对这些数据的存取、增加、修改、删除或更加复杂的数据抽取等操作，需要有一个支撑系统，这就是数据库管理系统（DBMS），MySQL完全具有这方面的功能。2） 关系型数据库管理系统。在数据库的发展历程中，曾出现过多种不同形式的数据库系统，但关系型数据库管理系统（RDBMS）以其优越性而被广为采用，象现在几种广泛使用的数据库全为关系型数据库。同样，MySQL也是关系型的数据库系统，支持标准的结构化查询语言（St

24、ructured Query Language）。3） 开放源码数据库。同商业性的数据库相比，这是MySQL最大的特点。MySQL的源码是公开的，这就意味着任何人，只要遵守GPL的规则都可以对MySQL的源码使用、修改以符合自己特殊的需求。4） 技术特点。MySQL是C/S架构的服务器，服务器端是多线程的，为客户端提供了不同的程序接口和链接库，如C、C+、Java、Perl、PHP、Tcl等，也提供了简单的管理工具，如mysqladmin，mysql等。正因为MySQL的源码是公开的，使得我们有机会从源码级，更深入的了解MySQL。三、Tomcat服务器Tomcat是Apache 软件基金会（

25、Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持，最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现，Tomcat 5 支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。Tomcat 很受广大程序员的喜欢，因为它运行时占用的系统资源小，扩展性好，支持负载平衡与邮件服务等开发应用系统常用的功能；而且

26、它还在不断的改进和完善中，任何一个感兴趣的程序员都可以更改它或在其中加入新的功能。Tomcat 是一个小型的轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应对HTML页面的访问请求。实际上Tomcat 部分是Apache 服务器的扩展，但它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。 这里的诀窍是，当配置正确时，Apache 为HTML页面服务，而Tomcat 实际上运行JSP 页面和Servlet

27、。另外，Tomcat和IIS、Apache等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。不过，Tomcat处理静态HTML的能力不如Apache服务器。在代码设计过程中，我主要选用了HTML、JavaScript、CSS、JSP四种语言来编译程序，它们的特点及功能分别如下：一、HTMLHTML的全称是Hypertext Markup Language,中文名称是超文本标记语言，简单地讲它就是所有的Internet站点共同的语言，所有的网页都是以HTML格式的文件为基础，再加上一些其他语言工具（如：JS

28、CRIPT、VBSCRIPT、JAVA、APPLET等）构成的。这些文件除了一些基本的文字外还包含了一些标签（TAG），这些标签均由符号以及一个字符串组成，如下面程序中粗体字均为HTML文件的标签，而浏览器的功能是对这些标签进行解释，显示出文字、图像、动画、播放声音。JavaScriptJavaScript 是一种描述性语言，它可以被嵌入 HTML 的文件之中。通过 JavaScript 可以做到响应用户的需求事件（如表单的输入），这样当一位使用者输入一项信息时，它不需要通过网络传送到服务器端进行处理再传回来的过程，而可以直接在客户端进行事件的处理。CSSCSS就是一种叫做样式表（styles

29、heet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。 在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。四、JSPJSP（JAVA SERVER PAGES）是由Sun 公司在java语言上开发出来的一种动态网页制作技术，其可使网页中的动态部分和静态的HTML相分离。网页制作者可以使用平常得心应手的工具并按照平常的方式来书写HTML语句。然后，将动态部分用特殊的标记嵌入即可。3.5 具体网页制作3.5.1 网页风格

30、一个人拥有自己独特的风格，是别人所没有的，就会让人注意到那个人的特别，若那个人的风格是正面的，甚至就会引起别人的羡慕与注意，或是赞赏。就如同一个网站，拥有别的网站所没有的风格，就会让浏览者愿意多停留些时间，细细品尝该站的内容，甚至该站会得到多人的鼓励与注目。网站的色系是网站风格最直接的体现，是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。考虑本企业的特点，北京波蓝蒂服装公司网站采用了较为明亮的色系，其中包括蓝色、粉色等多种颜色，颜色丰富

31、而不杂乱，使网页给人一种活泼、积极、向上的感觉，正符合了现在人的穿衣简单大气的风格特点。具体的颜色分布，是按照栏目进行运用，即每个栏目都有自己特有的颜色，给人一目了然的感觉，使浏览着十分清楚所处的位置，在网站中进行浏览时不易迷路。3.5.2 网页框架框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。框架集是HTML文件，它定义一组框架的布局和属性。服装企业网站除主页外的其余页面都是由三个框架组成的框架布局，三层结构：第一层：链接菜单；第二层：网站标题；第三层：网站内容。见表3-1表3-1北京波蓝蒂服装有限公司网站框架3.5.3 链接结构网站的链接结构

32、是指页面之间相互链接的拓扑结构。建立网站的链接结构有两种基本方式，即树形结构与星形结构，树状链接结构类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会迷路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。 星状链接结构 类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。在对北京波蓝蒂服装有限公司网站进行设计的过程中，我采取了将

33、这两种结构混合起来使用的方法，目的是扬长避短，最终达到比较理想的效果。我的方案是：首页和一级页面之间采用星状链接结构，一级和以下各级页面采用树状链接结构。这样网站条理清晰、浏览效率高且不易使浏览者迷路。见图3-5图3-5北京波蓝蒂服装有限公司链接结构3.5.4 功能实现北京波蓝蒂服装有限公司网站功能分为静态和动态两部分，静态功能主要以精美的页面向浏览者介绍公司的各方面情况（见表3-2）。动态功能则是通过与数据库的交互，进而实现新闻更新、文件下载等功能（见表3-3）。表3-2 北京波蓝蒂服装有限公司网站静态功能一览表基本栏目包含子版块实现功能企业简介公司发展历史及建校事迹， 公司今后的发展方向及

34、规划。产品专柜男士上衣男士上衣的展示及每件产品的具体介绍男士裤子男士裤子的展示及每件产品的具体介绍女士上衣女士上衣的展示及每件产品的具体介绍女士裙裤女士裙裤的展示及每件产品的具体介绍企业新闻公司各个期间的发布的新闻包括发布人、发布时间、主体与概诉，在点击察看详细信息的时候后跳出一个小窗口输出新闻的详细内容帮助信息告诉浏览者和购货商我们的产品付款方式与送货方式以及我们的通讯地址与电子联系方式网站导航有助于方便用户浏览网站信息、获取网站服务，不至迷失表3-3 北京波蓝蒂服装有限公司网站动态功能一览表动态栏目实现功能新闻发布系统将网页上的新闻、公告等动态等更新信息集中管理，并通过信息的某些共性进行分

35、类，最后系统化、标准化发布到网站上。网站信息经处理加入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。新图片上传服装产品图片、价钱、简介、类型添加，系统自动获取图片上传更新的时间。订单管理将顾客的订单的信息发送给仓储部，仓储部接到发货通知后就及时的给顾客送货用户管理查看自己的订单处理情况，发布新留言，及查看管理员的留言回复注册登陆系统实现用户的注册与登陆3.5.5 网页效果北京波蓝蒂服装有限公司网站的进入页背景用了一张大图还有些及一些设计的文字使得该页面不至太单调，在地址栏中敲入公司的地址后进入该页，该页面的一些服装图片会自动移动，同时还加了一张动态的图片，用于链接到下个页面，这些都

36、增加页面的动态感，网站首页采用了女色和粉色色系，表达着深远、永恒、沉静、无限、理智、诚实、凉爽等多种感觉。页面上方的Logo和页面上侧移动的欢迎词打开页面时会自动移动，为页面增添了一丝活跃的气氛。虽然颜色较多，但分类整齐，相互呼应，因此并不给人过于杂乱的感觉。而正是恰到好处的反应了公司既严肃又活泼的特性。页面中的“最新资讯”与“公告通知”板块，是网站中的动态板块，点击就可以通过读取数据库中的信息不断滚动，方便浏览者的浏览。（见图3-4，图3-5,图3-6）图3-4 北京波蓝蒂服装有限公司进入页图3-5公司首页上半部分 图3-6公司首页下半部分在设计公司简介的页面的时候我是这样设计的：在点击公司

37、简介这几个字或者上面的链接图片时跳出一个新的小窗口，这是为了给人不一样新颖的感觉，(见图3-7)图3-7 波蓝蒂服装有限公司简介页面与网站首页相同，页面最上方仍有导航栏，颜色采用粉色，给人清新可爱的感觉。页面上面的链接菜单方便了用户在一级页面中直接进入其他一级页面或下一级页面，不必返回首页。与之相同，网站中的其他页面也是采用统一固定的页面结构，页面顶端的文字链接用于在各网页之间跳转的方便，区别在于各板块间颜色和内容的不同，既体现了网站的统一风格，又显示出了个页面自己的特有主题。（见图3-8，3-9，）图3-8北京波蓝蒂服装有限公司服装产品专柜图3-9北京波蓝蒂服装有限公司企业新闻页面为了让浏览

38、者能详细的浏览像上述（图3-8，图3-9）页面的信息，我在设计的时候注重人性化，浏览者在点击要查看详细信息或者是在购买自己想要的产品的时候都会跳出一个新的小窗口(见图3-10)用于介绍这些信息，看完之后浏览者将其关闭回到上级页面，这样就避免了过多不必要的链接。图3-10北京波蓝蒂服装有限公司企业新闻详细信息浏览页面一个优秀的网站怎么来吸引更多的浏览者呢？那就是该网站的内容新颖，能够随时地进行更新，而不是一个死板的网站，一个内容很长时间都不换掉，这样浏览者在自己第二次浏览过后，第三次就不会有兴趣在来了，久之这个网站也就没有什么商业的价值了。为了能及时的能网站的浏览浏览到本公司的最新信息及购买到自

39、己想要的最新商品，本公司对网站的内容及时地进行更新，为了实现快捷方便的修改和删除后台数据库的过期内容，我专门设计了管理员的统一管理界面，管理员通过如(图3-11)所示的界面注册进入后台管理系统见图3-12。图3-11北京波蓝蒂服装有限公司人员注册页面图3-12北京波蓝蒂服装有限公司后台管理系统页面4 数据库设计4.1 数据库使用目的数据库是数据库应用程序的核心。数据库设计，或称数据模型，是建立一个应用程序很重要的一步。一个好的数据库结构和文件设计可以使系统在已有的条件下，具有处理速度快、占用存储空间少、操作处理过程简单、查找容易、系统开销和费用低等特点。使用数据库的目的，是为了更完整和更有条理

40、的存储数据，当数据库中的数据改变后，页面可根据数据库中改变的数据内容自行更改，不必再耗费时间与精力重写页面。在北京波蓝蒂服装有限公司网站中，通过使用数据库实现了以下功能：1.注册登陆；2.新闻更新；3.图片上传；4.管理订单；5.用户管理。4.2 选择数据库系统针对本网站的制作，我选用Mysql 数据库。因为它有以下的优点：1） 开发语言为C/C+，支持多种编译器，如gcc, cc, xlc, aCC等。2） 良好的内存管理机制，尤其是内存泄漏的管理，通过了Purify的严格测试。3） 支持多种平台，如AIX、Solaris、HP、FreeBSD、Tru64、SGI、Windows等。4） 提

41、供多种形式的API，为我们开发工具的选择提供了便利。5） 使用多线程的技术，可充分发挥系统的特点，避免在SMP系统中出现仅使用单CPU的现象。6） 对磁盘表的管理采用B树加密及索引的技术，为我们快速访问数据提供了可能。7） 高性能的内存申请技术。8） 临时表采用在内存中以哈希表实现。9） 提供多种数据类型，如signed/unsigned integer, double, blob等。10）支持定长的和变长的纪录。11）所有的列都有缺省值，为我们的某些“粗心”提供了方便。12）灵活、安全的权限和密码系统，密码在传输中加密传送，允许主机端验证密码。13）客户端可以通过TCP/IP、Unix套接字

42、、命名管道（NT）连接到MySQL数据库服务器。14）提供Windows端的ODBC连接。15）对多种字符集的完全支持。4.3 数据库设计数据库设计一般经过概念设计、逻辑设计和物理设计3个步骤。一.概念设计：概念设计是指在数据分析的基础之上，自底向上地建立整个系统的数据库概念结构，即从用户的角度进行视图设计，然后将视图集成，最后对集成后的结构分析优化得到最终结果。ER模型是概念设计的有力工具。北京波蓝蒂服装有限公司数据库概念设计图如下：图4-1 北京波蓝蒂服装有限公司数据库概念设计用户实体属性图图4-2 北京波蓝蒂服装有限公司数据库概念设计动态消息（最新资讯）实体属性图图4-3 北京波蓝蒂服装

43、有限公司数据库概念设计服装图片实体属性图图4-4 北京波蓝蒂服装有限公司数据库概念设计订单实体属性图二.逻辑设计：逻辑设计的任务是根据DBMS的特征把概念结构转换为相应的逻辑结构。概念设计所得到的ER图模型，是独立于DBMS的，这里的转换就是把表示概念结构的ER图转换为层次模型或网状模型或关系模型的逻辑结构。北京波蓝蒂服装有限公司数据库逻辑设计图如下：用户（用户ID，姓名，密码，性别，地址，E-mail，类型）图片消息（图片ID，图片来源，产品类型，产品描述，产品价格，上传时间）新闻（新闻ID，新闻主题，新闻内容，新闻备注，发布人，发布时间）订单（订单ID，产品ID，产品类型，产品价格，买者姓

44、名，买者密码，买者地址，买者电话，购买时间）三.物理设计：物理设计是指：根据具体DBMS的特征，确定数据库的物理结构（存储结构）。数据库物理设计的目的有二： 一是提高数据库的性能，特别是满足主要应用的性能要求；二是有效地利用存储空间。在这两个目的中，第一个目的更为重要，因为性能依然是当今数据库系统的薄弱环节，而相比较而言存储介质却越来越便宜。数据库物理设计的内容主要包括：确定数据的存储结构；为数据选择和调整存取路径，即索引的设计；确定数据分布，如数据的垂直划分和水平划分；调整和优化数据库的性能，如调整DBMS的某些系统参数。 数据库物理设计的特点是：数据库的内模式和逻辑模式、用户模式不一样，它

45、不直接面向用户，而且一般的用户不一定、也不需要了解内模式的设计细节。因此，内模式的设计，即物理设计可以不考虑用户理解的方便性。本网站采用的是MYSQL数据库，其中包括了5个主要的数据表：用户个人信息表、服装产品信息表、新闻信息表、订单信息表、留言信息。以下列举其中几个数据表的结构。表4-1用户个人信息表的结构列名数据类型长度允许空用户IDInt10否用户密码varchar20否真实姓名varchar30否年龄char10否性别char10否地址varchar30否邮箱varchar20否用户权限char2否表4-2服装产品信息表的结构列名数据类型长度允许空产品图片IDInt10否存储路径var

46、char20否服装类型varchar50否服装描述varchar255否产品价格varchar20否上传时间varchar20否表4-3订单信息表的结构列名数据类型长度允许空订单IDInt10否图片IDInt10否服装类型varchar20否价格varchar20否购买姓名varchar20否购买密码varchar50否地址varchar100否电话Int50否购买时间varchar50否订单处理char2否5 系统的运行与实施JSP网页主要提供用户与服务器端数据库的操作存取功能，同时也是数据库内容的展示界面，客户端浏览器、服务器JSP页面与数据库三者形成一个交互性的数据库网站，其流程说明如下

47、：（1）用户通过 浏览器指定URL，向网页服务器请求特定的网站内容。（2）服务器加载制定的JSP网页，通过解释器解读其中的JSP程序代码。（3）JSP根据其运算逻辑，存取数据库内容，建立所需的内容信息。（4）处理好数据用于创建HTML网页，返回指客户端的网页浏览器进行解释。（5）浏览器取得JSP文件，解释其中的HTML及Script网页程序的代码。（6）显示网页。当服务器里网页包含有存取数据库的代码时，服务器先完成数据库的存取工作，然后再交由解释引擎将JSP程序作解释操作，并将解释后的结果送回给浏览器，如图5-1所示：图5-1 JSP网页的数据库操作流程JSP严格的说是一种集成技术，以JAVA

48、平台为基础，提供一种简单的方式，让JAVA技术能够轻易运用于构建动态的网页内容。JAVA为了产生与用户互动的动态网站内容，开发了一种名为Servlet的应用技术，Servlet是一种纯粹以JAVA语言编写的，符合标准规范的JAVA运用程序，在网站服务器运行的时候被加载，在客户端浏览器针对服务器提出内容要求的时候，作出动态的响应。在浏览器请求JSP网页的时候，文本文件在网站服务器被编译成Servlet加载，然后陈胜动态的网页内容，如图5-2所示：图5-2 Servlet与 JSP 6 结 束 语过完春节就匆忙的赶回学校进行毕业设计，经过几个月的努力，我的毕业设计北京波蓝蒂服装公司网站的设计与实施

49、终于画上了圆满的句号。从开始接到论文题目到系统的实现，再到论文文章的完成，跟着导师一步一步的往下走，每走一步对我来说都是新的尝试与挑战，也是我在大学期间独立完成的最大的项目。在这段时间里，我学到了很多知识也有很多感受，从对动态网站一无所知，对JSP，ODBC等相关技术很不了解的状态，我开始了独立的学习和试验，查看相关的资料和书籍，让自己头脑中模糊的概念逐渐清晰，使自己非常稚嫩作品一步步完善起来，每一次改进都是我学习的收获，每一次试验的成功都会让我兴奋好一段时间。从中我也充分体会到了动态网站给我带来的乐趣。 当然，我的网站仍存在许多不足之处，比如由于时间安排不合理，将大量时间花在静态页面的制作方

50、面，而导致的网站技术不成熟和功能不全面。我将在今后努力加强后台技术方面的学习和研究，使自己得到更进一步的提高。参考文献1.耿祥玉.JSP基础教程M.北京:清华大学出版社，2004：260-270.2.荣钦科技.JSP动态网站开发与实例M.北京:清华大学出版社，2006.6：521-650.3.明日科技.JSP程序开发范例宝典M.北京:人民邮电出版社，2007.4：815-850. 4.秦鹏.Dreamweaver8完全自学手册M.北京:中国青年出版社，2006：451-500. 5.汪孝宜，刘中兵，徐佳晶 等. JSP数据库开发实例精粹M.北京: 机械工业出版社，2006:100-156.6.

51、天极网，聚焦Deamweaver MX 2004，出处: Macromedia，2003-08-29 2008-06-13./SoftChannel/72351168004685824/20030829/1724931.html.7.前沿电脑图像工作室.巧学巧用Dreamweaver MX Fireworks MX Flash MX 制作.网页(第三版)，人民邮电出版社,2002-11，P21-288.毕业设计论文写作指导.秘书频道，2005-08-12 2008-06-13/czjt/mslw/474275.html9.(美)加芬克尔(Garfinkel,S.),(美)斯帕福德(Sparff

52、ord,G.)著影印版. Web安全与电子商务(第二版).北京：清华大学出版社，2002.11 附 录在北京波蓝蒂服装有限公司网站中，随数据库更新而自动更新的动态消息是主要功能之一，其中包括两项，一是最新资讯的更新，二是新图片的上传，三是顾客订单的管理，四是用户的管理。最新资讯的更新与新图片的上传取决于发布日期。一动态消息（最新资讯）代码如下：(1)就信息的修改public class NewsModifyServlet extends HttpServlet private static final String CONTENT_TYPE = text/html; charset=GBK;

53、/Initialize global variables public void init() throws ServletException /Process the HTTP Post request public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException response.setContentType(CONTENT_TYPE); PrintWriter out = response.getWriter(); Http

54、Session session=request.getSession(); News news = new News(); GetString getstring=new GetString(); String newstitle=,newscontents=, newsmemo=; String title=request.getParameter(newstitle); String contents=request.getParameter(newscontents); String memo=request.getParameter(newsmemo); String from=req

55、uest.getParameter(newsfrom); String time=request.getParameter(newstime); String newid=(String)session.getAttribute(id); String oldid=request.getParameter(oldid); try NewsCommon.Modify(news); out.println(); out.println(修改成功！); out.println(); out.println(); out.println(恭喜修改成功！); out.println(); out.pri

56、ntln(); catch (Exception ex) ex.printStackTrace(); /Clean up resources public void destroy() (2)新闻的删除try Class.forName(org.gjt.mm.mysql.Driver).newInstance(); url=jdbc:mysql:/localhost:8080;DatabaseName=test; Stringstr=jdbc:mysql:/localhost/test; con=DriverManager.getConnection(str,root,);/建立与数据库的连接

57、 st=con.createStatement(); sql=delete from news where id=+id+; st.executeUpdate(sql); out.println(删除成功); st.close(); con.close(); catch(Exception e) response.sendRedirect(err.jsp);二新图片的上传，以文件的形式实现其代码如下：String fileName =null; try String tempFileName=(String)session.getId(); File f1=new File (E:/BS3/d

58、efaultroot,tempFileName); FileOutputStream o=new FileOutputStream(f1); InputStream in =request.getInputStream(); byte b=new byte4*1024; int n; while(n=in.read(b)!=-1) o.write(b,0,n); o.close(); in.close(); RandomAccessFile random=new RandomAccessFile(f1,r); int second=1; String secondLine=null; whil

59、e( second=2) secondLine=random.readLine(); second+; int position =secondLine.lastIndexOf(); fileName=secondLine.substring(position+1,secondLine.length()-1); random.seek(0); long forthEndPosition=0; int forth=1; while(n=random.readByte()!=-1&(forth三.用户的管理(1)新用户的注册，其代码如下：public class AddServlet extend

60、s HttpServlet private static final String CONTENT_TYPE = text/html; charset=GBK; /Initialize global variablespublic void init() throws ServletException /Process the HTTP Post request public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException res