基于BS结构的网上购买化妆品的系统

1、基于BS结构的网上购买化妆品的系统 摘要 越来越多的人接受了电子商务这种便捷、快速的交易形式,化妆品商城也在其中扮演着重要的角色。首先,我分析了用户的需求,设计一个化妆品商城的功能模块的需求,以及对数据库的需求,然后是建设网上购买化妆品的系统,根据各大模板的需求来规划系统流程,设计系统数据库的逻辑结构,介绍在开发系统过程中所使用的重要开发语言、开发工具、配套插件以及开发平台。最后设计和实现了一个B/S结构的网上购买化妆品的系统,着重论述了系统的功能与实现以及实现功能的方法。包括产品介绍、购物车、下订单、用户评论、会员管理、管理员用户管理商品管理等,使用图文并茂的方式,对整个化妆品销售系统功能模

2、块的实现方法进行阐述和分析。关键词:功能模块; B/S结构; 产品介绍;网上订购;用户评论;化妆品商城 目录一、选题背景31.1课题概述31.2技术背景31.2.1ASP.NET介绍31.2.2开发语言介绍c#51.2.3开发工具: Sql server 200551.2.4开发工具介绍 visual studio 201071.2.5开发工具介绍 IIS81.3小组分工8二、用户需求分析82.1功能需求82.2数据库需求分析9三、概要设计113.1系统流程设计113.2数据库设计12四、详细设计144.1母板页的设计144.2主页展示164.3分类产品展示页面184.4新品展示页面204.5

3、商品详情页面204.6购物车页面214.7下订单页面22五、关键技术235.1 JS特效的使用235.2区分用户身份显示245.3向购物车中添加商品255.4下订单26六、安装与使用说明266.1开发环境266.2运行环境276.3安装说明276.4使用说明276.5注意事项27七、参考资料27八、总结28一、选题背景1.1课题概述 化妆品购物网站项目是基于ASP.NET技术的开发环境中进行,使用SqlServer2005数据库,系统为B/S结构。选择基于ASP.NET和 FLASH的产品展示网站课题,是由于在课堂和课下时间对ASP.NET案例教程的深入学习,及运用ASP.NET平台C#语言开

4、发网站;在开发过程中可充分运用平台上的各种资源和技术包括网页设计、代码编辑、控件、数据访问及网站安全性和个性化配置。实现网站的整体框架完整并着实丰富内容。 之所以选择选择化妆品销售网站,是因为我们小组成员都是女生,也对化妆品有很大的兴趣,目前互联网销售特别火爆,在互联网上销售化妆品的更是数不胜数,而且我们都希望将来拥有自己的化妆品网店。我们这次所做的网站,80%都是上课老师有讲过的,所以我们做起来,也比较轻松。通过这个毕业设计,既复习了我们大学三年所学的知识,也让我们对以前三年学习过的东西进行了一个总结归纳,可以说丰富了我们的知识,又提升了我们的自身的能力。1.2技术背景1.2.1ASP.NE

5、T介绍 ASP.NET 不仅仅是 Active Server Page ASP 的下一个版本;它还提供了一个统一的 Web 开发模型,其中包括开发人员生成企业级 Web 应用程序所需的各种服务。ASP.NET 的语法在很大程度上与 ASP 兼容,同时它还提供一种新的编程模型和结构,可生成伸缩性和稳定性更好的应用程序,并提供更好的安全保护。可以通过在现有 ASP 应用程序中逐渐添加 ASP.NET 功能,随时增强 ASP 应用程序的功能。 ASP.NET 是一个已编译的、基于 .NET 的环境,可以用任何与 .NET 兼容的语言(包括 Visual Basic .NET、C# 和 JScript

6、 .NET.)创作应用程序。另外,任何 ASP.NET 应用程序都可以使用整个 .NET Framework。开发人员可以方便地获得这些技术的优点,其中包括托管的公共语言运行库环境、类型安全、继承等等。 从 ASP.NET 应用程序访问数据库是向 Web 站点访问者显示数据的常用技术。ASP.NET 使得为此目的而对数据库的访问比以往更加方便。它还使您能够从您的代码管理数据库。 ASP.NET 提供一种简单的模型,该模型使 Web 开发人员能够编写在应用程序级运行的逻辑。开发人员可以在 Global.asax 文本文件中或在作为程序集部署的已编译类中编写这种代码。这种逻辑可以包括应用程序级事件

