网站设计目的

1、青青草鲜花销售网设计报告1 建设网站的目的及功能定位青青草鲜花销售网设计之初主要是为用户带来便捷服务，主要针对中低端消费人群。当今时代，人们忙于工作，各种应酬，去花店选花的时间则相对严重不足。而鲜花又是各种场合必不可少的，所以青青草鲜花销售网设计满足这类人群需要，你只需打开网页，看到自己所喜欢的鲜花，点击鼠标，我们就将鲜花给您送来或是送到指定的人手中，这无疑是节约了您的时间和精力。再者，青青草鲜花销售网上所售鲜花先对便宜，满足了广大学生朋友的需求。不需要花大手笔，就可以买到满意的鲜花，制造浪漫的气氛，带来无尽的惊喜。青青草鲜花销售网前台为普通用户提供了预订和查询等功能，在后台为网站花店管理员提

2、供了对网站系统平台的管理功能。在前台为用户提供的功能包括自己的个人信息管理（包括个人用户账号、账号密码、电话和通讯地址等等）、用户订单管理、购物车管理、和系统鲜花查找等功能；在后台为网站管理员提供了包括前台用户管理、鲜花信息管理（添加鲜花信息）、前台用户订单管理、信息查找功能和退出功能。青青草鲜花销售网站设计简洁，但功能包括齐全，用户操作简单，方便快捷。2 网站的技术解决方案本次设计主要使用了ASP作为开发工具，使用SQL完成数据库设计，用C#完成代码编写。下面将对开发工具做简要的说明。4.1.ASP简介ASP是Active Server Pages的缩写，是Microsoft公司开发的Web

3、服务器端脚本开发环境，利用它可以生成动态、高效的Web应用程序。虽然人们习惯于将ASP称为ASP语言，但从严格意义上讲，ASP只是为VB Script和JavaScript等脚本语言提供了一个运行环境，使开发人员可以在HTML代码中使用脚本语言编写程序。一个ASP文件相当于一个可执行文件，因此必须放在Web服务器上有可执行权限的目录下。当浏览器向Web服务器请求调用ASP文件时，就启动了ASP。Web服务器开始调用ASP。将被请求的文件从头读到尾，执行每一个命令，然后动态生成一个HTML页面并送到浏览器。由于ASP在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP，也不用担心程序会被从

4、客户端下载。4.2.SQL sever 简介数据库设计采用SQL Server 完成。SQL即结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。SQL是高级的非过程化的编程语言，允许用户在高层数据结构上工作。它不要求用户指定数据的存放方法，也不需要用户了解具体的数据存放方式，所以具有完全不同底层结构的不同数据库，可以使用相同的SQL语言作为数据输入与管理的接口。SQL语言结构简洁，功能强大，简单易学，自从IBM公司1981年推出以来，SQL语言得到广泛的应用。Web数据库通常只在互联网中以Web查询接口方式访问的数据库资源，其结构是后台数据库管理系

5、统存储数据信息，对外提供包含表单的Web页面作为访问接口，查询结构也可以包含数据列表的Web页面形式返回给用户。Web数据库集成的主要目的是为用户提供多个Web数据库资源的统一访问方式。现有的Web数据库集成方式可以分为：数据供应模式、数据收集模式和元搜索模式。在此方面，SQL都能很好的发挥其功能，完成Web数据库的需要。鉴于SQL的语言体系，以及相关功能，SQL理当成为Web数据库设计实施的首选。4.3.c#简介青青草鲜花销售网站开发语言采用面向对象的结构化程序语言C#。C#(C Sharp)是微软(Microsoft)为.NET Framework量身订做的程序语言，C#拥有C/C+的强大

6、功能以及Visual Basic简易使用的特性，是第一个组件导向(Component-oriented)的程序语言，和C+与Java一样亦为对象导向(object-oriented)程序语言。同时，C#的面向对象技术已经成熟，且效率比较高，是唯一为.NET framework设计的语言，是在移植到其他操作系统上的.NET版本中使用的主要语言。而且C#采用一种更清晰的新语法来描述面向对象的多态性，完全兼容.NET平台的其他编程语言，可以用来开发.NET平台的所有应用程序类型。C#一经推出，就以其强大的操作能力、一流的面向对象编程支持、优雅的语言风格、高效的程序性能、与.NET Framework

