contentplaceholder

辽宁工程技术大学

辽宁工程技术大学

网站设计与开发

课程设计报告书

题目：企业网站--米兰婚纱网站的设计与开发

院（系、部）：营销管理学院

班级：

学号：

姓名：

指导教师：

时间：

辽宁工程技术大学

目录

1概述.........................................................................................................4

2功能需求分析........................................................................................4

2.1现状分析.......................................................................................4

2.2可行性分析..................................................................................5

2.3功能需求分析..............................................................................7

3系统设计.................................................................................................9

4技术实现...............................................................................................11

4.1数据库的设计与实现（MicrosoftSQLServer2005）..............11

4.2页面的实现及其代码..................................................................15

5系统调试................................................................................................25

6总结........................................................................................................26

辽宁工程技术大学

3

摘要

企业网站是企业在互联网上进行网络营销进和形象宣传的平台，相当

于企业的网络名片。企业不但可以利用网站来进行宣传、产品发布等作用，

还能够加强客户服务，完善网络业务，吸引潜在客户关注。同时可以用网

站对后台的数据进行管理，进行修改，删除和添加的操作。

米兰婚纱将样片宣传册展示给浏览者，同时提供查询注册的功能，采

用模糊查询的功能，在后台提供对数据的管理功能。

关键字：企业网站网站设计米兰婚纱

辽宁工程技术大学

4

1概述

在本次的课程设计中，我最开始想创建的是在线音乐网站，并准备

作为毕业设计的题目进行完善，但在第一天的制作过程中发现，首先要

达到网站页面的美观比较困难，同时，对于网上音乐的播放的实现代码

比较困难，暂时还不具备这样的知识。同时，老师提醒还涉及版权问题，

很难实现盈利的目的。因此，在和老师进行沟通交流后，我决定改为企

业网站的网站设计，但由于网站上的支付手续比较复杂，因此选择网上

预订，店内销售的方式，所以选择了米兰婚纱这个项目进行课程设计。

在此网站中主要目的是促进线下的销售，提供在线预订功能，顾客

到店即可拍照，从而维持良好的顾客关系，从而获得盈利。米兰婚纱网

站的开发主要包括后台数据库的建立和维护以及前端应用程序的开发两

个方面。主要采用SQLServer2005数据库作为后台数据库，VS2010为

前端开发工具，对网站设计进行了深入的学习，完成了登陆注册，留言，

搜索样片，在线预订等前台功能以及后台留言、订单、样片、用户、管

理员的数据管理。对系统的调试基本符合需求设计。

2功能需求分析

2.1现状分析

顾客现状分析是一个项目中必不可少的部分，目前，婚纱行业竞争

激烈，同时独生子女比例越来越大，他们有钱也有能力为自己拍一件美

美的婚纱照，而在客户需求的越来越大的同时，竞争也越来越激烈，而

如何在竞争中脱颖而出，必定需要一个好的网站来达到在顾客心中树立

辽宁工程技术大学

5

良好的企业形象，增强顾客信任，有利于提高顾客忠诚度，大多数人结

婚一生一次，都愿意以较高的代价来获得满足，因此，在网站的设计上

要设计的美观，同时注重客户体验，才能从一众婚纱网站中一枝独秀，

吸引更多的消费者，建立良好的口碑效应。

同时，在信息技术发展的今天，良好的界面屡见不鲜，最重要的是

如何建立一个拥有良好的用户界面才能吸引客户。

2.2可行性分析

2.2.1技术可行性

动态网站技术介绍Internet起源于20世纪60年代的美国它在近几年

迅速风靡全球其根本原因不仅在于她拥有卓越的国际通信功能更在于它拥有巨

大的信息资源。所谓的Internet是指由分布在全世界成千上万的计算机网络遵

循一定的通讯协议并相互联系在一起而形成的国际互连网络也就是说Internet

是建立和使用这些网络的人群群体公司以及各种网络资源的集合体。随着网络

技术的不断发展单纯的静态页面已经不能满足发展的需要因为静态页面是用单