7、,但开发人员可以轻松地扩展这种模型,以适应他们的 Web 应用程序的需要。 ASP.NET 提供易用的应用程序和会话状态功能,它们对于 ASP 开发人员来说是熟悉的,且容易与所有其他 .NET Framework API 兼容。1.2.2开发语言介绍C# 由于C#是一种面向对象的开发语言,所以C#可以大范围的适用于高层商业应用和底层系统的开发。即使是通过简单的C#构造也可以各种组件方便的转变为基于WEB的应用,并且能够通过Internet被各种系统或是其他开发语言所开发的应用调用。1.2.3开发工具: Sql server 2005 在当今的互联世界中,数据和管理数据的系统必须始终为用户可用且

8、能够确保安全。有了 SQL Server 2005,组织内的用户和信息技术 IT 专家将从减少的应用程序停机时间、提高的可伸缩性及性能、更紧密而灵活的安全控制中获益。SQL Server 2005 也包括了许多新的和改进的功能来帮助 IT 工作人员更有效率地工作。SQL Server 2005 包含几个在企业数据管理中关键的增强: SQL Server 2005 使部署、管理和优化企业数据以及分析应用程序变得更简单、更容易。作为一个企业数据管理平台,它提供单一管理控制台,使数据管理员能够在任何地方监视、管 理和调谐企业中所有的数据库和相关的服务。它还提供了一个可以使用 SQL 管理对象轻松编程

9、的可扩展的管理基础结构,使得用户可以定制和扩展他们的管理环境,同时使独立软件供应商 ISV 也能够创建附加的工具和功能来更好地扩展打开即得的能力。SQL Server Management Studio SQL Server 2005 通过提供一个集成的管理控制台来监视和管理 SQL Server 关系数据库、Integration Services、Analysis Services、Reporting Services、Notification Services 以及在数量众多的分布式服务器和数据库上的 SQL Server Mobile Edition,从而简化了管理工作。数据库管理员能

10、够同时执行多个任务,例如,编写和执行查询,查看服务器对象,管理对象,监视系统活动和查看联机帮 助。SQL Server Management Studio 提供了一个开发环境,可在其中使用 Transact-SQL、多维表达式、XML for Analysis 和 SQL Server Mobile Edition 来编写、编辑和管理脚本和存储过程。Management Studio 可以很容易地与源代码控制集成在一起。Management Studio 还包括一些工具可用来调度 SQL Server 代理作业和管理维护计划,以自动执行日常维护和操作任务。管理和脚本编写集成在单一工具中,同时,

11、该工具具有管理所有类型的服务器的能力,为数据库管理员 们提供了更强的生产效率。 SQL Server 2005 开放了 70 多个新的内部数据库性能和资源使用的度量值,涵盖了从内存、锁定到对事务、网络和磁盘 I/O 的调度等。这些动态管理视图 DMV 提供了对数据库和强大的基础结构的更大的透明度和可见性,可以主动监视数据库的状况和性能。SQL 管理对象 SMO 是一个新的可编程对象集,它可实现所有 SQL Server 数据库的管理功能。事实上,Management Studio 就是构建在 SQL 管理对象之上的。SMO 是作为 Microsoft .NET Framework 程序集实现的

