计算机网络技术毕业设计（论文）-梦妮服饰网站设计与制作

1、 毕业设计（论文） 学 号： 学生姓名： 系 部： 电子工程系 专 业： 计算机网络技术 班 级： 网络G08-1 指导教师： 目 录 TOC o 1-2 h z u HYPERLINK l _Toc251700095 摘 要 HYPERLINK l _Toc251700096 Abstract HYPERLINK l _Toc251700097 1 绪论 PAGEREF _Toc251700097 h 1 HYPERLINK l _Toc251700098 1.1 选题意义 PAGEREF _Toc251700098 h 1 HYPERLINK l _Toc251700099 1.2 设计思

2、想 PAGEREF _Toc251700099 h 1 HYPERLINK l _Toc251700100 2 运行环境 PAGEREF _Toc251700100 h 2 HYPERLINK l _Toc251700101 2.1 开发工具的选用及介绍 PAGEREF _Toc251700101 h 2 HYPERLINK l _Toc251700102 2.2 数据库环境 PAGEREF _Toc251700102 h 3 HYPERLINK l _Toc251700103 3 需求分析 PAGEREF _Toc251700103 h 4 HYPERLINK l _Toc251700104

3、 3.1 客户端 PAGEREF _Toc251700104 h 4 HYPERLINK l _Toc251700105 3.2 管理端 PAGEREF _Toc251700105 h 5 HYPERLINK l _Toc251700106 4 网站总体设计7 HYPERLINK l _Toc251700107 4.1网站前台设计7 HYPERLINK l _Toc251700108 4.2 网站后台设计9 HYPERLINK l _Toc251700109 4.3 数据库的设计10 HYPERLINK l _Toc251700110 5 网站总体设计12 HYPERLINK l _Toc25

4、1700111 信息发布模块实现13 HYPERLINK l _Toc251700112 5.2 产品展示模块实现14 HYPERLINK l _Toc251700115 5.3 留言版块实现14 HYPERLINK l _Toc251700116 5.4 后台登陆页面实现15 HYPERLINK l _Toc251700121 5.5 新闻管理实现16 HYPERLINK l _Toc251700129 5.6 产品管理17 HYPERLINK l _Toc251700132 5.7 留言版块管理实现18 HYPERLINK l _Toc251700135 6 结 论19梦妮服饰网站设计与制

5、作摘 要随着互联网的普及，越来越多的商业企业在互联网上拥有了自己的企业站点。利用ASP开发Web网站，简单易行、效率高，特别适合现代企业作为建立企业Web站点、网上访问数据库的开发工具。前台使用Macromedia Dreamweaver 8 开发工具，后台数据库使用Access数据库。本论文主要阐述一个企业网站系统的前台的设计、后台操作过程及一些关键技术。该网站信息来源主要由前台用户的提交和后台管理员的添加，最后在网上发布出来，以供大家查询相关公司的信息。本网站主要让社会各界能更好的了解本企业，欢迎对本企业的发展提出宝贵留言。该企业网站系统是前台应用Dreamweaver 8、Flash C

6、S3 、Adobe Photoshop CS3等软件，后台使用Access数据库结合ASP编程技术开发出来的。关键词：ASP，企业网站，Access数据库 AbstractWith the popularity of Internet, more and more business enterprise on the Internet have their own enterprises. Web site development, using ASP simple, high efficiency, especially suitable for modern enterprises est

7、ablish enterprise Web sites, as the Internet access database development tools. In front of the Macromedia use Dreamweaver 8 development tool, used the backend database Access database.This paper mainly expounds the reception of an enterprise web system design, operation process and some key backgro

8、und. The main source of information website of users and the front end of the administrator, add background in online, for all relevant information query. This website main make society a better understanding of the enterprise, welcome to this enterprise development put forward valuable comments.Thi

9、s enterprise web system is applied, front Dreamweaver Flash CS3 software, Adobe Photoshop, use as background CS3 Access database programming technique is developed with ASP.Keywords: ASP, enterprises websites, Access databases1绪论 选题意义如今越来越多的企业已开始从对互联网的认知阶段进入到认同和行动阶段。企业网站是企业在Internet上展示形象的门户，是企业开展电子交