纯的HTML语言组成的它没有交互性.因此为了满足实际的需要许多网页文件扩

展名不再只是“htm”、“html”出现了以“php”、“asp”、“jsp”、“shtml”

等为后缀的网页文件这些都是采用动态网页技术制作出来的。

程序语言的选择的程序比HTML更方便而更富有灵活性。是在

Web服务器端运行运行后再将运行结果以HTML格式传送至客户端的浏览器。因

此ASP。NET与一般的脚本语言相比要安全得多。

2.2.2网站建设目标的管理可行性

辽宁工程技术大学

6

对于用户来说，本系统只要求使用者掌握一定的上网经验，经过仔细设计和

测试之后的系统具有操作简单，方便灵活等优点，足可以满足各种用户的不同需

求，同时也方便了公司的内部管理。管理人员及用户一定会在短时间内掌握并熟

练使用。只要动一动鼠标键盘就可以达到想要的效果。

2.2.3经济可行性

主要从对项目的经济上进行分析评价，一方面是支出的费用，包括设备购置

费、管理和维护费用、人员工资和培训费等，另一个是取得的收益。收益是以促

进线下销售的收入作为收益。一个企业，在各种设备的配置上都要是比较好的，

企业的内部数据交换量大，如果硬件跟不上，也会对企业造成一定的损失，从节

省人力方面，可以让管理人员从繁与复杂的工作中解脱出来，做更多的工作，从

而让企业管理提高一个层次。

2.2.4环境可行性分析

支持系统运行的系统需要在Windowsxp/7下，数据库管理系统需要

安装MicrosoftSQLServer2005。硬件方面要求建立维护和使用制度，

在硬件选择时要充分考虑硬件的负载和应用环境要求。软件方面则要求

能对系统进行定期地维护，尽量能够预防各种故障的发生。

辽宁工程技术大学

7

2.3功能需求分析

2.3.1信息流程分析

信息流程图如下：

2.3.2具体功能实现

米兰是致力于为客户提供一个企业活动信息的信息平台。同时实现

企业与客户间的信息交互，实现信息的传递和客户服务和客户关系的功

能。首先，通过前台首页全面介绍米兰婚纱的活动和样片显示。其次，

通过前台可以给用户充分了解米兰婚纱的基本概况。然后，通过前台可

以给用户提供一个在线交流平台（在线留言）。第四，通过后台可以对

信息

录入

存储

查询

输出

数据库

网站

辽宁工程技术大学

8

发布的信息，如米兰婚纱的活动，米兰婚纱的样片进行管理。第五、通

过后台可以对用户的留言进行回复，实现交互。第六、通过后台可以对

订单、用户进行管理。

前台功能包括，网站首页的主要作用是对活动信息和样片信息进行

一个展示和摘要的显示，并不显示具体的信息，首先以华美的图片吸引

浏览者的注意，同时显示通往其他网页的连接，通过点击可以进入相应

的页面进行具体的浏览。在样片浏览页面，可以显示米兰婚纱的具体样

片，主要是相当于产品的页面，显示样片的具体信息，包括价格等信息，

帮助浏览者具体了解产品信息，把浏览者变成顾客。在活动页面主要是

把米兰婚纱的优惠活动展示出来用于吸引顾客消费，达到促销的目的。

在在线预订和留言模板是为了收集顾客信息，将游客变为有用的会员资

源，达到推销产品，树立企业形象的目的。

后台功能主要包括样片管理、活动管理。留言管理、用户管理，以

及管理员管理。都是对相应的数据进行操作，修改数据库中的数据以达

到后台数据的管理功能。

辽宁工程技术大学

9

3系统设计

经过对系统的需求分析，将整个系统分为两个部分，前台系统和后

台系统。前台系统主要是给客户浏览的界面。后台系统是管理员对本网

站的管理界面的信息添加和修改。

根据对本系统的分析，系统分为以下个模块：

前台系统功能的描述：

1.网站首页

首页主要是一个信息集中的地方，融合了样片赏析，活动印花两个

个重要板块。可以快速给浏览者对米兰婚纱信息的全面浏览。同时可以

