网站课程设计报告-青青草鲜花销售网设计报告.doc

青青草鲜花销售网设计报告（用户界面模块、管理员界面模块及公共模块）1 摘要随着社会的发展、科技的进步、互联网的高速发展，计算机在各个领域中都得到了广泛的应用。当今社会已经步入了数字化时代。计算机正在潜移默化的改变着我们的生活。2011年1月19日，中国互联网络信息中心(cnnic)发布了第27次中国互联网络发展状况统计报告显示，截至2010年12月底，我国网民规模达到4.57亿。不仅如此，另外伴随着近年来3g网络的实现，越来越多的人开始使用手机上网，这使得中国网民进一步增长。无处不在的互联网给人们的生活带来了享不尽的便利。可以毫不犹豫的说，互联网已经成了人们生活中的另一个世界，今天的人们已经离不开互联网。网络服务商们看重了这个开阔的市场，纷纷推出自己的服务，于是电子商务成了为新时代、新经济的代名词。能在internet上实现商品的展示、商品的检索、商品的预订、订单的全程跟踪与管理、贷款的支付的系统成为网上购物系统。网上购物系统是一种具有交互功能的商业信息系统，它在网络上建立一个虚拟的购物商场，使购物变得快捷、方便。它利用windows+iis作为发布平台。利用三层结构技术，即表示层、商业逻辑层、数据服务层。这三层被分割成三个相对独立的单元。表示层负责与用户交互，并把相应的请求通过调用中间层的组件传递给商业逻辑层；商业逻辑曾得组件执行具体的事务逻辑，通过sql等方式向第三层的组件提出数据或其他资源请求。表示层在客户端的应用浏览器中运行，数据访问也在专用的数据库服务器上运行。采用三层结构技术能够很好的解决网站的可扩展性、安全性、管理性等关键问题。使顾客可以享受方便、快捷、安全可靠的网上购物的乐趣。实现了商业贸易的电子化。青青草鲜花销售网站系统就是一个立足于网络，以各类鲜花为商品的转呀网上购物网站，网上购物为亲人朋友送去一片心意已经成为一种时尚潮流。网上购物店为大众开辟了更加方便的大门，快捷方便，为大众所爱，不管是青年朋友还是老年朋友，都已经喜欢上了这种新型的购物模式。青青草鲜花销售网就是为实现用户通过上网，对各种鲜花产品信息的浏览、检索。本网站能够较好的满足网上鲜花产品店的客户基本要求，具有较高的实用价值。2 网站建设前的市场分析随着人们生活水平的不断进步，生活质量的不断提高，对生活的追求也越来越高。鲜花已经成为人们生活当中不可或缺的重要组成。花卉消费近些年来呈现越来越旺的趋势。除了花卉本身所具有的俏丽姿容，能让人们赏心悦目，美化家居外，还可以开发人们的想象力，使人们在互相交流时更加含蓄，更有品味。目前，送花已经成为一种时尚，过生日或看朋友的时候大家都喜欢带上一束鲜花，当某些人无法按时会见朋友时，会委托花店为指定的某个地址的先生或女士送上一束可人的鲜花，送不同的鲜花还有不同的表达意义。调查显示，中国的鲜花消费群体的分布可以形象的用三角形来表示。三角形的顶端是高消费群体，这类群体对花艺的要求很高，比如星级酒店花艺、高消费人群的礼品用花（花束价格超过500元每束）等，其比例约占整个鲜花消费的10%；中间部分是中高端消费群，其鲜花主要用于中高端礼品、团购（价格在100到500元之间），约占整个鲜花消费的10%20%；而三角形的最地段是中低端群体，约占整个鲜花消费的70%80%，其鲜花用途主要为低端 礼品用花（少于100元每束），包括开业花篮、会场布置、葬礼花圈、家庭用花、部分婚礼用花等。从上述调查来看，中国的鲜花消费群体主要集中在中低端群体。由于鲜花市场需求相对较大，现在网络上鲜花在线预订系统也非常多。青青草网站设计之初主要是为客户带来便捷服务，主要面对中低端消费群体这部分。这部分人群主要以青年学生为主，送老师，送亲人，送女朋友等等。这样看来，网站消费群体相对稳定，因为青年学生追求时尚，相对大方，虽然每次消费不算高，但消费次数却相对频繁。鲜花预订系统为用户提供了方便的网络平台，用户可以在与花店没有任何实际交往中通过网络预订到自己喜欢的各种鲜花，并且还可以发表一些帖子，对各种鲜花进行评论，给别的用户带来便利。预订时用户通过订单将自己需要的鲜花种类、数量、送货地址和付费方式表达清楚，花店根据收到的订单信息想用户提供鲜花非送服务。这种新型的鲜花购买模式给用户带来无尽的便利与快捷，必将成为鲜花销售业的领军人，用户也将越来越喜欢这种模式，从而带动更多的人加入到这种购买鲜花模式中来。省钱，省力，省时间，必将走在时代的前沿。3 建设网站的目的及功能定位青青草鲜花销售网设计之初主要是为用户带来便捷服务，主要针对中低端消费人群。当今时代，人们忙于工作，各种应酬，去花店选花的时间则相对严重不足。而鲜花又是各种场合必不可少的，所以青青草鲜花销售网设计满足这类人群需要，你只需打开网页，看到自己所喜欢的鲜花，点击鼠标，我们就将鲜花给您送来或是送到指定的人手中，这无疑是节约了您的时间和精力。再者，青青草鲜花销售网上所售鲜花先对便宜，满足了广大学生朋友的需求。不需要花大手笔，就可以买到满意的鲜花，制造浪漫的气氛，带来无尽的惊喜。青青草鲜花销售网前台为普通用户提供了预订和查询等功能，在后台为网站花店管理员提供了对网站系统平台的管理功能。在前台为用户提供的功能包括自己的个人信息管理（包括个人用户账号、账号密码、电话和通讯地址等等）、用户订单管理、购物车管理、和系统鲜花查找等功能；在后台为网站管理员提供了包括前台用户管理、鲜花信息管理（添加鲜花信息）、前台用户订单管理、信息查找功能和退出功能。青青草鲜花销售网站设计简洁，但功能包括齐全，用户操作简单，方便快捷。4 网站的技术解决方案本次设计主要使用了asp作为开发工具，使用sql完成数据库设计，用c#完成代码编写。下面将对开发工具做简要的说明。4.1.asp简介asp是active server pages的缩写，是microsoft公司开发的web服务器端脚本开发环境，利用它可以生成动态、高效的web应用程序。虽然人们习惯于将asp称为asp语言，但从严格意义上讲，asp只是为vb script和javascript等脚本语言提供了一个运行环境，使开发人员可以在html代码中使用脚本语言编写程序。一个asp文件相当于一个可执行文件，因此必须放在web服务器上有可执行权限的目录下。当浏览器向web服务器请求调用asp文件时，就启动了asp。web服务器开始调用asp。将被请求的文件从头读到尾，执行每一个命令，然后动态生成一个html页面并送到浏览器。由于asp在服务器端解释执行，开发者可以不必考虑浏览器是否支持asp，也不用担心程序会被从客户端下载。4.2.sql sever 简介数据库设计采用sql server 完成。sql即结构化查询语言，是一种数据库查询和程序设计语言，用于存取数据以及查询、更新和管理关系数据库系统。sql是高级的非过程化的编程语言，允许用户在高层数据结构上工作。它不要求用户指定数据的存放方法，也不需要用户了解具体的数据存放方式，所以具有完全不同底层结构的不同数据库，可以使用相同的sql语言作为数据输入与管理的接口。sql语言结构简洁，功能强大，简单易学，自从ibm公司1981年推出以来，sql语言得到广泛的应用。web数据库通常只在互联网中以web查询接口方式访问的数据库资源，其结构是后台数据库管理系统存储数据信息，对外提供包含表单的web页面作为访问接口，查询结构也可以包含数据列表的web页面形式返回给用户。web数据库集成的主要目的是为用户提供多个web数据库资源的统一访问方式。现有的web数据库集成方式可以分为：数据供应模式、数据收集模式和元搜索模式。在此方面，sql都能很好的发挥其功能，完成web数据库的需要。鉴于sql的语言体系，以及相关功能，sql理当成为web数据库设计实施的首选。4.3.c#简介青青草鲜花销售网站开发语言采用面向对象的结构化程序语言c#。c#(c sharp)是微软(microsoft)为.net framework量身订做的程序语言，c#拥有c/c+的强大功能以及visual basic简易使用的特性，是第一个组件导向(component-oriented)的程序语言，和c+与java一样亦为对象导向(object-oriented)程序语言。同时，c#的面向对象技术已经成熟，且效率比较高，是唯一为.net framework设计的语言，是在移植到其他操作系统上的.net版本中使用的主要语言。而且c#采用一种更清晰的新语法来描述面向对象的多态性，完全兼容.net平台的其他编程语言，可以用来开发.net平台的所有应用程序类型。c#一经推出，就以其强大的操作能力、一流的面向对象编程支持、优雅的语言风格、高效的程序性能、与.net framework 的无缝集成等特性，伸手广大程序员的追宠，尤其是web应用和asp.net技术的普及化，使其成为internet应用开发的首选编程语言。5 网站内容规划 青青草鲜花销售网站首先展现给用户的st_default.aspx页面，此页面主要由两个框架构成。核心部分是st_main.aspx页面，通过该页面调用验证系统对用户类型进行判断。如果判断是管理员，则展现给用户的为管理员页面（admin为管理员账号）；如果是一般用户，则为一般用户界面。同时在st_main.aspx页面中海为用户提供了注册功能。st_flowermanage 鲜花管理st_manageorder 订单管理 st_ manageuser 用户管理st_ search 查找管理st_mainst_default.aspx 首页st_registerst_addtocartst_showuserordersst_addtotempstore 注册 用户订单 购物车 收藏青青草鲜花销售网站操作流程青青草鲜花销售网站采用两层架构，每个页面均可以通过web展示层直接对数据库进行访问，不使用中间业务逻辑以及与数据库连接的接口。数据库是本系统的最底层，数据访问层建立在数据库之上，web展示层通过数据访问层访问数据库。数据访问成封装了数据库中的选择、添加、更新、删除操作，同时还web展示层提供了访问数据库的接口还函数。web展示层数据库访问模块数据库两层结构模式web层是系统的最高层，向用户展示各种页面，用户通过页面对系统进行操作，并实现用户各种操作信息的添加、修改和删除。与数据库直接关联，其数据访问模块封装了对数据库的所有操作，包括数据的添加、修改、删除和查询。数据库用来存储青青草鲜花销售网站所有数据，如各种鲜花信息、用户信息、订单信息等，是系统必不可少的一个重要部分。管理员界面系统功能模块图管理员登陆系统管理订单查找用户管理鲜花管理删除鲜花删除用户修改用户查看用户查找鲜花查看订单添加鲜花鲜花种类查看鲜花一般用户管理一般用户登陆提交修改数量收藏购物车管理查找订单管理删除收藏信息查看收藏信息清空购物车查看连锁店查看订单信息一般用户界面系统功能模块图6 系统特点和各功能模块功能简解（用户界面、管理员界面及公共模块）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调用的系统模块进行验证。登陆界面界面设计有显示让用户登录信息的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, system.eventargs e)sessionusername = null;sessionuserid = 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();base.oninit(e);/ / required method for designer support - do not modify/ the contents of this method with the code editor./ private void initializecomponent() #endregion因为用户登录时将其信息保存在了session中，所以在注销时，需要按代码第46行的写法将用户注销，注销后将返回到st_main.aspx。 6.1.3注册 注册是用户通过登陆框旁边的“注册”来进入st_register.aspx页面，即注册页面进行注册。注册界面6.2 管理员界面 管理员界面： 6.2.1用户管理在管理员页面中单击“用户管理”超链接即可进入用户管理页面st_manageuser.aspx。用户管理界面这里用到的gridview控件用来向用户展示已有的信息，同时提供删除用户信息的操作。从页面显示的效果可以看出，gridview的第一列显示了多个复选框。在模板中其实只有2个checkbox，一个表示全选；一个是普通选择，这个普通的放在模板中，会自动随数据的行数创建等量的复选框。用户信息后台页面st_manageuser.aspx.cs主要实现了查看和删除用户的功能，通过bind（）方法来实现从数据库中获取用户数量和用户信息填充gridview控件，单击gridview控件中的删除按钮时，将删除所要删除的信息。正如以上提到，gridview控件使用的是复选框，删除用户时可以选择多条记录。6.2.2鲜花管理在管理员界面中点击“鲜花管理”直接进入st_flowermanage.aspx。此页面用了一个gridview控件，3个超链接以及一个literal控件。gridview控件用来向用户展示已经有的鲜花信息，同时提供删除鲜花的操作；3个超链接分别用来添加鲜花、添加鲜花种类和退出；literal控件用来显示操作成功与否。鲜花管理界面其中查看和删除鲜花的功能是通过后台页面st_flowermanage.aspx来实现的，并且提供了添加鲜花、添加鲜花种类和退出的入口。page_load在页面加载时运行，其中初始化一些viewstate，并通过st_gridbind()方法将数据显示出来。page_load的代码：protected void page_load(object sender, system.eventargs e)if (!(this.ispostback)tryviewstatesort=;viewstatepage=0;st_gridbind();catch (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_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(requestorderid.tostring();st_ds.tables0.defaultview.sort = viewstatesort.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）可以通过“查找”超链接进入:查找界面此页面用了一个文本框，一个下拉列表框和两个按钮。文本框用来输入鲜花名称，下拉列表框用来显示鲜花类型，按钮用来提交和重填。找到鲜花后的界面如下图：查找到的鲜花管理员或者用户希望用其他身份登陆时则可以点击右上角的“退出”进入主页重新登录。 6.3一般用户界面一般用户界面： 6.3.1购物车在一般用户主界面中单击“购物车”超链接，即可进入st_addtocart.aspx页面：购物车此页面用了一个gridview控件（展示购物车中的信息），两个按钮（分别用来清空购物车和提交信息）以及一个显示提示的literal控件。以下是加载购物车信息的代码：private void st_bindgrid()datatable st_mydt;datarow st_mydr;string st_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 datacolumn(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.cookiesshopflowercart,null) httpcookie cookie=request.cookiesshopflowercart;for(int i=0;icookie.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);st_mydr0=st_id;st_mydr1=st_tempdrst_name;st_mydr2=st_tempdrst_price.tostring();st_mydr3=cookie.valuesi;st_mydr4=st_tempdrst_discount.tostring();st_totle=double.parse(st_mydr2.tostring()*double.parse(st_mydr3.tostring();st_totle*=double.parse(st_mydr4.tostring();st_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我的订单通过用户主界面中单击“我的订单”超链接即可进入st_showuserorders.aspx页面：您的订单此页面用了一个gridview控件（展示个人订单的基本信息）和两个标签（提示用户）。在用户查看订单时，可以根据订单号导航到那张订单。实现个人订单查看的代码：protected void page_load(object sender, system.eventargs e)if(!page.ispostback)if(object.equals(sessionusername,null)response.redirect(st_error.aspx);elseviewstatesort = ;tryst_bind();catch(exception ex)st_showmsg(ex.message,1);初始化页面的事件只是判断当前用户是否登陆，st_bind()绑定gridview的数据。 6.3.4查找及退出查找及退出功能在管理员模块和用户模块的功能是完全一样的，这里就不多说了。7网页设用户管理计网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。所以网页设计在网站建设中是相当重要的。页面是网站用户与网站接触的直接媒体，一个好的，漂亮的界面更有利于吸引用户眼球，引起用户注意力，制造一个好的口碑，从而招来更多的用户。web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出，要点明确，网站设计应按照用户的需求，以简单明确的语言和画面体现站点的主题；调动一切手段充分表现网站点的个性和情趣，办出网站的特点。青青草鲜花销售网站，页面风格简洁明了，没有做过多的渲染，但给人以一种清新超凡的感觉。各种色彩搭配清新，主题明了，虚实结合，结构清晰并且便于使用，以及清晰的导航设计，都将成为用户的焦点，必将赢得用的一致好评。8设计实现过程2. 通过需求分析确定系统应具备的功能，鲜花管理，用户信息管理，评论管理等。3数据表