10、易的基地，设计制作一个优秀的网站是建站的企业成功迈向互联网的重要步骤。网络可以带给企业不分地域、不分国别的大量客户，带给您无限的商机。为了获得服装业的领先地位，面对不断涌现的种种机会，企业建立一个具有自己特色的，精美完善的，集多种功能于一体的企业网站，尤其重要。所以在当前如何利用网络提供售后服务以及客户资源维护，是作为一个现代化的企业应当前应考虑的紧迫问题。企业建站的好处：1.服务现有的客户，更方便更高效的客户服务；2.争取不断的新客户，上网是发布、收集信息的最重要的途径和依赖；3.新一代媒体广告，降低广告成本提高企业形象；4.二十四小时广告和发展业务，提高企业的品位、提高企业的效益；5.发展

11、国际化业务，大鱼在大海，我们下海就可以国际化；6.开拓本地市场，人们更希望看到本地的企业、新闻；7联接客户，网络服务更灵活、直接、高效；8.增强市场推广，网络是趋势、是企业推广的最重要的途径。1.2 设计思想 网站架构网站首页是兵家必争之地，每个频道负责人都想在显眼的位置推荐自己的产品或者资讯来增加曝光率，总是希望把所有东西一下子让用户看到，但最后我们就发现你放的东西越多，用户就根本找不到他想要的东西，快速离开的可能性很大。在国内的门户网站都习惯了资讯多、页面长，什么都往首页堆，感觉内容越多会显的越大气，但用户的耐性是有限的，所以网页的通透性对国内网站很重要，每一屏的架构变化不宜太多，适当就好

12、，主次内容信息位置保持一致性，不然用户每浏览到下一屏都需要重新去解读架构，思考该从那里开始阅读，不但用户的耐性被消耗掉还会增加用户的浏览成本，所以网站首页的架构必须清晰明了，保持较好的通透性，减少用户的浏览成本。 设计风格每个门户网站的面向受众都不同，也会造成门户网站的风格定位不一样，例如面向受众年龄层比较年轻的门户网站，在设计风格可能会偏向多色彩多功能，而面向受众年龄层较大的门户网站，在设计风格上就会相反。但不管怎样的设计风格保持清晰方便用户浏览的界面是必要的。1.2.3 信息分布门户网站首页一般都会承载大量的资讯信息，密密麻麻的信息会让用户浏览网页的时候会产生压迫感，如何能让用户顺畅的浏览

13、成为设计中重要的一环。2 运行环境2.1 开发工具的选用及介绍 ASP简介在网络开发的众多语言中，IIS(Intemet information Server Web服务器)+ASP(Active Server Pages编程语言)+Acces(数据库)的方案组合都是Microsoft公司的产品，它们在搭建ClientServer结构的两层模式网站上相对容易。所以它们成为众多的基于Web语言开发中的主流方案。ASP是运行在Web服务器IIS上的。 在ASP出现之前网站的开发效率是非常低的，即使单个页面布局的微小变动，往往都需要重新设计页面的源代码。ASP技术的推出，使网站的建设成了一件很容易的

14、事。ASP(Active Server Pages，活动服务器页面)是微软公司推出的可与用户建立交互式关系的脚本环境，在这个环境下可以通过创建服务器端脚本来实现动态交互式Web页面和强大的Web应用程序等功能。可以和HTML语言包括相关的客户端脚本、Java小程序等混合在一起编写。ASP语法比较简单，属于面向对象的技术和组件技术，这样，复杂的操作和交互过程就可以被封装起来。在进行网页制作时只需使用ASP的脚本语言和内置对象及服务器组件，不必考虑其内部的运行机制。ASP的优势：任何开发工具都可发展ASP，语言相容性高，隐密安全性高，易于操控数据库，面向对象学习容易。 页面设计工具 目前有大量的软

15、件用来设计和制作网页，他们可以极大的减轻工作量，提高设计效率。其中Macromedia Dreamweaver 8功能强大，而且是所见即所得的网站编辑器，并带有站点管理功能。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就

16、能预览网页。Dreamweaver将内容与设计分开，应用於快速网页更新和团队合作网页编辑。2.2 数据库环境自从1992年，Microsoft 公司发布Access1.0以来，随着Windows的普及，使用Access的人越来越多，它逐渐成为流行的数据库软件之一。 Access是一个面向对象的、采用事件驱动机制的小型关系数据库管理系统。在Access中，用户可以根据实际需要对数据进行分类，然后使用表对象分别存储每一种类型的数据，并建立起不同类型数据之间的关系，供报表使用。此时，每条信息仅在一处存放，减少了冗余数据的产生，节省了宝贵的存储空间，同时也加快了更新数据的速度。针对用户在实际应用中的需