7、 的无缝集成等特性，伸手广大程序员的追宠，尤其是Web应用和ASP.NET技术的普及化，使其成为Internet应用开发的首选编程语言。3 网站内容规划 青青草鲜花销售网站首先展现给用户的ST_Default.aspx页面，此页面主要由两个框架构成。核心部分是ST_Main.aspx页面，通过该页面调用验证系统对用户类型进行判断。如果判断是管理员，则展现给用户的为管理员页面（admin为管理员账号）；如果是一般用户，则为一般用户界面。同时在ST_Main.aspx页面中海为用户提供了注册功能。ST_FlowerManage 鲜花管理ST_ManageOrder 订单管理 ST_ ManageU

8、ser 用户管理ST_ Search 查找管理ST_MainST_Default.aspx 首页ST_RegisterST_AddTocartST_ShowUserOrdersST_AddToTempStore 注册 用户订单 购物车 收藏青青草鲜花销售网站操作流程青青草鲜花销售网站采用两层架构，每个页面均可以通过Web展示层直接对数据库进行访问，不使用中间业务逻辑以及与数据库连接的接口。数据库是本系统的最底层，数据访问层建立在数据库之上，Web展示层通过数据访问层访问数据库。数据访问成封装了数据库中的选择、添加、更新、删除操作，同时还Web展示层提供了访问数据库的接口还函数。Web展示层数据

9、库访问模块数据库两层结构模式Web层是系统的最高层，向用户展示各种页面，用户通过页面对系统进行操作，并实现用户各种操作信息的添加、修改和删除。与数据库直接关联，其数据访问模块封装了对数据库的所有操作，包括数据的添加、修改、删除和查询。数据库用来存储青青草鲜花销售网站所有数据，如各种鲜花信息、用户信息、订单信息等，是系统必不可少的一个重要部分。管理员界面系统功能模块图管理员登陆系统管理订单查找用户管理鲜花管理删除鲜花删除用户修改用户查看用户查找鲜花查看订单添加鲜花鲜花种类查看鲜花一般用户管理一般用户登陆提交修改数量收藏购物车管理查找订单管理删除收藏信息查看收藏信息清空购物车查看连锁店查看订单信息

10、一般用户界面系统功能模块图4 系统特点和各功能模块功能简解（用户界面、管理员界面及公共模块）6.1公共模块的编写主页面： 6.1.1登录系统整个登录系统的关键在于ST_Left.aspx页面，此页面用到了两个panel控件，在第一个panel控件中包含了一个3行2列的表。表中用了2个文本框，一个用于输入用户名，另一个用于输入密码；还用了一个按钮和一个超链接。超链接用来链接注册页面（ST_Register.aspx）。ST_Left.aspx页面中还有2个gridview控件，分别用于显示鲜花类型和鲜花排行（前10），本页面获得信息通过ST_Left.aspx.cs调用的系统模块进行验证。登陆界

11、面界面设计有显示让用户登录信息的panel和没有登录时不显示，只有登录后显示其访问次数和最近访问时间的panel。最后还包括两个hyperlink超链接，允许用户修改个人信息。6.1.2注销登录注销用户登录是由ST_Logout.aspx和ST_Logout.aspx.cs来实现的，由于界面没有任何元素，所以这里列出部分代码及解释。主要代码:namespace ST_GROUP.FlowerPrearrangepublic partial class ST_Logout : System.Web.UI.Pageprotected void Page_Load(object sender, Sy

12、stem.EventArgs e)Session"UserName" = null;Session"UserID" = null;Response.Redirect("ST_Main.aspx");#region Web Form Designer generated codeoverride protected void OnInit(EventArgs e)/ CODEGEN: This call is required by the ASP.NET Web Form Designer./InitializeComponent()

13、;base.OnInit(e);/ <summary>/ Required method for Designer support - do not modify/ the contents of this method with the code editor./ </summary>private void InitializeComponent() #endregion因为用户登录时将其信息保存在了session中，所以在注销时，需要按代码第46行的写法将用户注销，注销后将返回到ST_Main.aspx。 6.1.3注册 注册是用户通过登陆框旁边的“注册”来进入S