12、。您可以使用 SMO 自动执行常见的 SQL Server 管理任务,例如,用编程方式检索配置设置,创建新数据库,应用 Transact-SQL 脚本,创建 SQL Server 代理作业以及调度备份等。SMO 对象模型替代了包含在 SQL Server 早期版本中的分布式管理对象 DMO,因为它更安全可靠并具有更高的可伸缩性。在高可用性技术、额外的备份和恢复功能,以及复制增强上的投资使企业能够构建和部署高可用的应用程序。在高可用性上的创新有:数据库镜像、故障转移群集、数据库快照和增强的联机操作,这有助于最小化停机时间,并确保可以访问关键的企业系统。本节将详细介绍这些增强特性?1.2.4开发工

13、具介绍 visual studio 2010 Visual Studio .NET 是一套完整的开发工具,用于生成 ASP Web 应用程序、XML Web services、桌面应用程序和移动应用程序。Visual Basic .NET、Visual C+ .NET、Visual C# .NET 和 Visual J# .NET 全都使用相同的集成开发环境 IDE,该环境允许它们共享工具并有助于创建混合语言解决方案。另外,这些语言利用了 .NET Framework 的功能,此框架提供对简化 ASP Web 应用程序和 XML Web services 开发的关键技术的访问。1.2.5开发工

14、具介绍 IIS Internet Information Server的缩写为(IIS)是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页,并且有ASP(Active Server Pages)、JAVA、VBscript产生页面,有着一些扩展功能。IIS支持一些有趣的东西,象有编辑环境的界面(FRONTPAGE)、有全文检索功能的(INDEX SERVER)、有多媒体功能的(NET SHOW) 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器,是在Windows

15、NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成,允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet/Intranet站点。1.3小组分工开发小组成员:邓兰平 叶彩仪 张玲 共同完成:数据库的开发本人负责部分:主页展示,分类产品展示页面,新品展示页面,商品详情页面,购物车页面,下订单页面,母板页的设计二、用户需求分析2.1功能需求前台:1 网站首页 2 用户注册、登陆、退出3 用户资料(可编辑)4 分类商品展示页面、新品展示页面5 搜索页面6 商品详情页面(包括用户评论)7 添加购物车

16、8 下订单页面9 结算10 用户订单查询页面后台:11后台管理员登录,注销12 管理普通用户13 管理员用户14 产品管理页面(添加,修改,删除)2.2数据库需求分析 数据安全完整性分析:完整性有用户定义的完整性,参照完整性,实体完整性。具体体现在表中主键约束和外键约束。 数据库设计遵循弱冗余原则,表和每个字段都强调其规范性。系统的SQL SERVER数据库名称为newHua,主要包括7张表,具体是:用户信息表 Account,保存用户资料,包括用户名、地址、电话等;产品分类表 Category,商品分类信息;商品表 Product,具体商品的信息,包括名称,图片,描述等;购物车表 Cart,

17、 保存用户选购的信息,包括用户名,商品名,数量,单价等;订单表 Orders,保存用户订单的具体信息;订单明细表 OrdersLineItem,保存订单的详细信息;评论表Comment,主要是保存用户对商品的评价;三、概要设计3.1系统总体结构3.2数据库设计 根据系统流程和功能设计,本项目设计了如下数据库表: 数据库名称newHua.mdf,本项目使用ASP.NET的成员资格服务实现用户管理、登录和退出等任务,相关信息在ASP.NET配置所生成的数据库表中即数据库ASPNETDB.MDF;表4-1 Account表(用户表)字段名类型说明UsernameVarchar50用户名(PK)Ema

18、ilVarchar50邮箱ImgTouVarchar50用户头像AddressVarchar256街道地址CityVarchar80城市StateVarchar50省份ZipVarchar50邮政编码PhoneVarchar50手机号码CreditCardNumVarchar50信用卡号码IsAdminInt是否为管理员(1为管理,0为普通用户) 表4-2 Cart表(购物车表)字段名类型说明UsernameVarchar50用户名(PK,FK)ProductIdVarchar50产品IDPK,FKProductNameVarchar50产品名称ListPriceDecimal18,2产品单价

