在线购物系统课程

项目十在线购物系统【项目任务】Web开发技术飞速发展促进了电子商务普及。当前，越来越多商业活动开始转移到Internet中来进行，一个新购物方式——电子购物正在悄然兴起，这种购物方式无疑给商家和消费者带来了极大便利，使以前很多不可能商业活动变得异常快捷。本项目经过设计一个在线电子购物商城系统，实现用户在线购物，管理员后台进行管理等惯用操作。同时对于广大ASP.NET初学者来说，学习本章知识能够对前面所学内容进行总结，也能够提升对各种应用技术整合能力。下一页在线购物系统课程第1页项目十在线购物系统【整体功效划分】依据系统功效要求，在线网络购物系统整体功效分为两个模块：针对普通用户实现在线购物功效模块和管理员后台管理功效模块。在线购物基本功效模块包含以下一些操作。①会员注册：用户能够自行注册为会员，只有成为网络会员才能够进行网络购物。②在线购物：会员登录后，能够对现存商品实现购物功效。③在线充值：会员在进行购物时，会员账户中必须有足够金钱。④查看余额：会员登录系统后，能够随时查看个人账户余额。⑤修改密码：会员登录系统成功后，能够自行修改密码。⑥客户留言：会员在购物时假如有提议或意见能够直接在线留言。下一页返回上一页在线购物系统课程第2页项目十在线购物系统后台管理功效模块包含以下一些操作。①修改密码：管理员能够自行修改个人密码。②商品类别管理：管理员能够对商品类别进行添加，修改和删除操作。③商品管理：管理员能够对商品信息进行添加和修改操作。④会员管理：管理员能够对会员信息进行管理。⑤留言管理：管理员能够对用户留言进行管理。在线购物系统整个逻辑功效结构示意图如图10-1所表示。下一页返回上一页在线购物系统课程第3页项目十在线购物系统【系统数据库设计】（1）用户信息表UserInfo，用来保留注册会员信息。详细结构见表10-1。（2）商品分类表Category，用来保留商品分类信息。详细结构见表10-2。（3）商品表Product，主要用来保留管理员上传商品信息。详细结构见表10-3。（4）用户订购商品表UserOrder，主要用来保留用户购置商品时间，会员编号和唯一标识。详细结构见表10-4。（5）用户订购商品详细表OrderDetail，主要用来保留用户购置商品明细。详细结构见表10-5。下一页返回上一页在线购物系统课程第4页项目十在线购物系统（6）用户留言GuestBook表，用来保留用户在线留言信息。详细结构见表10-6。表详细关系图如图10-2所表示。（7）创建视图PDetail，主要用于商品表和商品分类表进行关联，详细如图10-3所表示。（8）创建视图cartlist，主要用于对会员每次购物汇总，详细如图10-4所表示。下一页返回上一页在线购物系统课程第5页项目十在线购物系统【数据库访问配置和实现】1.配置Web.Config文件本系统采取AdO.NET方式访问SQLServer数据库，首先在Web.Config文件中配置访问数据库链接字符串，在配置文件中添加代码。<connectionStrings><addname="ConnectionString"connectionString="server=(local);uid=sa;pwd=sa;database=EShop"providerName="System.Data.SqlClient"/></connectionStrings>下一页返回上一页在线购物系统课程第6页项目十在线购物系统2.访问数据库操作访问数据库操作，主要包含建立数据库连接、对数据库表查询返回DataSet类型数据、对数据库表更新操作和断开数据库连接操作。【在线购物基本功效页面分析】1.用户控件用户控件是ASP.NET控件封装最简单形式，它能够大大提升代码重用。因为在系统中每个页面都要判断用户登录功效和商品分类功效，所以创建了两个用户控件：用户登录控件和显示商品分类控件。（1）用户登录控件。右击【项目】，在弹出快捷菜单中选择【添加新项】命令，在弹出对话框中选择【Web用户控件】选项，如图10-5所表示。下一页返回上一页在线购物系统课程第7页项目十在线购物系统在生成用户控件前台代码中添加判断会员在登录成功和没有登录情景下对应代码。在登录控件前台代码中，主要经过对会员Session进行判断，假如会员已经登录，则显示会员惯用操作菜单，不然直接显示登录对话框。当会员单击【登录】按钮时，添加【登录】按钮后台处理代码。对于新用户注册为会员时，对【注册】按钮添加后台处理代码，主要实现页面转向。下一页返回上一页在线购物系统课程第8页项目十在线购物系统（2）商品分类控件。右击【项目】，在弹出快捷菜单中选择【添加新项】命令，在弹出对话框中选择【Web用户控件】选项，输入控件名称“CategoryList.ascx”，在分类控件前台页面中添加一个DataList控件“dlstCategory”，如图10-6所表示，并修改其对应属性。修改控件“dlstCategory”数据项模板，将表格开始标识放在数据项头部模板中，结束标识放在底部模板中，中间全部数据项放在单元格中。添加控件在页面调入时后台代码，主要实现对控件“dlstCategory”数据绑定。（3）文件上传控件。文件上传控件主要实现对商品图片上传，返回图片文件名称，并验证图片格式。详细前台布局如图10-7所表示。下一页返回上一页在线购物系统课程第9页项目十在线购物系统2.页面模板因为系统多个页面要使用相同布局方式，对于全部在线购物功效页面中使用统一模板，而且在模板中使用用户控件，能够大大方便代码重用。右击【项目】，在弹出快捷菜单中选择【添加新项】命令，在弹出对话框中选择【母版页】选项，输入母版页名称“MasterPage.master”，然后对母版页面进行布局，详细布局效果如图10-8所表示。下一页返回上一页在线购物系统课程第10页项目十在线购物系统【详细功效页面实现】1.系统默认页面“Default.aspx”在默认页面中，首先使用上面创建母版页，在内容区域中添加三个栏目：最新上架，精品推荐和特价商品。在每个栏目中添加一个DataList控件，用来显示对应商品，并设置对应属性，如图10-9所表示。设置完成后，单击DataList控件任务快捷菜单，选择【编辑模板】选项，如图10-10所表示。在模板编辑窗口中，对ItemTemplate进行编辑，详细效果如图10-11所表示。下一页返回上一页在线购物系统课程第11页项目十在线购物系统编辑ItemTemplate完成后，返回到默认页面，此时页面效果如图10-12所表示。以一样方式完成其它两个栏目标DataList设置。完成页面前台设计部分后，首先添加页面载入代码，实现DataList数据绑定。其次，添加DataList数据项模板中【添加到购物车】按钮事件绑定。对于显示商品详细信息按钮，经过在模板中定义链接方式来定义。最终默认页面运行效果如图10-13所表示。下一页返回上一页在线购物系统课程第12页项目十在线购物系统2.会员注册“Register.aspx”会员注册页面也使用了母版页，主要实现用户在线注册为会员，运行效果如图10-14所表示。在新会员注册过程中，首先对用户输入内容进行验证，是否符合指定格式。3.购置商品“Buy.aspx”会员假如实现在线购置商品，必须登录成功后方可进行购物。详细购物流程图如图10-15所表示。下一页返回上一页在线购物系统课程第13页项目十在线购物系统当会员单击【购置商品】按钮，此时将显示商品详细信息，并接收会员输入购置商品数量，如图10-16所表示。对于购物车实现，将会员购置商品首先放入一个DataTable中，在将这个DataTable放入Session中，会员不停更改购物车中商品信息，此时将更新DataTable中商品信息，并将DataTable与GridView控件进行绑定。会员输入完产品数量后，单击【加入购物车】按钮，此时将先判断用户输入数量和此商品全部数量进行比较，假如输入商品数量大于商品全部数量，此时将提醒会员，不然将商品放入购物车。会员在没有结账之前，能够对选择商品进行删除，此时只是从DataTable中删除商品信息，删除后重新绑定GridView。下一页返回上一页在线购物系统课程第14页项目十在线购物系统假如需要清空购物车，只需要将Session会话中购物车对象设置为null，然后重新绑定GridView即可。最终当会员结账时，单击【结账】按钮，系统首先验证会员账户余额，假如余额不足，则购物失败，然后验证用户选择商品数量和现有商品数量进行比较，假如现有数量小于会员购置数量，将会员购置数量修改为商品现有数量。下一页返回上一页在线购物系统课程第15页项目十在线购物系统4.查看购物清单“MyCartList.aspx”会员只要登录系统，就能够查询到会员历次购物清单及明细，点击【查看购物清单】链接，则显示该会员全部购物清单，假如需要查看对应明细，直接点击【详细】链接即可，如图10-17所表示。购物清单MyCartList.aspx页面使用了MasterPage.master母版页，在母版页内容区域添加一个GridView控件，用来显示会员购物清单。下一页返回上一页在线购物系统课程第16页项目十在线购物系统5.在线充值“Account.aspx”在线充值主要实现增加会员账户金额，当然在实际运作过程中应该使用其它方式来代替此功效，比如网上银行转账。此页面使用了MasterPage.master母版页，在母版页内容区域添加输入金额输入框，充值按钮和其它文字信息。详细效果如图10-18所表示。6.在线留言“GuestBook.aspx”假如用户在购物过程中有一些提议，能够直接在线留言，详细效果如图10-19所表示。7.商品详细信息“Show.aspx”在需要浏览商品详细信息时，直接单击【Show】按钮，详细效果如图10-20所表示。下一页返回上一页在线购物系统课程第17页项目十在线购物系统8.后台商品分类管理“Class.aspx”后台商品分类管理主要对分类增加，删除和修改操作，前台页面布局如图10-21所表示。9.后台商品管理“Manager.aspx”后台商品管理主要是对当前在线商品信息进行修改，经过GridView绑定SqlDataSource数据源进行数据显示和分页，详细前台页面布局如图10-22所表示。10.后台商品添加“GoodsAdd.aspx”后台商品添加主要是添加新上线商品，包含了商品基本信息和图片信息，前台布局如图10-23所表示。管理员在添加新商品时，首先对商品一些信息进行验证，像产品名称，市场价格等。下一页返回上一页在线购物系统课程第18页项目十在线购物系统11.后台会员信息管理“Customer.aspx”管理员能够浏览会员信息，并含有删除会员信息权限，经过GridView绑定SqlDataSource数据源进行数据显示和分页，详细前台页面布局如图10-24所表示。12.留言信息管理“GuestBook.aspx”管理员能够浏览全部留言信息，并含有删除留言权限，经过GridView绑定SqlDataSource数据源进行数据显示和分页，详细前台页面布局如图10-25所表示。下一页返回上一页在线购物系统课程第19页项目十在线购物系统【系统主题样式】1.外观文件系统外观文件中，只是对Web服务器Button控件进行了定义，详细代码以下所表示。<asp:ButtonRunat="server"BorderStyle="Groove"BordWidth="0px"/>2.样式文件，详细代码见书本程序清单10-27样式文件返回上一页在线购物系统课程第20页表10-1UserInfo表结构返回在线购物系统课程第21页表10-2Category表结构返回在线购物系统课程第22页表10-3Product表结构返回在线购物系统课程第23页表10-4UserOrder表结构返回在线购物系统课程第24页表10-5OrderDetail表结构返回在线购物系统课程第25页表10-6GuestBook表结构返回在线购物系统课程第26页图10-1系统逻辑功效结构图返回在线购物系统课程第27页图10-2表关系图返回在线购物系统课程第28页图10-3创建视图返回在线购物系统课程第29页图10-4