17、求，Access数据库提供了表、查询、窗体、报表、页、宏和模块等七个对象，用于收集、存储和操作各种不同的信息。 为了便于使用，Access的每个对象都为用户提供了设计器和生成向导。用户可以在设计器中设计生成对象，或对生成的对象进行编辑；用户也可通过生成向导方便快速的生成一个完备的对象。3 需求分析 随着现代化办公的深入，网站用户(主要是客户、公司管理人员)对企业信息、服务网络化的需求越来越多，要求也越来越高，因此企业网站不能仅仅停留在信息浏览的层次上，应向信息提供和应用服务相结合的综合型网站发展。为此我们将网站设计成前后台结合的形式，前台显示各种信息和服务，后台是信息和服务管理系统，前后台紧密

18、结合，发挥网站的最大功能。 客户端 公司的介绍针对了解一个公司首先就会要了解它的情况，需要设置一个模块能够展示企业的基本情况以及展示公司的品牌形象。 管理系统企业网站的建设将会为企业内部管理带来一种全新的模式。网站是实现这一模式的平台。基于企业网站开发的梦妮服饰在降低企业内部资源的损耗、减低企业户外宣传的费用、加强企业与客户、客户与企业之间的联系等多方面发挥了巨大作用。管理系统只能有企业内部人员进入，需要账号验证才可以登录。客户注册的账号只能浏览网站前台。 信息的发布了解一个企业不仅仅只了解它的基本情况，还要理解它的最新动态，所以企业还需要有一个新闻发布模块。作为一个企业的存在必定会有与市场有

19、必然的联系，了解行业的企业信息业可以获得有关企业的经营情况。因此要有一些行业信息发布功能。 产品的发布了解一个企业的发展背景与现在情况仅是一个前奏，目的都是要为了让浏览者更好的了解企业的产品。所以产品信息的发布模块也是必不可少的。而作为客户和一些消费者最最关心的还是产品的价格问题。所以在浏览产品时就可见到产品的价格。 联系方式为了方便企业和客户的联系，除了一些常规的联系方法如 ，另外设有留言版是有必要的。用户不需要注册就可以留言。客户也可留下比较详细的联系方式，如tel、Email等，既可以增加客户与企业之间的交流，也使不同客户可以查看各自的留言。 管理端 管理员账号的密码管理直接点管理无法进

20、入后台，要输入管理员的账号和密码才能登陆。 信息管理前台的大部分信息都需要定时间的修改和更新。所以需要制定相应的管理模块，对新闻、产品、公司简介、品牌形象等信息进行管理。信息管理的功能就是实现添加、修改、查看、删除。 3.1 信息管理流程图 产品管理产品管理主要是要在及时的添加新上市的产品信息、要及时对产品的品牌（包包、女装、裙子、围巾）进行管理更新，从而使客户浏览到的都是最新最有效的产品信息。这对以市场销售为主的企业是重要的一项要求。需要实现的功能主要是产品列表的分类管理，以及具体的操作：添加、修改。3.2 产品管理流程图 留言管理用户填好信息，提交后马上在前台显示出来，并在后台列表显示。这

21、样可以及时对客户的信息反馈进行收集与处理，以便提高企业的信誉。它主要实现的功能主要是：修改、删除。3.3 留言管理流程图4 网站总体设计网站前台设计 服装网站系统流程图 图4.1 系统总体框架设计描述网站首页主要显示最新动态信息（自动从数据库中提取）、最新产品（管理员后台发布）。网络管理员在后台可以动态更新首页的内容。浏览者一进入首页就能够了解整个网站的最新更新和公司的最新活动、行业新闻，给浏览者耳目一新的感觉，吸引浏览者经常访问网站。如图4.2所示。图网站首页确定企业所要传达的主要信息，并将这些信息分类。比如预测有哪些人会浏览企业的网站他们希望从网站上获知哪些信息：企业希望哪些人浏览自己的网