19、CategoryIDVarchar50产品分类IDFKQuantityint数量 表4-3 Orders表(订单表)字段名 类型 说明OrderIdInt订单ID(PK,自增)UsernameVarchar50用户名(FK)OrderDatedatetime订购时间 表4-4 OrderLineItem表(订单明细表)字段名类型说明ItemIdint订单明细ID(PK,自增)OrderId int订单ID(FK)ProductIdVarchar50商品ID(FK)ProductNameVarchar50商品名称Quantityint订购数量PriceDecimal18,2商品单价 表4-5 C

20、ategory表(产品分类表)字段名类型说明CategoryIdVarchar50产品分类ID(PK)NameVarchar50分类名称DescnVarchar255分类描述 表4-6 Product表(产品表)字段名类型说明ProductIdVarchar50产品IDPKCategoryIdVarchar50产品分类IDFKProductNameVarchar50产品名称DescnVarchar255产品描述ImageVarchar50产品图片ListPriceDecimal18,2单价NewVarchar50是否为新品(Yes/No)TransportDecimal18,2运输费用Prod

21、uctListsVarchar255商品详情SizeVarchar50产品规格Salesint销量 表4-7 Comment表(用户评论表)字段名类型说明CommentIdint评论编号(pk,自增)UsernameVarchar50用户名(,FK)ProductIdVarchar50产品ID,FKCommentsVarchar256用户评论四、详细设计 我主要负责的任务是:母板页的设计,主页展示,分类产品展示页面,新品展示页面,商品详情页面,购物车页面,下订单页面。下面我就来详细介绍我的思路。4.1母板页的设计 ASP.NET 4.0 提供了母版页功能,大大提高了网站的工作效率,降低了开发和

22、维护强度,为网页结构和内容的复用提供了一种好的机制。在ASP.NET 4.0 中可以将Web应用程序中的公共元素,如网站标志广告条、导航条、版权声明等内容整合到母版页中,本页面的设计正是这些技术的实际应用,页面如下:图4-1 母版页设计思路:因为我在做网站的时候特别喜欢用表格做,我觉得表格整齐,直观,很利于排版,而且不需要CSS样式,就可以排出很好看的样式,对我来说少了很多工作量,而且表格最大的优点就是可以在设计界面直接设计,所以我在做母板页的时候就直接选择用表格来布局。在母版页,我设置了网站的公共元素:导航,Logo,搜索功能,以及方便用户的几个链接,网站页尾的信息。母版页功能:显示当前时间

23、 代码如下:protected void Page_Loadobject sender, EventArgs e /.t "今天是"+ /.tring"yyyy" + "年" + /.tring"MM" + "月" + /.tring"dd" + "日" (2)快速跳转链接,包括:登录,注册,退出,我的帐户,我的订单,购物车,去结算。 代码如下: protected void lkLogin_Clickobject sender, EventArgs e

24、/.irect"/Login.aspx" protected void lkRegister_Clickobject sender, EventArgs e /.irect"/Register.aspx" protected void LinkButton1_Clickobject sender, EventArgs e/购物车页面 if Session"Username" "" | Session"Username" null Response.Redirect"Login.aspx

25、"else Response.Redirect"Cart.aspx" protected void LinkButton2_Clickobject sender, EventArgs e/结算页面 if Session"Username" "" | Session"Username" null Response.Redirect"Login.aspx"else Response.Redirect"OrderSure.aspx" protected void link

26、btnMyHome_Clickobject sender, EventArgs e if Session"Username" "" | Session"Username" null Response.Redirect"Login.aspx"else Response.Redirect"User.aspx" protected void LinkMyOrder_Clickobject sender, EventArgs e if Session"Username" "

