商品库存管理模块开发幻灯片.ppt

《商品库存管理模块开发幻灯片.ppt》由会员分享，可在线阅读，更多相关《商品库存管理模块开发幻灯片.ppt（23页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、商品库存管理模块开发第1页，共23页，编辑于2022年，星期五电子商务平台系统 理论【任务分析任务分析】商品库存管理模块开发商品库存管理模块开发 3 3在电子商务网站中添加商品的相关信息是最重要的功能，本项目在开发中在商品管理方面采用了商品按类型进行多级分类的管理方法，共设置商品级别为二级，一级商品类别是大类，二级商品类别为小类，如一级商品类别：服装，相对应的二级商品类别包含有：女装、男装、围巾、手套等，具体的商品按类别进行添加，实现在管理上清晰、明了。在实现商品库存管理模块功能时要解决的主要问题如下：1、如何实现在GridView数据行中的某些信息？3、如何将图像插入到数据库中？2、如何实现

2、GridView的自动分页机制？第2页，共23页，编辑于2022年，星期五电子商务网站系统 理论【相关知识与技能相关知识与技能】商品库存管理模块开发商品库存管理模块开发 3 31、按ID关键字进行索引 当数据库内容的添加时，同时对一级商品表TopCategoryTable、二列商品表SecCategoryInfosTable、商品表GoodsTable、折扣表DiscountTable完成添加。在这里采用了设置DataKeyNames的方式实现了与相关数据表的关联，实现以ID值作为当前行索引，利用DataKeys的属性获取当前行数据键值对象中的值。2、将图片存放在images文件夹，图片路径存

3、放到数据库一是说明images文件夹的路径，利用Server.MapPath(/image);来说明是当前根目录下的images文件夹。二是实现上传文件到Image文件夹下，fileName为上传文件的文件名。FileUpload1.PostedFile.SaveAs(path+/+fileName);三是利用Image控件将图片显示出来，其中ImageUrl属性说明了图片的存放路径。ImageButton1.ImageUrl=/image+/+fileName;第3页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3

4、【网站后台商品库存管理主页面网站后台商品库存管理主页面Mindex.aspx】本模块主要功能：管理库存商品、管理商品类别的添加与删除、商品的添加与删除、按商品ID进行查询的功能。本模块共包括了三个页面，分别为管理主页面Mindex、商品类别页面category、商品页面Goods。第4页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台主页面网站后台主页面Mindex.aspx】1、设计步骤、设计步骤在该网站中的Management文件夹下创建一个Web窗体，将其命名为Mindex.aspx。将在本页面中采用

5、了div+css的页面布局方式，然后从“工具箱”/“标准”选项卡中拖放1个GridView控件，1个TextBox控件，从“工具箱”/“HTML”选项卡中拖放1个fieldset标签，1个Label控件，3个Button按钮控件和1个，置于该表格中。各个控件的属性设置及其用途如表所示。第5页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后中主页面网站后中主页面Mindex.aspx】各个控件的属性设置及其用途控件类型控件名称主要属性设置用途TextBoxTextBox1TextMode属性设置为SingleL

6、ine输入查询的ID号GridViewGridView1AllowPaging:trueAutoGenerateColumns:falseCellPadding:1PageSize:5Width:560px显示商品信息；对对商品进行添加；显示查询的商品信息；ButtonText属性设置为“商品类别管理”对商品一级、二级类别进行添加与删除Text属性设置为“商品管理”对商品进行添加与删除Button3Text属性设置为“搜索”按商品ID进行查询第6页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台主页面网站后

7、台主页面Mindex.aspx】打开GridView1，单击“编辑列”，加入“编辑模板”和按钮。各个控件的属性设置及其用途控件类型控件名称主要属性设置用途TemplateField商品名称商品类型商品图片商品价格销售价格折扣方式商品总量销售总量付款方式Label2绑定数据：Eval(GoodsName)Label1绑定数据：Eval(GoodsModel)Image1绑定数据：Eval(GoodsImageurl)TextBox3绑定数据：Eval(MarketPrice)TextBox4绑定数据：val(GoodsSellPrice)DropDownList1TextBox6绑定数据：Eva

8、l(GoodsTotaCount)Label3绑定数据：Eval(GoodSellCount)DropDownList2此处设置为在模板中进行具体设置ButtonField更新CommandName属性设置为“updat”删除CommandName属性设置为“dele”第7页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台主页面网站后台主页面Mindex.aspx】2、实现代码（1）设计数据库，完成数据库操作类编写。用户信息表Member。设计数据库，完成数据库操作类的编写。本模块使用的数据表：TopCat