22、站，准备提供给访问者哪些信息，同时企业又希望获知访问者的哪些信息等。根据前面的需求分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：关于我们 通过公司的简介、品牌形象来展现公司的面貌。公司动态 发布公司新闻，以及行业新闻。产品展示 展示产品和相关信息。联系我们 公司的联系方式和各区域的地址。在线留言 通过客户的留言，加强企业和库户的交流。 关于我们分为两部分：公司简介和品牌形象。公司简历顾名思义就是介绍公司的发展规模和发展背景。而品牌形象就是介绍公司所代言的服装品牌主题和风格，可以让客户一览公司的前景。公司动态由公司新闻、行业新闻组成。公司新闻当然就是发布些公司的最新信息

23、及活动安排。行业新闻则是了解行业的企业信息业可以获得有关企业的经营情况。产品展示主要是展示品牌的相关图片和信息。订货系统主要是让客户在网站进行产品订单。联系我们这块和公司简介部分一样，由于是长期不改动的内容，所以采取了直接从文本文件读取的方式。在线留言部分则是这一版块的重点。浏览该网站的用户可以直接在留言版上留言。留言者无需注册就能留言，可以给直接自己取个网名，然后填写联系方式，地址，email，然后输入留言内容。这样方便了客户与公司，客户与客户之间的信息交流。 服装网站后台流程图图4.3 后台管理模块设计 详细描述网站后台是为公司内部的管理员来管理网站而做的，比如定时更新公司新闻，产品信息，

24、管理留言。其分为产品管理系统、新闻管理系统、留言管理系统、网站管理系统。均对其的子管理模块进行增加、修改、删除。4.3 数据库的设计，如图4.4所示。图4.4数据库的设计它主要分为如下几个表文件： 用户信息表主要记录浏览者登录信息，以方便管理员进入后台，对客户留言、新闻发布、产品更新进行后台管理。用户信息结构表如表4.1所示。字段名称数据类型说明User文本用户名Password文本密码Id自动编号主键简介表是使客户浏览公司资讯模块时，了解企业的发展动态，如表所示。字段名称数据类型说明Gsi备注公司简介Id自动编号主键形象表是使客户浏览公司品牌形象模块时，了解企业的发展文化，如表4.3所示。字

25、段名称数据类型说明Xx备注品牌形象Id自动编号主键产品展示表是用来存储产品的具体信息，供客户浏览，如表4.4所示。 字段名称数据类型说明Mc文本名称Tupian文本图片路径Id自动编号主键客户留言表储存的是客户的留言信息，前台可以对留言主题、联系人、 、E-Mail、联系 、图片、留言内容进行添加，回复则是管理员从后台根据需求进行回复，如表4.5所示。 字段名称数据类型说明Username文本姓名Tel文本 Address文本地址Email文本e-mailBeizhu备注留言Id自动编号主键新闻中心表是使客户浏览新闻中心模块时，了解企业、行业的发展动态，设置字段及类型，如表4.所示。字段名称数

26、据类型说明Zhuti文本主题News备注内容Id自动编号主键字段名称数据类型说明Zhuti1文本主题News1备注内容Id自动编号主键5 网站总体实现5.1信息发布页面所示。公司动态为dongtai.asp。这个模块有两个部分：公司新闻和行业新闻。公司新闻主要是觉得通过看一个公司的最新消息是宣传一个公司的最有效途径。新闻自动循环，点击新闻后的查看时，则新打开一个页面(dongtai1.asp)，读取新闻的具体内容。其他信息发布的页面，如行业新闻，和公司新闻页面类似。主要代码：公司新闻 5.2 产品展示产所示。 产品展示页面(cp.asp)，但是产品展示显示的信息比较丰富。在网站后台管理中必须加强管理。5.3 留言版留言版作为增强客户与企业，方便企业收集顾客意见，改善企业不足之处，也是一大要点。留言版实现页面，所示。 留言者可以填写自己的信息，提交后，这些信息传到数据库，每页显示4条记录，超过记录就进行跳转，跳到下一页记录，点击提交时，在本页面读取留言的具体内容。主要代码：0 and id 后台登陆页面后台登陆页面实现，所示。 如果你不是网站管理员，点击管理时，就无权访问。登陆成功的之后进入后台管理页面如图5.5所示。图5.5 后台管理（admin.asp）5.5 新闻管理页面 企业新闻的管理如： 图5.6新闻管理（guanli_n