14、T_Register.aspx页面，即注册页面进行注册。注册界面6.2 管理员界面 管理员界面： 6.2.1用户管理在管理员页面中单击“用户管理”超链接即可进入用户管理页面ST_ManageUser.aspx。用户管理界面这里用到的gridview控件用来向用户展示已有的信息，同时提供删除用户信息的操作。从页面显示的效果可以看出，gridview的第一列显示了多个复选框。在模板中其实只有2个checkbox，一个表示全选；一个是普通选择，这个普通的放在模板中，会自动随数据的行数创建等量的复选框。用户信息后台页面ST_ManageUser.aspx.cs主要实现了查看和删除用户的功能，通过bin

15、d（）方法来实现从数据库中获取用户数量和用户信息填充gridview控件，单击gridview控件中的删除按钮时，将删除所要删除的信息。正如以上提到，gridview控件使用的是复选框，删除用户时可以选择多条记录。6.2.2鲜花管理在管理员界面中点击“鲜花管理”直接进入ST_FlowerManage.aspx。此页面用了一个gridview控件，3个超链接以及一个Literal控件。Gridview控件用来向用户展示已经有的鲜花信息，同时提供删除鲜花的操作；3个超链接分别用来添加鲜花、添加鲜花种类和退出；Literal控件用来显示操作成功与否。鲜花管理界面其中查看和删除鲜花的功能是通过后台页面