大致了解内容的分布，便于浏览。

2.关于我们

客户可以通过关于模块来了解米兰婚纱的发展历程。所获荣誉等信

网

站

首

页

关

于

我

们

样

片

赏

析

活

动

印

花

在

线

预

订

联

系

我

们

管

理

首

页

样

片

管

理

活

动

管

理

用

户

管

理

订

单

管

理

留

言

管

理

退

出

系

统

米兰婚纱网站

后台模块

前台模块

管

理

员

管

理

辽宁工程技术大学

10

息，有利于客户对企业建立信任关系。

3.样片赏析

客户可以通过样片模块来了解米兰婚纱的拍摄水平，同时可以选择

自己喜欢的风格和套系，用唯美的婚纱照来吸引顾客。

4.活动印花

活动印花模块的主要目的是推广促销信息，促销在一定程度上有利

于吸引顾客的注意，这是一种留住浏览者的方法。

5.在线预订

提供了一种销售方法，同时免于顾客去实体店预订的麻烦，也获得

了顾客的资料，可以推送广告。

6.联系我们

客户可以将对企业的看法，意见、疑问等信息以留言的形式保留下

来，管理员可以查看客户的留言，并对留言作出回复。

后台系统功能的描述：

后台管理主要方便管理员对本站系统进行维护，管理员可以在后台

发布相关的信息，完成对网站内容的更新及管理。后台功能主要包括：

样片管理、活动管理、用户管理、订单管理、留言管理、退出系统。

1样片管理

完成样片赏析的发布和修改。

2活动管理

完成活动的发布、修改和删除。

3、用户管理

辽宁工程技术大学

11

完成用户的发布，修改和删除。

4、订单管理

完成订单的添加，修改和删除。

5、留言管理

完成留言的删除和回复。

4技术实现

4.1数据库的设计与实现（MicrosoftSQLServer2005）

4.1.1数据库设计原则

数据库应用系统的开发过程中，数据库的结构设计是一个非常重要

的环节。

在数据库系统开始设计的时候应该尽量考虑全面，尤其应该仔细考

虑用户的需求，避免浪费不必要的人力和物力。应当遵循以下设计原则：

1）便于对数据进行查询、删除、修改、存储等操作；

2）保证数据的完整性、一致性；

3）数据项设计要合理，避免数据冗余；

4）便于数据的整理、分析、备份；

5）便于数据的更新和维护。

4.1.2概念结构设计

数据库的的概念结构设计就是将需求分析得到的用户需求抽象为信息结构，

即概念模型。概念模型的种类很多，其中最著名、最实用的一种是E－R（实体

－联系）模型，它将现实世界的信息结构统一用属性、实体以及他们之间的联系

来描述。下图为本数据库系统E-R模型：

辽宁工程技术大学

12

图4-1E-R图

4.1.3逻辑结构设计

（1）数据表

数据库的逻辑设计即把得到的满足第三范式的关系转化为特定的数据库管

理系统下的数据表。针对本系统，为满足系统需要，我设计了用户表、管理员、

活动表、留言表、样片表、订单表。

订单表：订单编号、用户名、姓名、联系方式、QQ、预定时间、套系、

预算

管理员：管理员编号、用户名、密码、权限

活动：活动编号、活动名称、活动介绍、活动图片

留言：留言编号、用户名、留言、回复留言

样片：样片编号、主题、风格、地点、价格、介绍、样片图片、样

片名称

用户：用户名、密码、权限、用户编号

用户名

订单

用户名

姓名

联系方式

QQ

预定时间

套系

预算

用户编号

用户

用户编号

密码

权限

订购

辽宁工程技术大学

13

4.1.4物理结构设计

建立数据库前，应先对数据进行分析，包括类型、长度等，然后开始着手建

立数据库。本系统数据库中用到的5个数据表，其具体结构如表4.1～4.5所示。

（1）订单：本表有8个字段，订单编号是主键。

列名数据类型完整性约束

订单编号IntNotNull，主键

用户名nvarchar(50)

NotNull