27、" | Session"Username" null Response.Redirect"Login.aspx"else Response.Redirect"OrderList.aspx" 4.2主页展示(1)首先,我在首页做了一个轮拨图片,该效果是参考网上的,在网上下载下来直接在页面调用,使整个页面显得生动活泼。它由两个js控制,调用代码如下:script src"js/js1.js" type"text/javascript"ul class"banners"

28、id"banner_img" a href"#"img id"img1" src"img/guanggao1.jpg" a href"#"img id"img1" src"img/guanggao2.jpg" a href"#"img id"img1" src"img/guanggao3.jpg"ul class"points" id"banner_btn"

29、 !- creatBtnli -script type"text/javascript"new zFocusid : "banner_box",orien : "top",time : 3(2)在轮拨图片下显示新品上市显示如下:图4-2 新品展示页面 数据配置自定义SQL语句如下:图4-3 新品展示数据配置代码(3)在新品上市下面显示超值套装显示如下:图4-4 超值套装展示页面 数据配置自定义SQL语句如下:图4-5 超值套装数据配置代码4.3分类产品展示页面 根据产品分类来显示不同类的产品,主要是根据分类ID的不同。然后利用Data

30、List来显示不同类的商品。Product.aspx页面重点就在DataList模板的编辑,只有把模板编辑好了,才能让页面看出来美观一点,每个商品展示的内容,我选择显示了产品图片,图片名称,单价,以及添加到购物车的链接。 数据配置自定义SQL语句如下:图4-6 分类商品展示数据配置代码 编辑DataList模板效果如图:图4-7 商品展示 图片显示源代码:img id"imgProduct" alt'%Eval"ProductName" %'src'%# Eval"Image" %' style&quo

31、t;width:239px; height:200px;" runat"server" / 添加到购物车源代码:asp:HyperLink ID"HypShop" runat"server" NavigateUrl'%#string.Format"/Cart.aspx?ProductId0&ProductName1&ListPrice2&CategoryID3",Eval"ProductId",Eval"ProductName",Ev

32、al"ListPrice",Eval"CategoryID" %' Text"添加到购物车"/asp:HyperLink4.4新品展示页面 我的新品展示页面其实和产品分类展示页面很相似,都是用SQLDataSource来配置数据,DataList来显示数据,唯一不同的是新品展示不是根据分类ID来读取数据,而是只接根据Product表里的New那列是否为YES(新品),如果是YES就读出来。 数据配置自定义SQL语句如下:图4-8 新品展示数据配置代码4.5商品详情页面 在商品详情页面我主要是还是用SQLDataSource加上

33、FormView来显示,FormView用来显示单条信息,比较容易编辑模板,我选择的左右格式,左边显示图片,右边显示商品详情。然后我还添加了“加入购物车”、“立即购买”。在下面的商品详情是数据库读出的一张比较大的图片。图4-9 商品详情4.6购物车页面 购物车我是选择SQLDataSource加上GridView来显示的,GridView以表格的形式显示多条信息,我选择了产品名称,数量,单价,以及删除按钮。在数量那一列我将原来的label换成TextBox,以方便用户修改,然后我再删除那一列,我上传了比较美观一点的图片,以增强页面的效果。 具体如下:图4-10 购物车 数据配置自定义SQL语句

34、如下:图4-11购物车数据配置代码 获取当前用户代码:protected void SqlDataSource1_Selectingobject sender, SqlDataSourceSelectingEventArgs e /查询用户的购物车前,设置select语句的用户名参数/.ameters0.Value /.ntity.Name; 4.7下订单页面 我的下订单页面,首先是用了一个GridView读出购物车里的商品,然后用了一个FormView读出购买用户的地址,电话等信息。当用户点击确认订单时,运行后台代码,删除购物车里的数据,并向订单表和订单详情表里插入数据。最终生成订单。图4-

35、12 下订单页面 确认订单触发代码:protected void lkOK_Click1object sender, EventArgs e /创建数据库连接对象cnSqlConnection cn new SqlConnectionConfigurationManager.ConnectionStrings"ConnectionString".ConnectionString;/创建数据库命令对象cmdSqlCommand cmd new SqlCommand"Insert into OrdersUsername,OrderDate values Usernam