9、egoryTable、SecCategoryInfosTable、GoodsTable、DiscountTable、GoodsPayTable。在数据库部分主要采用了以存储过程方式进行实现的数据库操作，针对数据表主要的存储过程SQL语句与库存管理模块的方式相同。第8页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台主页面网站后台主页面Mindex.aspx】表示层即Web页面设计。主页面主页面Mindex：是进行库存商品的管理的页面，能对商品的部分信息进行更新修改和删除。下面主要代码：在Page_Load事

10、件中设置DataKeyNames关键值，以方便按行进行索引，同时对获取的Session“adminid”进行判断，如果值为空程序将跑转到登录页面。业务逻辑层 本模块中业务逻辑层包括：Model（Member.cs）、BLL(Member.cs)两部分，实现代码结构与登录模块相同，在此不同重复说明。数据层 本模块中数据层包括：DAL（Member.cs）、DB(DbHelperSQL.cs)两部分，实现代码结构与登录模块相同，在此不同重复说明。第9页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品类别管理

11、页面网站后台商品类别管理页面category.aspx】第10页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 31.设计步骤（1）在该网站中的Management文件夹下创建一个Web窗体，将其命名为category.aspx。（2）将在本页面中采用了div+css的页面布局方式，然后从“工具箱”/“标准”选项卡中拖放12个Label控件，4个TextBox控件，4个Button按钮控件和4个DropDownList控件，然后从“工具箱”/“HTML”选项卡中拖放2个fieldset控件，各个控件属性设置及其用途如表

12、所示。【网站后台商品类别管理页面网站后台商品类别管理页面category.aspx】第11页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3表2.5Login.aspx中各个控件的属性设置及其用途控件类型控件名称主要属性设置用途TextBoxTextBox1TextMode属性设置为SingleLine输入一级商品类别的ID号TextBox2TextMode属性设置为SingleLine输入一级商品类别的简介TextBox3TextMode属性设置为SingleLine输入二级商品类别的ID号TextBox4Text

13、Mode属性设置为SingleLine输入二级商品类别的简介LabelLabel1Text:添加分类提示作用Label2Text:分类名称提示作用Label3Text:分类简介提示作用Label4Text:删除分类提示作用Label5Text:选择顶级分类提示作用Label6Text:添加分类提示作用Label7Text:选择分类提示作用Label8Text:分类名称提示作用Label9Text:分类简介提示作用Label10Text:删除分类提示作用Label11Text:选择分类提示作用Label12Text:选择分类提示作用【网站后台商品类别管理页面网站后台商品类别管理页面categor

14、y.aspx】第12页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3DropDownListDropDownList1默认状态选择一级商品类别DropDownList2默认状态选择一级商品类别DropDownList3默认状态选择一级商品类别DropDownList4默认状态选择一级商品类别ButtonButton1Text:添加添加一级商品类别Button2Text:删除删除一级商品类别Button3Text:添加添加一/二级商品类别Button4Text:删除删除一/二级商品类别第13页，共23页，编辑于202

15、2年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品类别管理页面网站后台商品类别管理页面category.aspx】2、实现代码、实现代码（1）设计数据库，完成数据库操作类的编写。本模块使用的数据表：TopCategoryTable、SecCategoryInfosTable两个商品类别数据表。在数据库部分主要采用了以存储过程方式进行实现的数据库操作，针对数据表主要的存储过程SQL语句与登录模块类似，请自行参照。第14页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模

16、块开发 3 3【网站后台商品类别管理页面网站后台商品类别管理页面category.aspx】表示层即Web页面设计。在Page_Load事件中对下拉列表进行初始化。在“管理顶级分类”模块中的删除功能中DropDownList1Init用于添加一级商品分类名称。在“管理二级分类”模块中的添加功能中利用DropDownList2Init获取一级商品分类名称。在“管理二级分类”模块中的删除功能中利用DropDownList3Init获取一级商品分类名称。在“管理二级分类”模块中的删除功能中利用DropDownList4Init获取二级商品分类名称。业务逻辑层、数据层：实现代码结构与登录模块相同，不同

17、重复说明。第15页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品类别管理页面网站后台商品类别管理页面category.aspx】DropDownList的AutoPostBack属性要设置为true事件才有作用，当DropDownList3_SelectedIndexChanged事件发生时会触发DropDownList4Init的方法进行调用。以实现二级菜单的联动。当单击按钮时将触发click事件，将所选用的“一级商品类别”记录从数据表TopCategoryTable、SecCategoryInfo