姓名nvarchar(50)NotNull外键

联系方式nvarchar(50)

NotNull

QQ

nchar(10)Null

预订时间datetime

Null

套系int

Null

预算int

Null

表4-2订单表

（2）管理员：本表有4个字段，管理员编号是主键。

列名数据类型完整性约束

管理员编号intNotNull，主键

用户名nvarchar(50)

NotNull

密码nvarchar(50)

NotNull

权限nchar(10)

NotNull

表4-3管理员表

（3）活动：本表有4个字段，活动编号是主键。

列名数据类型完整性约束

活动编号intNotNull，主键

活动图片nvarchar(50)

Null

活动介绍nvarchar(50)

Null

活动名称nchar(10)

NotNull

表4-4活动表

辽宁工程技术大学

14

（4）用户：本表有4个字段，用户编号是主键。

列名数据类型长度完整性约束

用户名Varchar50

NotNull

密码Varchar50

Null

用户编号Varchar50NotNull，主键

权限Varchar50

NotNull

表4-4用户信息表

（5）样片表：本表有8个字段。

列名数据类型完整性约束

样片编号IntNotNull，主键

主题nchar(10)

NotNull

风格nchar(10)

NotNull

地点nchar(10)

Null

价格nchar(10)

NotNull

介绍nvarchar(50)

NotNull

样片图片nvarchar(50)

NotNull

样片名称nchar(10)

NotNull

4.1.5风格设计

网站的页面风格主要以红色为主，之所以选取这个颜色，是因为红

色是喜庆的颜色，非常符合想拍婚纱照的喜庆的心情，同时迎合了新人

的心情，logo选取的是米兰春天的图片，这样有利于给浏览者加深印象。

在每个页面上都有登陆和注册的超链接，方便了用户的登陆注册。同时

制作的导航条以红色为背景，方便用户随时跳转到相应的页面。在后台

虽然也以红色为主，但导航则放在了最左边，一来有利于管理员理解网

辽宁工程技术大学

15

站结构，而来方便选择功能。

4.2页面的实现及其代码

4.2.1首页展示

代码如下：

<%@PageTitle=""Language="C#"MasterPageFile="~/"

AutoEventWireup="true"CodeFile=""Inherits="_Default"%>

动ˉ名?称?")%>'/>

ImageUrl='<%#Eval("活?动ˉ图?片?")%>'Width="100%"/>

辽宁工程技术大学

16

ConnectionString="<%$ConnectionStrings:米×兰?婚é纱Α銫onnectionString%>"

SelectCommand="SELECTTOP(2)活?动ˉ图?片?,活?动ˉ名?称?FROM活?

动ˉ">

contentplaceholderid="ContentPlaceHolder3">

style="margin-right:992px"Width="100%">

称?")%>'/>

ImageUrl='<%#Eval("样ù片?图?片?")%>'Width="100%"/>

ConnectionString="<%$ConnectionStrings:米×兰?婚é纱Α銫onnectionString%>"

SelectCommand="SELECTTOP(2)样ù片?图?片?,样ù片?名?称?FROM样ù

片?">

contentplaceholderid="ContentPlaceHolder5">

4.2.2样片赏析

辽宁工程技术大学

17

代码如下：

<%@PageTitle=""Language="C#"MasterPageFile="~/"

AutoEventWireup="true"CodeFile=""Inherits="Default2"%>

.style5

{

width:100%;

}

Text="样片搜索：">

ViewStateMode="Enabled">

DataSourceID="SqlDataSource2"ForeColor="#333333">

样片图片:

辽宁工程技术大学

18

样片编号:

编号")%>'/>

ImageUrl='<%#Eval("样片图片")%>'Width="144px"/>

样片名称:

名称")%>'/>

主题:

")%>'/>

风格:

")%>'/>

地点:

")%>'/>

价格:

")%>'/>

辽宁工程技术大学

19

介绍:

")%>'/>

ConnectionString="<%$ConnectionStrings:米兰婚纱ConnectionString%>"

SelectCommand="SELECT*FROM[样片]">