36、e,getdate", cn;SqlCommand cmd1 new SqlCommand"Insert into OrderLineItemOrderId,ProductId,ProductName,Quantity,Priceselect IDENTITY,ProductId,ProductName,Quantity,ListPricefrom Cart where UsernameUsername", cn;SqlCommand cmd2 new SqlCommand"Delete from Cart where UsernameUsername&

37、quot;, cn;/为数据库命令对象的Sql语句中的参数赋值/0>."Username",/.ue /.e;cmd1.Parameters.Add"Username",/.ue /.e;cmd2.Parameters.Add"Username",/.ue /.e;cn.Open;/打开数据库连接/如果发表成功,刷新dlshopmess内容Convert.ToInt32cmd.ExecuteNonQuery;Convert.ToInt32cmd1.ExecuteNonQuery;Convert.ToInt32cmd2.Execu

38、teNonQuery;cn.Close; /关闭数据库连接 /.irect"/OrderOk.aspx" 五、关键技术5.1 JS特效的使用 使用JS特效,使网站更美观,更有活力,增强了用户体验。图5-1 轮拨图片5.2区分用户身份显示 根据用户是否在线显示不同的链接,如果用户没有登录时,则显示“登录”“注册”如果有用户登录了,则显示“欢迎你+当前用户名”,“退出”,“我的帐户”,“我的订单” 代码如下:protected void Page_Loadobject sender, EventArgs e if Session"Username" &quo

39、t;" | Session"Username" null /.dControl"lblhuan" as Label.Visible true; /.dControl"lbYouke" as Label.Visible true; /.dControl"likquit" as LinkButton.Visible false; /.dControl"lkLogin" as LinkButton.Visible true; /.dControl"lkRegister"

40、as LinkButton.Visible true; /.dControl"linkbtnMyHome" as LinkButton.Visible false; /.dControl"LinkMyOrder" as LinkButton.Visible false;else /.dControl"lblhuan" as Label.Visible true; /.dControl"lbYouke" as Label.Visible false; /.dControl"likquit" as

41、LinkButton.Visible true; /.dControl"lkLogin" as LinkButton.Visible false; /.dControl"lkRegister" as LinkButton.Visible false; /.dControl"linkbtnMyHome" as LinkButton.Visible true; /.dControl"LinkMyOrder" as LinkButton.Visible true; 5.3向购物车中添加商品 如果已经有商品存在了,刚在原来

42、商品数量加1,如果购物车里还不存在该商品,则向购物车表里插入一条新数据。 代码如下:/只有页面为首次加载访问,非回发的情况下,才执行如下代码if !this.IsPostBack /如果查询字符串中productid字段不为空,则把该商品添加到一个购物车中 if !/.uest.QueryString"ProductId" /首先假设商品已在购物车中,只需要添加购物车中的商品数量 /使用ADO.NET以编程的方式执行SQL语句完成更新 string sqlUpdate "UPDATE Cart SET QuantityQuantity+1 where Userna

43、meUsername and ProductIdProductId;" SqlParameter paramUsername new SqlParameter"Username", SqlDbType.VarChar, 255; paramUsername.Value /.ntity.Name; SqlParameter paramProductId new SqlParameter"ProductId", SqlDbType.VarChar, 255; paramProductId.Value /.ryString"ProductI

44、d" SqlConnection conn new SqlConnectionConfigurationManager.ConnectionStrings"newHuaConnectionString".ToString; SqlCommand command new SqlCommandsqlUpdate, conn; /.paramUsername; /.paramProductId; conn.Open; int numUpdated intcommand.ExecuteNonQuery; conn.Close; /上面的UPDATE语句执行后,更新的纪录行数numUpdate为说明商品不在购物车 if numUpdated 0 /向购物车中添加新商品/.ertParameters"Userna