18、sTable中进行删除。当单击按钮时将触发click事件，向数据表TopCategoryTable进行“一级商品类别”记录的添加。当单击按钮时将触发click事件，向数据表SecCategoryInfosTable添加所选用的“二级商品类别”记录中进行。当单击按钮时将触发click事件，将所选用的“二级商品类别”记录从数据表SecCategoryInfosTable中进行删除，并对下拉列表进行初始化。第16页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品管理页面【网站后台商品管理页面Goods.asp

19、x】第17页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品管理页面【网站后台商品管理页面Goods.aspx】1.设计步骤（1）在该网站中的Management文件夹下创建一个Web窗体，将其命名为Goods.aspx。（2）将在本页面中采用了div+css的页面布局方式，然后从“工具箱”/“标准”选项卡中拖放12个Label控件，7个TextBox控件，1个Button按钮控件、4个DropDownList控件、1个FileUpload1控件，然后从“工具箱”/“HTML”选项卡中拖放2个field

20、set控件，各个控件属性设置及其用途如表所示。第18页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品管理页面【网站后台商品管理页面Goods.aspx】表2.5Login.aspx中各个控件的属性设置及其用途控件类型控件名称主要属性设置用途TextBoxTextBox1TextMode属性设置为SingleLine输入商品名称TextBox2TextMode属性设置为SingleLine输入商品型号TextBox3TextMode属性设置为SingleLine输入基本价格TextBox4TextMod

21、e属性设置为SingleLine输入商品总数TextBox5TextMode属性设置为SingleLine输入商品销售价格TextBox6TextMode属性设置为MultiLine输入详细信息TextBox6TextMode属性设置为MultiLine输入生产厂家第19页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品管理页面【网站后台商品管理页面Goods.aspx】LabelLabel1Text:选择顶级类别选择顶级类别Label2Text:选择二级类别选择二级类别Label3Text:商品名称商

22、品名称Label4Text:商品型号商品型号Label5Text:商品基本价格商品基本价格Label6Text:商品总数商品总数Label7Text:商品销售价格商品销售价格Label8Text:商品折扣方式商品折扣方式Label9Text:商品付款方式商品付款方式Label10Text:上传图片上传图片Label11Text:详细信息详细信息Label12Text:生产厂家生产厂家DropDownListDropDownList14默认状态选择一级商品类别ButtonButton1Text:添加添加一级商品类别FileUploadFileUpload1默认状态用于上传图片第20页，共23页，

23、编辑于2022年，星期五电子商务网站系统 理论【任务实施任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品管理页面【网站后台商品管理页面Goods.aspx】2、实现代码（1）设计数据库，完成数据库操作类编写。用户信息表Member。设计数据库，完成数据库操作类的编写。本模块使用的数据表：TopCategoryTable、SecCategoryInfosTable两个商品类别数据。在数据库部分主要采用了以存储过程方式进行实现的数据库操作，针对数据表主要的存储过程SQL语句与库存管理模块的方式相同。第21页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务实施

24、任务实施】商品库存管理模块开发商品库存管理模块开发 3 3【网站后台商品管理页面【网站后台商品管理页面Goods.aspx】（2）程序代码如下：表示层即Web页面设计。在Page_Load事件中加载相关的方法确定了商品的付费方式，如信用卡、直接付款等方式完成商品的购买。确定所卖的商品的折扣度，如7折、5折等方式。选定一级商品类别的名称。选定二级商品类别的名称。实现一、二级商品形成联动菜单。实现图片的上传功能，图片路径存放在数据库，图片存放在文件夹image中。当单击按钮时触发Click事件，完成对商品信息添加的功能。业务逻辑层、数据层：实现代码结构与登录模块相同，不同重复说明。第22页，共23页，编辑于2022年，星期五电子商务网站系统 理论【任务小结任务小结】商品库存管理模块开发商品库存管理模块开发 3 3本模块主要功能是实现对库存商品管理的功能，功能包括有商品类别管理和具体商品信息管理两大方面，完成对信息的添加、删除、修改等功能。在使用技术上主要是利用GridView控件的特性，主要应用了分页功能、动态绑定数据源功能、对选定列和模板列的操作功能、图片的存储功能等等。第23页，共23页，编辑于2022年，星期五