16、ST_FlowerManage.aspx来实现的，并且提供了添加鲜花、添加鲜花种类和退出的入口。Page_Load在页面加载时运行，其中初始化一些ViewState，并通过ST_GridBind()方法将数据显示出来。Page_Load的代码：protected void Page_Load(object sender, System.EventArgs e)if (!(this.IsPostBack)tryViewState"Sort"=""ViewState"Page"="0"ST_GridBind();cat

17、ch (Exception er)ST_ShowErrMsg(er.Message);ErrorMsg.Visible =false;而ST_GridBind()方法显示数据实际上是调用了ST_MyFlower类的Get_Flower()方法从数据库中读取数据，并绑定到控件上的。“添加鲜花”可以进入到ST_AddFlower.aspx添加鲜花页面：添加鲜花界面鲜花有多种类型，在ST_AddFlower.aspx页面中可以看到有个“鲜花类型”下拉列表框供管理员选择鲜花类型，在初始化时先进行“鲜花类型”下拉列表框的初始化。6.2.3订单管理在管理员界面中单击“订单”超链接，即可进入管理员界面ST_

18、ManageOrder.aspx：订单管理界面这个页面使用了一个gridview控件和一个标签。Gridview控件用来向管理员展示用户的订单信息，同时提供处理订单的操作。事件处理是通过ST_ManageOrder.aspx.cs后台实现，实现方法也是通过调用ST_Bind()方法从数据库获取数据填充gridview控件。ST_Bind()方法代码：private void ST_Bind()tryDataSet ST_ds = ST_GROUP.FlowerPrearrange.ST_Order.ST_GetDetails(int.Parse(Request"orderId&quo

19、t;.ToString();ST_ds.Tables0.DefaultView.Sort = ViewState"Sort".ToString();this.GridView1.DataSource = ST_ds.Tables0.DefaultView;this.GridView1.DataBind();catch(Exception ex)ST_ShowMsg(ex.Message,1); 6.2.4查找和退出信息查找页面（ST_Search.aspx）可以通过“查找”超链接进入:查找界面此页面用了一个文本框，一个下拉列表框和两个按钮。文本框用来输入鲜花名称，下拉列表框

20、用来显示鲜花类型，按钮用来提交和重填。找到鲜花后的界面如下图：查找到的鲜花管理员或者用户希望用其他身份登陆时则可以点击右上角的“退出”进入主页重新登录。 6.3一般用户界面一般用户界面： 6.3.1购物车在一般用户主界面中单击“购物车”超链接，即可进入ST_AddToCart.aspx页面：购物车此页面用了一个gridview控件（展示购物车中的信息），两个按钮（分别用来清空购物车和提交信息）以及一个显示提示的Literal控件。以下是加载购物车信息的代码：private void ST_BindGrid()DataTable ST_myDt;DataRow ST_myDr;string ST

21、_str=""/HttpCookie cookie;ST_myDt=new DataTable();ST_myDt.Columns.Add(new DataColumn("ST_id",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Name",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Price",ST_str.GetType();ST_myDt.Columns.Add(new D

22、ataColumn("ST_Number",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Discount",ST_str.GetType();ST_myDt.Columns.Add(new DataColumn("ST_Totle",ST_str.GetType();if(!Object.Equals(Request.Cookies"ShopFlowerCart",null) HttpCookie cookie=Request.Cookies&qu

23、ot;ShopFlowerCart"for(int i=0;i<cookie.Values.Count;i+) int ST_id;DataRow ST_tempDr;double ST_totle;ST_myDr=ST_myDt.NewRow();if(cookie.Values.AllKeysi!="")&&(cookie.Valuesi!="")ST_id=int.Parse(cookie.Values.AllKeysi);ST_tempDr=ST_myFlower.ST_GetFlowerDetail(ST_id)

24、;ST_myDr0=ST_id;ST_myDr1=ST_tempDr"ST_Name"ST_myDr2=ST_tempDr"ST_Price".ToString();ST_myDr3=cookie.Valuesi;ST_myDr4=ST_tempDr"ST_Discount".ToString();ST_totle=double.Parse(ST_myDr2.ToString()*double.Parse(ST_myDr3.ToString();ST_totle*=double.Parse(ST_myDr4.ToString();ST

25、_myDr5=ST_totle.ToString() ;ST_myDt.Rows.Add(ST_myDr);dg_Cart.DataSource=ST_myDt.DefaultView;dg_Cart.DataBind();首先动态创建一个表格，然后设置表格中各行各列的类型，然后判断购物车是否为空，如果不为空，则将缓存的购物车内容添加到动态生成的表格中，然后进行数据绑定。 6.3.2收藏通过主页面的“收藏”超链接进入到收藏页面（ST_AddToTempStore.aspx）：收藏的鲜花此页使用了一个gridview控件（向用户展示收藏的鲜花信息）和一个标签（向用户提供提示信息）。 6.3.3我

26、的订单通过用户主界面中单击“我的订单”超链接即可进入ST_ShowUserOrders.aspx页面：您的订单此页面用了一个gridview控件（展示个人订单的基本信息）和两个标签（提示用户）。在用户查看订单时，可以根据订单号导航到那张订单。实现个人订单查看的代码：protected void Page_Load(object sender, System.EventArgs e)if(!Page.IsPostBack)if(Object.Equals(Session"UserName",null)Response.Redirect("ST_Error.aspx&

27、quot;);elseViewState"Sort" = ""tryST_Bind();catch(Exception ex)ST_ShowMsg(ex.Message,1);初始化页面的事件只是判断当前用户是否登陆，ST_Bind()绑定gridview的数据。 6.3.4查找及退出查找及退出功能在管理员模块和用户模块的功能是完全一样的，这里就不多说了。7网页设用户管理计网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。所以网页设计在网站建设中是

28、相当重要的。页面是网站用户与网站接触的直接媒体，一个好的，漂亮的界面更有利于吸引用户眼球，引起用户注意力，制造一个好的口碑，从而招来更多的用户。Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以

29、下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出，要点明确，网站设计应按照用户的需求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。青青草鲜花销售网站，页面风格简洁明了，没有做过多的渲染，但给人以一种清新超凡的感觉。各种色彩搭配清新，主题明了，虚实结合，结构清晰并且便于使用，以及清晰的导航设计，都将成为用户的焦点，必将赢得用的一致好评。8设计实现过程1. 成员分工：明建波负责数据表建立、数据库连接、主界面模块设计，我负责用户界面模块、管理员界面模块及公共模块设计。2. 通过需求分析确定系统应具备的功能，鲜花管理，用户信息管理，评论管理等。3数据表建立、数据库连接。4. 通过上述准备对网站进行系统进行总体设计和详细设计。5. 使用面向对象程序设计方法和C#语言编写程序，实现系统。6. 使用白盒测试法和黑盒测试法等测试方法对系统进行测试，找出并改正程序中的语法错误以及系统功能上的缺陷。7. 后期宣传及推广。9网站维护与测试首先用白盒测试法对程序及