鲜花礼品订购网站 网站设计毕业论文.doc

*学 院毕 业 设 计 说 明 书设计（论文）题目：鲜花礼品订购网站 系 别：* 1专 业：*姓 名： * 1学 号： *1指导教师：* 完成时间： * 【摘要】随着人们消费水平的提高，消费方式也有了改变，网上购物这一新兴的购物方式以其方便快捷为大众所接受，人们可以足不出户就可以购买到自己所需的商品，节省了许多时间。网上鲜花礼品订购网站可以为用户提供给最新的鲜花礼品信息以及一些送花常识、花语等，方便用户选购及了解更多有关花的知识。本网站采用ASP.NET 2.0技术作为开发平台，后台数据库为SQLSever2005。本文主要介绍了鲜花礼品订购网站的开发和实现全过程。包括了可行性分析，开发工具的选择，数据库的选择，系统功能描述等。本系统采用的开发工具是ASP.NET 2.0+ SQLSever2005 ExperssEdition。利用ASP.NET 2.0提供的先进的面向对象开发思想和SQLSever2005 ExperssEdition数据库技术，进行系统的开发。系统的开发主要包括后台数据库的建立和维护以及前台应用程序的开发两个方面。整个系统的设计过程中，充分考虑了数据库的安全性、稳定性和和操作的方便性，极大的缩短了网站开发的时间。 【关键词】鲜花礼品订购网站；网站开发；ASP.NET 2.0；SQLSever2005目录第一章 绪论31.1系统开发的背景31.2系统的开发平台与开发工具31.2.1 ASP.NET 2.0系统简介31.2.2选择ASP.NET 2.0和SQLSever2005连接的特点31.3本系统的工作内容4第二章 总体规划与结构框图52.1需求分析52.2软件分析52.3功能分析52.4总体规划52.5网站的结构图6第三章 网站数据库设计73.1网站中的数据库7第四章 总体设计104.1主题设计104.2站点地图与网站广告114.3用户自定义控件设计124.4母板页设计134.5浏览页面134.6购物车设计154.6.1购物车154.6.2结账174.6.3订单184.7新品推荐184.8详细介绍194.9查询214.10留言板设计214.10.1发表主题214.10.2查看主题234.10.3回复主题244.11后台管理254.11.1商品类型管理254.11.2商品详细信息管理264.11.3商品订单管理28第五章 系统测试295.1软件测试概述295.2软件测试的目标295.3软件测试时发现的问题29结束语30致谢31参考文献32第一章 绪论1.1系统开发的背景随着科技和经济的发展网上购物已成为时尚，网上购物不仅可以节约时间还方便用户了解物品的详细信息及其他用户对该物品的评价，为用户的选购提供指引。本课题鲜花礼品订购网站，就是为用户提供一个可以网上订购鲜花礼品的平台，用户可以通过本网站方便快捷的订购所需的鲜花礼品。1.2系统的开发平台与开发工具本系统使用功能强大的ASP.NET 2.0和SQLSever2005 ExperssEdition作为开发工具，对整个系统进行设计与开发。本系统可以根据应用的具体情况，适当加以修改，以便更好应用。另外，本系统操作简单，灵活性好、系统安全性高，运行稳定，是操作者的最佳选择。1.2.1 ASP.NET 2.0系统简介近几年来，网络应用的广度和深度以人们预想不到的速度迅猛发展，网络应用程序的设计和开发已经成为各类应用软件中最主要的组成部分，网站开发平台的竞争也异常激烈。进入21世纪以来，微软公司提出了.NET战略，确定了“创建下一代Internet开发平台”的目标，ASP.NET 2.0是微软公司推出的新一代企业级开发平台，它不是ASP.NET 1.1版本的简单升级，而是对原有版本的全面革新。ASP.NET 2.0不仅功能强大，而且易学易用。利用它能够在最短时间内开发出具有高效性、高可靠性和高扩展性的网站。微软公司先后发布了ASP.NET 2.0的Alfa、beta 1和beta 2三个试用版本。ASP.NET 2.0是一个快速开发网站的平台，它是2005年12月16日微软公司在中国正式发布的三大产品之一。作为新一代开发平台，ASP.NET 2.0具有功能强大，运行可靠且易学、易用的特点。虽然ASP.NET 2.0是从ASP.NET 1.1版本发展而来，但是新版本已经对原版本做了全面的革新。在扩大网站功能，增强可靠性、可扩展性以及提高运行效率等方面都取得了突破性进展。因此新版本的诞生是一个重要的里程碑，它标志着.NET时代已经到来，网络的应用开发从此进入一个新的阶段。1.2.2选择ASP.NET 2.0和SQLSever2005连接的特点SQL语言是结构化语言（Structure Query Language）的缩写，是一种用于数据库查询和编程的语言，已经成为关系型数据库普遍使用的标准，使用这种标准数据库语言对程序设计和数据库的维护都带来了极大的方便，广泛地应用于各种数据查询。SQL语言的常用操作有：建立数据库数据表（CREATE TABLE）；从数据库中筛选一个记录集（SELECT），这是最常用的一个语句，功能强大，能有效地对数据库中一个或多个数据表中的数据进行访问，并兼有排序、分组等功能；在数据表中添加一个记录（INSERT）；删除符合条件的记录（DELETE）；更改符合条件的记录（UPDATE）；SQLSERVER数据库是ASP.NET 2.0自带的数据库，与ASP.NET 2.0紧密集成，对动态网站提供了强有力的支持，在ASP.NET 2.0的客户认证和个性化服务中，SQLSever2005 ExperssEdition不仅能自动生成多张数据表，还能与应用程序配合，自动保存相关数据，完成应用程序所需要的一些操作，从而大大简化了设计过程。1.3本系统的工作内容本网站主要有：用户登录、用户浏览、后台管理、购物车、留言板等功能。用户登录：用户只有登录后才可以对商品进行选购，如果用户没有在本网站注册信息，必须先注册，才可以选购商品。后台管理：包括用户信息、商品信息、订单信息、留言板信息，管理员可以对这些信息进行管理。留言板：用户可以对商品、网站及自己觉得不错的界面发表信息，供其他用户讨论，也可以对自己感兴趣的话题进行回复。第二章 总体规划与结构框图 2.1需求分析随着科技和经济的发展网上购物已成为时尚，网上购物不仅可以节约时间还方便用户了解物品的详细信息及其他用户对该物品的评价，为用户的选购提供指引。本课题鲜花礼品订购网站，就是为用户提供一个可以网上订购鲜花礼品的平台，用户可以通过本网站方便快捷的订购所需的鲜花礼品。 本网站能实现用户登录、用户浏览、后台管理、购物车、留言板等功能。用户浏览模块能实现消费者了解到各种花的品种、花语、价格等相关信息，以便决定是否满足自己的需求，购买本网站的商品；系统管理模块是管理员根据店里的实际销售情况对新品种、花价及时地更新、调整和汇总，以便消费者能看到最新的资讯；购物车模块可以将消费者购买的商品汇总，方便支付；留言板模块给大家提供了一个交流平台，通过留言可以及时反馈用户对商品和网站的评价、意见和建议，相互交流。2.2软件分析1、设计拟使用Microsoft Visual Studio 2005作为开发工具，学生必须熟悉Microsoft Visual Studio 2005软件设计环境，并掌握软件工程、数据库等相关知识。 2、根据相关调查的原始数据和相关要求收集整理出开发本系统所需的相关具体数据，主要是网站开发的信息。建立一个包含客户信息、商品信息等的数据库。3、系统设计要求：实现基本商品选购、查看购物车、查看历史订单、后台管理等功能，界面友好，操作方便；功能完善，各功能模块能够实现网上购物功能。2.3功能分析 由于操作人员的计算机知识普遍较差,要求有良好的人机界面； 由于该系统的使用对象多,要求有较好的权限管理； 原始数据修改简单方便,支持多条件修改； 方便的数据查询，支持多条件查询； 在相应的权限下，修改数据方便简单，数据稳定性好； 数据计算自动完成，尽量减少人工干预。2.4总体规划本网站能实现用户登录、用户浏览、后台管理、购物车、留言板等功能。用户浏览模块能实现消费者了解到各种花的品种、花语、价格等相关信息，以便决定是否满足自己的需求，购买本网站的商品；系统管理模块是管理员根据店里的实际销售情况对新品种、花价及时地更新、调整和汇总，以便消费者能看到最新的资讯；购物车模块可以将消费者购买的商品汇总，方便支付；留言板模块给大家提供了一个交流平台，通过留言可以及时反馈用户对商品和网站的评价、意见和建议，相互交流。2.5网站的结构图default关于我们登录后显示新品展示查看购物车结账查看订单留言板商品类型添加、修改、删除后台管理商品订单管理商品详细信息查询商品详细信息删除商品详细信息添加商品详细信息修改图2.1网站结构图第三章 网站数据库设计3.1网站中的数据库网站中所用的是SQLSever2005ExperssEdition数据库，数据库名为ASPNETDB.MDF和bbsdb.MDF，其中ASPNETDB.MDF数据库主要包括aspnet_Users表（详见表1）、Categories表（详见表2）、Products表（详见表3）、Reviews表（详见表4）、订单表（详见表5）和一个存储过程StoredProcedure1。bbsdb.MDF数据库包括newpost表（详见表6）和reply表（详见表7）。表1：aspnet_Users表列名数据类型是否为空ApplicationIduniqueidentifier否UserIduniqueidentifier否UserNamenvarchar(256)否LoweredUserNamenvarchar(256)否MobileAliasnvarchar(16)是IsAnonymousbit否LastActivityDatedatetime否表2：Categories表列名数据类型是否为空CategoryID（主键）int否CategoryNamenvarchar(50)是表3：Products表列名数据类型是否为空ProductID（主键）int否CategoryIDint否ProductNamenvarchar(50)是ProductImagenvarchar(50)是UnitCostmoney否Descriptionntext是表4：Reviews表列名数据类型是否为空ReviewID（主键）int否ProductIDint否Namenvarchar(50)是Emailnvarchar(50)是ratingint否Commentsntext是PostDatedatetime是表5：订单表列名数据类型是否为空客户IDnvarchar(20)是订单ID（主键）int否产品IDint是产品名称nvarchar(40)是单价numeric(18, 2)是订购量int是订购时间datetime是StoredProcedure1ALTER PROCEDURE dbo.StoredProcedure1(客户ID nvarchar(20),产品ID int,产品名称 nvarchar(40),单价 numeric(18,2),订购量 int,订购时间 datetime)ASSET NOCOUNT OFF;insert into 订单表(客户ID,产品ID,产品名称,单价,订购量,订购时间) values (客户ID,产品ID,产品名称,单价,订购量,订购时间)表6：newpost表列名数据类型是否为空ID（主键）int否subjectnchar(200)是messagenchar(200)是datedatetime是usernamenchar(30)是useripnchar(20)是Replies（回复数）int是Views（浏览数）int是表7：reply表列名数据类型是否为空replyid（主键）int否postidint是subjectnchar(200)是messagenchar(200)是datedatetime是usernamenchar(30)是useripnchar(20)是数据库创建步骤：右击网站名，在弹出的快捷菜单中选择【添加新项】命令，然后在弹出的对话窗口中选择【SQL数据库】。在为数据库取名以后，单击【添加】按钮，在此时系统提示“是否将数据库放置在App_Data的文件夹中？”，此时单击【是】按钮即可。只有当数据库放在该目录下时，数据库才能自动成为网站的共享文件。第四章 总体设计4.1主题设计主题及皮肤文件的创建方法：（1） 右击网站名，选择【添加文件夹】命令，然后选择【主题文件夹】选项，系统将会在应用程序的根目录下自动生成一个专用目录App_Themes，并且在这个专用目录下放置主题文件夹“主题1”。（2） 右击主题文件夹名，在弹出的菜单中选择【外观文件】。（3） 弹出一皮肤文件的框架，文件名为SkinFile.skin。（4） 在皮肤文件下定义控件显示语句如下： （5）应用主题的方法： 4.2站点地图与网站广告站点地图文件是一个XML文件，用来描述网站的逻辑结构。文件后缀名是“.sitemap”。1、创建站点地图与网站广告右击网站，在弹出的快捷菜单中选择【添加新项】命令，然后选择【站点地图】选项，以打开站点地图文件。在站点地图文件中有多个节点（siteMapNode）,每个节点具有3种属性：节点标志、调用网页的url以及内容提示等，具体情况如下： 2、将TreeView结合站点地图进行导航Web TreeView控件利用站点地图进行导航的步骤如下：（1）将TreeView控件和SiteMapDataSource置于窗体中。（2）选择站点地图作为数据源，将自动与Web.sitemap建立连接。3、使用SiteMapPath控件网站路径（SiteMapPath）控件用来显示浏览者当前的位置，它必须与网站地图结合，而且最好放在母板页中，不需要为它编写什么代码，只要应用程序中有写好的站点文件，将SiteMapPath控件拖入窗体时，它就会自动与站点文件结合。4、网站广告网站广告采用XML文件编写，XML是一种可以扩展的标记语言，用来描述层次化的文档。本网站中用到的广告代码如下： images/BANNER01.GIF /Advertise/Advertise.aspx 卓越精品 卓越精品 80 images/BANNER02.GIF /Advertise/Advertise1.aspx 逍遥网 逍遥网 80 4.3用户自定义控件设计用户控件是一种自定义的组合控件，通常有系统提供的可视化控件组合而成。使用用户控件不仅可以减少编写代码的重复劳动，还可以使得多个网页的现实风格一致。用户自定义控件的扩展名为.ascx,代码分离文件的扩展名是.ascx.cs，不能包含、和等HTML语言的标记，可以单独编译，但不能单独运行。1、categories.ascx设计步骤如下：（1）将所需控件拖到页面中，配置SqlDataSource,查询语句为：SELECT Categories.* FROM Categories。（2）编辑GridView控件改变列的显示格式，方法如下：选择GridView控件，右击选择【编辑列】，将弹出“字段”对话框。取消对【自动生成字段】复选框的选择。然后再【选定的字段】列表框中逐个选择字段，并在右边【行为】列表框中分别将DateNavigateUrlFields属性改用categoryid，将DateNavigateUrlFormatString属性改用/productlog.aspx?categoryid=0，将DateTextField属性改用CategoryName，将HeaderText属性改用按商品用途分类。效果如图4.1所示：图4.1 商品分类2、search.ascx设计步骤如下：将所需控件拖到页面中（如图4.2所示），在“查询”按钮下输入如下代码：protected void Button1_Click(object sender, EventArgs e) Response.Redirect(/search.aspx?id= + TextBox1.Text);图4.2 模糊查询3、用户自定义控件的应用直接将定义好的控件拖动到所需页面即可，如需改变网页的显示界面，只需要修改用户控件本身，经过编译后，所有网页中的用户控件都会自动跟随变化。4.4母板页设计MasterPage.master设计（1）右击网站名，选择【添加新项】在弹出的对话框中选择【母板页】，并使用“MasterPage.maste”默认名。（2）选择【布局】菜单中的【插入表】命令，对母板页进行布局。（3）MasterPage2.master、MasterPage3.master设计同上。4.5浏览页面1、添加新页面ProductLog.aspx，将所需控件拖入到页面中。2、配置数据源SELECT Products.*, CategoryID AS Expr1 FROM Products WHERE (CategoryID = CategoryID)刷新参数，参数源为QurryString，QurryStringFiled为CategoryID。3、为GridView1选择数据源，编辑列，然后启用分页、排序。效果如下图4.3所示：图4.3 商品浏览4、实现代码如下：protectedvoidGridView1_RowCommand(objectsender,GridViewCommandEventArg) DataTable Cart = new DataTable(); if (e.CommandName = select) if (!(User.Identity.IsAuthenticated) Response.Redirect(/login.aspx); if (SessionShoppingCart = null) Cart.Columns.Add(商品编号, typeof(int); Cart.Columns.Add(商品名称, typeof(string); Cart.Columns.Add(单价, typeof(double); SessionShoppingCart = Cart; Cart = (DataTable)SessionShoppingCart; int index = Convert.ToInt32(e.CommandArgument); GridViewRow row = GridView1.Rowsindex; string bhText = row.Cells1.Text; string mcText = row.Cells2.Text; string djText = row.Cells4.Text; int bh = Convert.ToInt32(bhText); double dj = Convert.ToDouble(djText); DataRow rr = Cart.NewRow(); rr商品编号 = bh; rr商品名称 = mcText; rr单价 = dj; Cart.Rows.Add(rr); SessionShoppingCart = Cart; protectedvoidGridView1_RowDataBound(objectsender,GridViewRowEventArgse) if(e.Row.RowType=DataControlRowType.DataRow&e.Row.RowIndex != -1) (HyperLink)e.Row.FindControl(HyperLink1).Attributes.Add(onclick,window.open(DisplayProduct.aspx?productid=+this.GridView1.DataKeyse.Row.RowIndex.Value.ToString() + ,width=500,height=370,top=250,left=250););4.6购物车设计4.6.1购物车1、添加新页面shoppingcart.aspx，将所需控件拖入到页面中。效果如下图4.4所示：图4.4 购物车的窗体界面2、实现代码如下：protected void Page_Load(object sender, EventArgs e) if (!Page.IsPostBack) GridView1.DataSource = SessionShoppingCart; GridView1.DataBind(); Validate(); protectedvoidGridView1_RowCommand(objectsender,GridViewCommandEventArg) DataTable Cart = new DataTable(); if (e.CommandName = buy) if (SessionShoppingCart2 = null) Cart.Columns.Add(商品编号, typeof(int); Cart.Columns.Add(商品名称, typeof(string); Cart.Columns.Add(单价, typeof(double); Cart.Columns.Add(订购数量, typeof(int); Cart.Columns.Add(合计, typeof(double); SessionShoppingCart2 = Cart; Cart = (DataTable)SessionShoppingCart2; Sessionkhbj = TextBox2.Text; int index = Convert.ToInt32(e.CommandArgument); GridViewRow row = GridView1.Rowsindex; TextBox tt = (TextBox)row.Cells1.FindControl(TextBox1); string dgl = tt.Text; int dg = int.Parse(dgl); if (dg = 1) dg = 1; string bhText = row.Cells2.Text; string mcText = row.Cells3.Text; string djText = row.Cells4.Text; int bh = Convert.ToInt32(bhText); double dj = Convert.ToDouble(djText); DataRow rr = Cart.NewRow(); rr商品编号 = bh; rr商品名称 = mcText; rr单价 = dj; rr订购数量 = dg; double hj = dj * dg; rr合计 = hj; Cart.Rows.Add(rr); SessionShoppingCart2 = Cart; 4.6.2结账1、添加新页面ProductCheck.aspx，将所需控件拖入到页面中。效果如下图4.5所示：图4.5结账的界面2、实现代码如下：protected void Page_Load(object sender, EventArgs e) if (!Page.IsPostBack) Label2.Text = Sessionkhbj.ToString(); GridView1.DataSource = SessionShoppingCart2; GridView1.DataBind(); protected void Button1_Click(object sender, EventArgs e) double sum = 0; for (int i = 0; i GridView1.Rows.Count; i+) CheckBox cc = (CheckBox)GridView1.Rowsi.Cells0.FindControl(CheckBox1); if (cc.Checked) sum = sum + (double.Parse(GridView1.Rowsi.Cells5.Text); TextBox2.Text = string.Format(0:C, sum); protected void Button2_Click(object sender, EventArgs e) for (int i = 0; i GridView1.Rows.Count; i+) CheckBox cc = (CheckBox)GridView1.Rowsi.Cells0.FindControl(CheckBox1); if (cc.Checked) SqlDataSource1.InsertParameters.Clear(); SqlDataSource1.InsertParameters.Add(客户ID, Sessionkhbj.ToString(); SqlDataSource1.InsertParameters.Add(产ID,GridView1.Rowsi.Cells1.Text); SqlDataSource1.InsertParameters.Add(产品,GridView1.Rowsi.Cells2.Text); SqlDataSource1.InsertParameters.Add(单价,GridView1.Rowsi.Cells3.Text); SqlDataSource1.InsertParameters.Add(订购,GridView1.Rowsi.Cells4.Text); SqlDataSource1.InsertParameters.Add(订购时间, DateTime.Now.ToString(); SqlDataSource1.InsertCommand = StoredProcedure1; Sessionccsj = DateTime.Now.ToString(); SqlDataSource1.Insert(); 4.6.3订单1、添加新页面OrderHistory.aspx，将所需控件拖入到页面中。效果如下图4.6所示：图4.6 显示订单2、配置数据源DELETE FROM 订单表 WHERE (订单ID = 订单ID)。4.7新品推荐1、添加新页面NewProduct.aspx，将所需控件拖入到页面中。2、配置数据源SELECT TOP (6) ProductID, CategoryID, ProductName, ProductImage, UnitCost, Description FROM Products ORDER BY ProductID DESC3、编辑DataList控件：（1）选择DataList控件，右击选择【编辑模板】，进入模板编辑模式。（2）编辑模板，将所需控件拖到模板中。（3）绑定字段，选择HyperLink控件，右击选择【编辑DataBindings】,在弹出的窗口中将“ImageUrl”属性绑定在“productimage”字段上，代码表达式为：Eval(productimage)，将“NavigateUrl”属性绑定在“displayproduct2.aspx”页面，代码表达式为：Eval(ProductID, /displayproduct2.aspx?productid=0)。同理将另外两个Label控件的“Text”属性绑定在“ProductName”字段和“UnitCost”字段上，代码表达式分别为：Eval(ProductName)和Eval(UnitCost)。（4）结束模板编辑。将DataList控件的DataKeyField属性改为ProductID。效果如下图4.7所示：图4.7 新品推荐4.8详细介绍1、添加新页面Displayproduct2.aspx，将所需控件拖入到页面中。2、配置数据源SqlDataSource1的数据源：SELECT ProductName, ProductImage, UnitCost, Description, ProductID FROM Products WHERE (ProductID = ProductID)刷新参数，参数源选择QueryString，QueryStringField选择ProductID。SqlDataSource2的数据源INSERT INTO reviews(ProductID, Name, Email, rating, Comments, PostDate) VALUES (ProductID, Name, Email, rating, Comments, PostDate)刷新参数，ProductID参数源选择QueryString，QueryStringField选择ProductID，Name参数源选择Control, ControlID选择 TextBox1,Email参数源选择Control, ControlID选择 TextBox2, rating参数源选择Control, ControlID选择 DropDownLlist1, Comments参数源选择Control, ControlID选择 TextBox3。3、编辑DataList控件：（1）选择DataList控件，右击选择【编辑模板】，进入模板编辑模式。（2）编辑模板，将所需控件拖到模板中。（3）绑定字段，选择Image控件，右击选择【编辑DataBindings】,在弹出的窗口中将“ImageUrl”属性绑定在“productimage”字段上，代码表达式为：Eval(productimage)，同理将另外两个Label控件的“Text”属性绑定在“description”，代码表达式分别为：Eval(description)（4）结束模板编辑。效果如下图4.8所示：图4.8 详细介绍4、评价代码如下：protected void Button2_Click(object sender, EventArgs e) SqlDataSource2.InsertParameters5.DefaultValue = DateTime.Now.ToString(); SqlDataSource2.Insert(); TextBox1.Text = ; TextBox2.Text = ; DropDownList1.Text = 请选择; TextBox3.Text = ; protected void Bu