婚纱网站设计论文课程设计论文.doc

资源描述

辽宁工程技术大学辽宁工程技术大学网站设计与开发课程设计报告书题目：企业网站--米兰婚纱网站的设计与开发院（系、部）：营销管理学院班级：学号：姓名：指导教师：时间：目录 1 概述 4 2 功能需求分析 4 2.1现状分析 4 2.2 可行性分析 5 2.3 功能需求分析 7 3 系统设计 9 4 技术实现 11 4.1数据库的设计与实现（Microsoft SQL Server2005） 11 4.2页面的实现及其代码 15 5系统调试 25 6总结 26 摘要企业网站是企业在互联网上进行网络营销进和形象宣传的平台，相当于企业的网络名片。企业不但可以利用网站来进行宣传、产品发布等作用，还能够加强客户服务，完善网络业务，吸引潜在客户关注。同时可以用网站对后台的数据进行管理，进行修改，删除和添加的操作。米兰婚纱将样片宣传册展示给浏览者，同时提供查询注册的功能，采用模糊查询的功能，在后台提供对数据的管理功能。关键字：企业网站网站设计米兰婚纱 1 概述在本次的课程设计中，我最开始想创建的是在线音乐网站，并准备作为毕业设计的题目进行完善，但在第一天的制作过程中发现，首先要达到网站页面的美观比较困难，同时，对于网上音乐的播放的实现代码比较困难，暂时还不具备这样的知识。同时，老师提醒还涉及版权问题，很难实现盈利的目的。因此，在和老师进行沟通交流后，我决定改为企业网站的网站设计，但由于网站上的支付手续比较复杂，因此选择网上预订，店内销售的方式，所以选择了米兰婚纱这个项目进行课程设计。在此网站中主要目的是促进线下的销售，提供在线预订功能，顾客到店即可拍照，从而维持良好的顾客关系，从而获得盈利。米兰婚纱网站的开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。主要采用SQL Server2005数据库作为后台数据库，VS2010为前端开发工具，对网站设计进行了深入的学习，完成了登陆注册，留言，搜索样片，在线预订等前台功能以及后台留言、订单、样片、用户、管理员的数据管理。对系统的调试基本符合需求设计。 2 功能需求分析 2.1现状分析顾客现状分析是一个项目中必不可少的部分，目前，婚纱行业竞争激烈，同时独生子女比例越来越大，他们有钱也有能力为自己拍一件美美的婚纱照，而在客户需求的越来越大的同时，竞争也越来越激烈，而如何在竞争中脱颖而出，必定需要一个好的网站来达到在顾客心中树立良好的企业形象，增强顾客信任，有利于提高顾客忠诚度，大多数人结婚一生一次，都愿意以较高的代价来获得满足，因此，在网站的设计上要设计的美观，同时注重客户体验，才能从一众婚纱网站中一枝独秀，吸引更多的消费者，建立良好的口碑效应。同时，在信息技术发展的今天，良好的界面屡见不鲜，最重要的是如何建立一个拥有良好的用户界面才能吸引客户。 2.2 可行性分析 2.2.1 技术可行性动态网站技术介绍 Internet 起源于 20 世纪 60 年代的美国它在近几年迅速风靡全球其根本原因不仅在于她拥有卓越的国际通信功能更在于它拥有巨大的信息资源。所谓的 Internet 是指由分布在全世界成千上万的计算机网络遵循一定的通讯协议并相互联系在一起而形成的国际互连网络也就是说Internet 是建立和使用这些网络的人群群体公司以及各种网络资源的集合体。随着网络技术的不断发展单纯的静态页面已经不能满足发展的需要因为静态页面是用单纯的 HTML 语言组成的它没有交互性.因此为了满足实际的需要许多网页文件扩展名不再只是“htm”、“html”出现了以“php”、“asp”、“jsp”、“shtml”等为后缀的网页文件这些都是采用动态网页技术制作出来的。程序语言的选择ASP .NET 的程序比 HTML 更方便而更富有灵活性。是在 Web 服务器端运行运行后再将运行结果以 HTML 格式传送至客户端的浏览器。因此 ASP。NET 与一般的脚本语言相比要安全得多。 2.2.2 网站建设目标的管理可行性对于用户来说，本系统只要求使用者掌握一定的上网经验，经过仔细设计和测试之后的系统具有操作简单，方便灵活等优点，足可以满足各种用户的不同需求，同时也方便了公司的内部管理。管理人员及用户一定会在短时间内掌握并熟练使用。只要动一动鼠标键盘就可以达到想要的效果。 2.2.3 经济可行性主要从对项目的经济上进行分析评价，一方面是支出的费用，包括设备购置费、管理和维护费用、人员工资和培训费等，另一个是取得的收益。收益是以促进线下销售的收入作为收益。一个企业，在各种设备的配置上都要是比较好的，企业的内部数据交换量大，如果硬件跟不上，也会对企业造成一定的损失，从节省人力方面，可以让管理人员从繁与复杂的工作中解脱出来，做更多的工作，从而让企业管理提高一个层次。 2.2.4 环境可行性分析支持系统运行的系统需要在Windows xp/7下，数据库管理系统需要安装Microsoft SQL Server 2005 。硬件方面要求建立维护和使用制度，在硬件选择时要充分考虑硬件的负载和应用环境要求。软件方面则要求能对系统进行定期地维护，尽量能够预防各种故障的发生。 2.3 功能需求分析 2.3.1信息流程分析信息流程图如下：信息录入存储查询输出数据库网站 2.3.2具体功能实现米兰是致力于为客户提供一个企业活动信息的信息平台。同时实现企业与客户间的信息交互，实现信息的传递和客户服务和客户关系的功能。首先，通过前台首页全面介绍米兰婚纱的活动和样片显示。其次，通过前台可以给用户充分了解米兰婚纱的基本概况。然后，通过前台可以给用户提供一个在线交流平台（在线留言）。第四，通过后台可以对发布的信息，如米兰婚纱的活动，米兰婚纱的样片进行管理。第五、通过后台可以对用户的留言进行回复，实现交互。第六、通过后台可以对订单、用户进行管理。前台功能包括，网站首页的主要作用是对活动信息和样片信息进行一个展示和摘要的显示，并不显示具体的信息，首先以华美的图片吸引浏览者的注意，同时显示通往其他网页的连接，通过点击可以进入相应的页面进行具体的浏览。在样片浏览页面，可以显示米兰婚纱的具体样片，主要是相当于产品的页面，显示样片的具体信息，包括价格等信息，帮助浏览者具体了解产品信息，把浏览者变成顾客。在活动页面主要是把米兰婚纱的优惠活动展示出来用于吸引顾客消费，达到促销的目的。在在线预订和留言模板是为了收集顾客信息，将游客变为有用的会员资源，达到推销产品，树立企业形象的目的。后台功能主要包括样片管理、活动管理。留言管理、用户管理，以及管理员管理。都是对相应的数据进行操作，修改数据库中的数据以达到后台数据的管理功能。 3 系统设计经过对系统的需求分析，将整个系统分为两个部分，前台系统和后台系统。前台系统主要是给客户浏览的界面。后台系统是管理员对本网站的管理界面的信息添加和修改。根据对本系统的分析，系统分为以下个模块：网站首页关于我们样片赏析活动印花在线预订联系我们管理首页样片管理活动管理用户管理订单管理留言管理退出系统米兰婚纱网站后台模块前台模块管理员管理前台系统功能的描述： 1.网站首页首页主要是一个信息集中的地方，融合了样片赏析，活动印花两个个重要板块。可以快速给浏览者对米兰婚纱信息的全面浏览。同时可以大致了解内容的分布，便于浏览。 2.关于我们客户可以通过关于模块来了解米兰婚纱的发展历程。所获荣誉等信息，有利于客户对企业建立信任关系。 3.样片赏析客户可以通过样片模块来了解米兰婚纱的拍摄水平，同时可以选择自己喜欢的风格和套系，用唯美的婚纱照来吸引顾客。 4. 活动印花活动印花模块的主要目的是推广促销信息，促销在一定程度上有利于吸引顾客的注意，这是一种留住浏览者的方法。 5. 在线预订提供了一种销售方法，同时免于顾客去实体店预订的麻烦，也获得了顾客的资料，可以推送广告。 6. 联系我们客户可以将对企业的看法，意见、疑问等信息以留言的形式保留下来，管理员可以查看客户的留言，并对留言作出回复。后台系统功能的描述：后台管理主要方便管理员对本站系统进行维护，管理员可以在后台发布相关的信息，完成对网站内容的更新及管理。后台功能主要包括：样片管理、活动管理、用户管理、订单管理、留言管理、退出系统。 1样片管理完成样片赏析的发布和修改。 2活动管理完成活动的发布、修改和删除。 3、用户管理完成用户的发布，修改和删除。 4、订单管理完成订单的添加，修改和删除。 5、留言管理完成留言的删除和回复。 4 技术实现 4.1数据库的设计与实现（Microsoft SQL Server2005） 4.1.1 数据库设计原则数据库应用系统的开发过程中，数据库的结构设计是一个非常重要的环节。在数据库系统开始设计的时候应该尽量考虑全面，尤其应该仔细考虑用户的需求，避免浪费不必要的人力和物力。应当遵循以下设计原则： 1）便于对数据进行查询、删除、修改、存储等操作； 2）保证数据的完整性、一致性； 3）数据项设计要合理，避免数据冗余； 4）便于数据的整理、分析、备份； 5）便于数据的更新和维护。 4.1.2 概念结构设计数据库的的概念结构设计就是将需求分析得到的用户需求抽象为信息结构，即概念模型。概念模型的种类很多，其中最著名、最实用的一种是E－R（实体－联系）模型，它将现实世界的信息结构统一用属性、实体以及他们之间的联系来描述。下图为本数据库系统E-R模型：用户名订单用户名姓名联系方式 QQ 预定时间套系预算用户编号用户用户编号密码权限订购图4-1 E-R图 4.1.3 逻辑结构设计（1）数据表数据库的逻辑设计即把得到的满足第三范式的关系转化为特定的数据库管理系统下的数据表。针对本系统，为满足系统需要，我设计了用户表、管理员、活动表、留言表、样片表、订单表。订单表：订单编号、用户名、姓名、联系方式、QQ 、预定时间、套系、预算管理员：管理员编号、用户名、密码、权限活动：活动编号、活动名称、活动介绍、活动图片留言：留言编号、用户名、留言、回复留言样片：样片编号、主题、风格、地点、价格、介绍、样片图片、样片名称用户：用户名、密码、权限、用户编号 4.1.4 物理结构设计建立数据库前，应先对数据进行分析，包括类型、长度等，然后开始着手建立数据库。本系统数据库中用到的5个数据表，其具体结构如表4.1～4.5所示。（1）订单：本表有8个字段，订单编号是主键。列名数据类型完整性约束订单编号 Int Not Null，主键用户名 nvarchar(50) Not Null 姓名 nvarchar(50) Not Null外键联系方式 nvarchar(50) Not Null QQ nchar(10) Null 预订时间 datetime Null 套系 int Null 预算 int Null 表4-2 订单表（2）管理员：本表有4个字段，管理员编号是主键。列名数据类型完整性约束管理员编号 int Not Null，主键用户名 nvarchar(50) Not Null 密码 nvarchar(50) Not Null 权限 nchar(10) Not Null 表4-3 管理员表（3）活动：本表有4个字段，活动编号是主键。列名数据类型完整性约束活动编号 int Not Null，主键活动图片 nvarchar(50) Null 活动介绍 nvarchar(50) Null 活动名称 nchar(10) Not Null 表4-4 活动表（4）用户：本表有4个字段，用户编号是主键。列名数据类型长度完整性约束用户名 Varchar 50 Not Null 密码 Varchar 50 Null 用户编号 Varchar 50 Not Null，主键权限 Varchar 50 Not Null 表4-4 用户信息表（5）样片表：本表有8个字段。列名数据类型完整性约束样片编号 Int Not Null，主键主题 nchar(10) Not Null 风格 nchar(10) Not Null 地点 nchar(10) Null 价格 nchar(10) Not Null 介绍 nvarchar(50) Not Null 样片图片 nvarchar(50) Not Null 样片名称 nchar(10) Not Null 4.1.5 风格设计网站的页面风格主要以红色为主，之所以选取这个颜色，是因为红色是喜庆的颜色，非常符合想拍婚纱照的喜庆的心情，同时迎合了新人的心情，logo选取的是米兰春天的图片，这样有利于给浏览者加深印象。在每个页面上都有登陆和注册的超链接，方便了用户的登陆注册。同时制作的导航条以红色为背景，方便用户随时跳转到相应的页面。在后台虽然也以红色为主，但导航则放在了最左边，一来有利于管理员理解网站结构，而来方便选择功能。 4.2页面的实现及其代码 4.2.1首页展示代码如下： <%@ Page Title="" Language="C#" MasterPageFile="~/Default.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server"> <asp:DataList ID="DataList2" runat="server" DataSourceID="SqlDataSource2"> <ItemTemplate>  <asp:Label ID="活?动ˉ名?称?Label" runat="server" Text='<%# Eval("活?动ˉ名?称?") %>' />  <asp:Image ID="Image2" runat="server" Height="163px" ImageUrl='<%# Eval("活?动ˉ图?片?") %>' Width="100%" /> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:米×兰?婚é纱Α銫onnectionString %>" SelectCommand="SELECT TOP (2) 活?动ˉ图?片?, 活?动ˉ名?称? FROM 活?动ˉ"></asp:SqlDataSource> <a href="photoshow.aspx" target="_blank"> </a></asp:Content> <asp:Content ID="Content3" runat="server" contentplaceholderid="ContentPlaceHolder3">  <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" style="margin-right: 992px" Width="100%"> <ItemTemplate> <asp:Label ID="样ù片?名?称?Label" runat="server" Text='<%# Eval("样ù片?名?称?") %>' />  <asp:Image ID="Image1" runat="server" Height="180px" ImageUrl='<%# Eval("样ù片?图?片?") %>' Width="100%" /> </ItemTemplate> </asp:DataList> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:米×兰?婚é纱Α銫onnectionString %>" SelectCommand="SELECT TOP (2) 样ù片?图?片?, 样ù片?名?称? FROM 样ù片?"></asp:SqlDataSource>   </asp:Content> <asp:Content ID="Content4" runat="server" contentplaceholderid="ContentPlaceHolder5"> </asp:Content> 4.2.2样片赏析代码如下： <%@ Page Title="" Language="C#" MasterPageFile="~/Default.master" AutoEventWireup="true" CodeFile="photoshow.aspx.cs" Inherits="Default2" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <style type="text/css"> .style5 { width: 100%; } </style> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server"> <asp:Label ID="Label1" runat="server" style="color: #000000; font-size: medium" Text="样片搜索："></asp:Label> <asp:TextBox ID="TextBox2" runat="server" AutoPostBack="True" ViewStateMode="Enabled"></asp:TextBox> <asp:Button ID="Button2" runat="server" Text="搜索" onclick="Button2_Click" /> <asp:DataList ID="DataList1" runat="server" CellPadding="4" DataKeyField="样片编号" DataSourceID="SqlDataSource2" ForeColor="#333333"> <AlternatingItemStyle BackColor="White" /> <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <ItemStyle BackColor="#EFF3FB" /> <ItemTemplate> <table class="style5"> <tr> <td> 样片图片:</td> <td> 样片编号: <asp:Label ID="样片编号Label" runat="server" Text='<%# Eval("样片编号") %>' /> </td> </tr> <tr> <td rowspan="6"> <asp:Image ID="Image1" runat="server" Height="111px" ImageUrl='<%# Eval("样片图片") %>' Width="144px" /> </td> <td> 样片名称: <asp:Label ID="样片名称Label" runat="server" Text='<%# Eval("样片名称") %>' /> </td> </tr> <tr> <td> 主题: <asp:Label ID="主题Label" runat="server" Text='<%# Eval("主题") %>' /> </td> </tr> <tr> <td> 风格: <asp:Label ID="风格Label" runat="server" Text='<%# Eval("风格") %>' /> </td> </tr> <tr> <td> 地点: <asp:Label ID="地点Label" runat="server" Text='<%# Eval("地点") %>' /> </td> </tr> <tr> <td> 价格: <asp:Label ID="价格Label" runat="server" Text='<%# Eval("价格") %>' /> </td> </tr> <tr> <td> 介绍: <asp:Label ID="介绍Label" runat="server" Text='<%# Eval("介绍") %>' /> </td> </tr> </table>   </ItemTemplate> <SelectedItemStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> </asp:DataList> <div style="text-align: left"> <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:米兰婚纱ConnectionString %>" SelectCommand="SELECT * FROM [样片]"> </asp:SqlDataSource> </div> </asp:Content> <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server"> </asp:Content> <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder5" Runat="Server"> </asp:Content> 4.2.3在线预订代码如下 <%@ Page Title="" Language="C#" MasterPageFile="~/Default.master" AutoEventWireup="true" CodeFile="constactus.aspx.cs" Inherits="Default2" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server"> </asp:Content> <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server"> <asp:Label ID="Label1" runat="server" style="font-family: 楷体; font-size: large; color: #000000" Text="联系我们："></asp:Label> 联系电话：15382023730 QQ号：764744089 地址：辽宁工程技术大学 <a href="mailto:邮箱：15382023730@">邮箱：15382023730@</a> <asp:Label ID="Label2" runat="server" style="font-family: 楷体; font-size: large; color: #000000" Text="在线留言"></asp:Label> <asp:Label ID="Label3" runat="server" style="font-family: 楷体; font-size: medium; color: #000000" Text="如果您对我们的服务有任何的不满，随时欢迎您的留言或来电，我们将竭诚为您服务，您的肯定将是我们最大的幸福"></asp:Label> <asp:TextBox ID="TextBox1" runat="server" Height="203px" Width="816px"></asp:TextBox>                          <asp:Button ID="Button2" runat="server" Height="30px" onclick="Button2_Click" Text="提交" Width="57px" /> </asp:Content> <asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder5" Runat="Server"> </asp:Content> 4.2.4活动管理代码如下： <%@ Page Title="" Language="C#" MasterPageFile="~/admin/MasterPage.master" AutoEventWireup="true" CodeFile="activities.aspx.cs" Inherits="admin_activities" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <asp:GridView ID="GridView1" runat="server" Height="215px" Width="793px" RowType="Seperator" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" CellPadding="4" DataKeyNames="活动编号" DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None"> <AlternatingRowStyle BackColor="White" /> <Columns> <asp:BoundField DataField="活动编号" HeaderText="活动编号" InsertVisible="False" ReadOnly="True" SortExpression="活动编号" /> <asp:BoundField DataField="活动名称" HeaderText="活动名称" SortExpression="活动名称" /> <asp:BoundField DataField="活动介绍" HeaderText="活动介绍" SortExpression="活动介绍" /> <asp:CommandField ShowDeleteButton="True" ShowEditButton="True" /> </Columns> <EditRowStyle BackColor="#2461BF" /> <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /> <RowStyle BackColor="#EFF3FB" /> <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> <SortedAscendingCellStyle BackColor="#F5F7FB" /> <SortedAscendingHeaderStyle BackColor="#6D95E1" /> <S

展开阅读全文