2022年2022年花店代码 .pdf

《2022年2022年花店代码 .pdf》由会员分享，可在线阅读，更多相关《2022年2022年花店代码 .pdf（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、五、系统详细设计与实现（一）前台网站1.网站首页网站首页是套用模板，在加上两个自定义控件组成，头部和底部是套用的模板，顶部网11 站的导航展示网站的主要功能，一张鲜花的flash 图片简单而显得优美让人赏心悦目。首页 主要是产品的展示，有热卖和特卖推荐，以及左边的菜单何以查找不同类型的鲜花。点击鲜花查看详细信息，继而购买。首页还展示网站的一些公告，以及文章的信息，都可点击进入详细内容，订单的滚动查看以及登陆后的个人订单的查看都可实现。购物车信息，会员登录，注册一应俱全。如图5-1 所示。5-1 网站首页（1）网站首页UI 层前台代码绑定鲜花信息，采用datalist 绑 定 数 据 库 的 数

2、 据，主 要 实 现 代 码 如 下：12 a href=seeflower.aspx?id=img id=Img1 runat=server border=0 height=102 src=width=102/a href=seeflower.aspx?id=class=B asp:Label ID=Label5 runat=server Text=asp:Label ID=Label3 runat=server Text=元 asp:Label ID=Label4 runat=server 名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 11 页 -Text=元 （2）网站首

3、页 UI 层后台代码调用 BU 层的查询方法，获取鲜花的信息，主要实现 代 码 如 下：protected void SelectPicture()MyDataTable=MyFlowerInfoManager.SelectPicture().Tables0;FlowerList.DataSource=MyDataTable;FlowerList.DataBind();public string InsertXXX(string XXX)return XXX.Insert(2,/Manager);（3）网站首页 BU 层代码定义绑定查询的函数，运用 Sql 语句从数据库中读取前八行的数据，主要

4、实现代码如下：public DataSet SelectPicture()DataSet myDs=new DataSet();string SqlQuery=select top 8 FlowerID,Picture,FlowerName,MartPrice,MemberPrice from FlowerInfo where IsHot=1 and Count0;13 myDs=MyDataBase.GetList(SqlQuery);return myDs;2.鲜花详细信息页面 本页面是顾客点击看中的鲜花后跳转的页面，主要是看花的详细信息，以及查看购物流程，可以点击放入购物车，也可以继续购

5、物，返回首页。如图5-2 所示。图 5-2 鲜花详细信息页面（1）鲜花信息页面UI 层前台代码用 table 搭建，显示鲜花的详细信息。Button 按钮的click 事件跳转页面，主要实现代码如下：市场价：元  （2）鲜花信息页面UI 层后台代码 从数据库查询数据，赋值给相对应的label.text，主要实现代码如下：protected void Page_Load(object sender,EventArgs e)if(!IsPostBack)string FlowerID=Request.QueryStringID;ViewStateFlowerID=FlowerI

6、D;SelectFlower();protected void SelectFlower()string paramID=ViewStateFlowerID.ToString();MyDt=MyFlowerInfoManager.SelectFlower(paramID).Tables0;if(MyDt.Rows.Count!=0)Label1.Text=MyDt.Rows0Integral.ToString();this.DataList1.DataSource=MyDt;this.DataList1.DataBind();nameLb.Text=MyDt.Rows0FlowerName.T

7、oString();priceLb.Text=MyDt.Rows0MartPrice.ToString();salepriceLb.Text=MyDt.Rows0MemberPrice.ToString();this.Label2.Text=MyDt.Rows0Florid.ToString();（3）鲜花信息页面BU 层代码根据鲜花的种类FlowerTypeID，从数据库查询相应鲜花的DataSet，主 要 实 现 代 码 如 下：public DataSet SelectFlower(string paramFlowerTypeID)DataSet myDataSet=new DataSe

8、t();string sqlQuery=select FlowerID,Picture,FlowerName,MartPrice,MemberPrice,Florid,(MemberPrice*0.1)as Integral from FlowerInfo where FlowerID=+paramFlowerTypeID+;myDataSet=MyDataBase.GetList(sqlQuery);return myDataSet;15 图 5-3 采用放大镜查看（1）放大镜查看页面代码本页面主要是用JavaScript 代 码 实 现，代 码 如 下：(function($)$.fn.j

9、queryzoom=function(options)var settings=xzoom:470,yzoom:300,offset:10,position:right;if(options)$.extend(settings,options);$(this).hover(function()var imageLeft=$(this).get(0).offsetLeft;var imageRight=$(this).get(0).offsetRight;var imageTop=$(this).get(0).offsetTop;var imageWidth=$(this).get(0).off

10、setWidth;var imageHeight=$(this).get(0).offsetHeight;var bigimage=$(this).attr(bigpp);if($(div.zoomdiv).get().length=0)$(this).after();function MouseEvent(e)this.x=e.pageX this.y=e.pageY 16 3.加入购物车当查看鲜花的详细信息之后满意的话可以加入购物车，本页显示你所有加入购物车的商品，你还可以进行修改数量，以及删除购物车的信息，离开重新购物，如果满意可以提交订单。如图5-4所示。图 5-4 购物车信息页面（1

11、）加入购物车页面UI 层前台代码采用DataGrid 绑定表shopping 的数据，显示用户的购物车信息，主要实现代码如下：（2）加入购物车页面UI 层后台代码根据登陆的用户 名 从shopping 表 中 查 询 记 录，DataGrid 的 删 除 事 件 里 根 据shoppingID 在删 除 购 物 车 信 息，主 要 实 现 代 码 如 下：protected 名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 11 页 -DataTable SelectShopping()string paramname=SessionUserName.ToString();17 s

12、tring paramID=MyShoppingManager.GetID(paramname).Rows00.ToString();MyDt=MyShoppingManager.SelectShopping1(paramID);this.ShopCart.DataSource=MyDt;this.ShopCart.DataBind();return MyDt;protected void ShopCart_DeleteCommand(object source,DataGridCommandEventArgs e)string id=e.Item.Cells0.Text;MyShopping

13、Manager.deleteshopping(id);jisuan();jisuanjifen();SelectShopping();（3）加入购物车页面BU 层代码调用 Insert Sql 语句 向 购 物 添 加 信 息，主 要 实 现 代 码 如 下：public int IntoBus(ShoppingData MyShoppingData)string sqlQuery=Insert into Shopping(CusID,FlowerID,MartPrice,FactPrice,Count,Integral,ShopTime,IsBuy)Values(+MyShoppingDat

14、a.CusID+,+MyShoppingData.FlowerID+,+MyShoppingData.MartPrice+,+MyShoppingData.FactPrice+,+MyShoppingData.Count+,+MyShoppingData.Integral+,+MyShoppingData.ShopTime+,+MyShoppingData.IsBuy+);int returnValue=myDataBase.ExecuteNonQuery(sqlQuery);return returnValue;4客户留言页面在本页面客户可以对我们网站以及鲜花的信息，送货情况进行留言反馈，管

15、理员会在后台及时进行审核和回复。客户留言时要登记一下基本的信息，以方便我们联系。如图 5-5 所示。18 图 5-5 客户留言页面（1）客户留言页面UI 层前台代码TextBox 填写留言用户的信息，点击提交按钮提交留言信息，点击查看留言回复按钮查看留言回复内容，主要实现代码如下：nbsp;姓名：*（2）客户留言页面UI 层后台代码用 Ajax 获取TextBox 的值，调用BU 层添加方法，添加留言信息，主要实现代码如 下：AjaxPro.AjaxMethod()public void SubmitQuestion(string paramName,string paramEmail,str

16、ing paramTitle,string paramContent)QuestionInfoManager paramQuestionInfo=new QuestionInfoManager();paramQuestionInfo.CusName=paramName;paramQuestionInfo.CreateTime=System.DateTime.Now.ToString();paramQuestionInfo.IsCheck=否;MyQuestionInfoManager.InsertInfo(paramQuestionInfo);（3）客户留言页面 BU 层代码Sql 语句 in

17、sert into，向数据库插入留言的信息，主要 实 现 代 码 如 下：public int InsertInfo(QuestionInfoData MyQuestionInfoData)int returnValue=0;string SqlQuery=INSERT INTO NetFlower.dbo.QuestionInfo(CusName,Question,Answer,Ema il,CreateTime,IsCheck)VALUES(+MyQuestionInfoData.CusName+,+MyQuestionInfoData.Question+,+MyQuestionInfoD

18、ata.Answer+,+MyQuestionInfoData.Email+,+19 MyQuestionInfoData.CreateTime+,+MyQuestionInfoData.IsCheck+);returnValue=MyDataBase.ExecuteNonQuery(SqlQuery);return returnValue;（二）后台管理1.后台管理主页面主页面由iframe 框架搭建而成，左边是javascript 写的一个treeview 主要展示系统的总模块，顶部是系统的一些基本信息以及操作。点击treeview 右边会出现相应模块的信息。也可以点击右面的图例，进入相应

19、的页面。如图 5-6 所示。5-6 后台管理主页面（1）后台管理主页面UI 层前台代码利用 Js 创建 树，形 成 模 块 的 菜 单,主 要 实 现 代 码 如 下：var tree=null;var root=new TreeNode(系统菜单名师资料总结-精品资料欢迎下载-名师精心整理-第 6 页，共 11 页 -);var fun1=new TreeNode(用户管理);root.add(fun1);var fun2=new TreeNode(员工信息,Web_Staff/UIWeb_StaffManager.aspx,tree_node.gif,null,tree_node.gif,

20、null);fun1.add(fun2);var fun38=new TreeNode(商店管理);var fun39=new TreeNode(商店信息,ShopInfo/UIShopInfoEdit.aspx,tree_node.gif,null,tree_node.gif,null);fun38.add(fun39);root.add(fun38);tree=new Tree(root);tree.show(menuTree);20（2）后台管理主页面UI 层前台代码用 Attributes 给服务器控件添加Html 的链接方法，点击tree 出现链接的页面，主要实现代码如下：publi

21、c void InitProtalBar()this.Protalbtn1.Attributes.Add(href,base.GetBaseUrl()+Index.aspx);this.Protalbtn5.Attributes.Add(href,./Manager/Web_Staff/StaffPassWord.aspx);this.Protalbtn5.Attributes.Add(t arget,frameContent);base.JsWrite(OldSystem=+this.Protalbtn4.ClientID,Default);2 鲜花信息管理页面本页面主要是对鲜花的采购以及库

22、存的管理，当库存不足会出现红色预警，可以根据条件查询鲜花的信息。如图5-7 所示。5-7 鲜花信息管理页面（1）鲜花信息管理页面UI 层前台代码采用Gridview 绑定鲜花的详细信息，还可以根据鲜花的编号，鲜花的名称等 条 件 进 行模 糊 查 询，主 要 实 现 代 码 如 下：21 asp:ImageButton ID=imgbtnDetail runat=server CommandArgument=名师资料总结-精品资料欢迎下载-名师精心整理-第 7 页，共 11 页 -SkinID=btnDetail （2）鲜花信息管理页面UI 层后台代码 调用 BU 层的模糊查询的方法，主要实现

23、代码如下：public void BindGrid(int paramPageIndex,int paramPageSize)FlowerInfoManager myFlowerInfo=new FlowerInfoManager();myDs=myFlowerInfo.Search(null,this.myQueryData);this.Master.BindData(this.grdvMessage,myDs.Tables0.DefaultView);（3）鲜花信息管理页面BU 层代码从数据库读取数据鲜花的所有信息，要 实 现 代 码 如 下：public DataSet SelectFl

24、ower(string paramFlowerTypeID)DataSet myDataSet=new DataSet();string sqlQuery=select FlowerID,Picture,FlowerName,MartPrice,MemberPrice,Florid,(MemberPrice*0.1)as Integral from FlowerInfo where FlowerID=+paramFlowerTypeID+;myDataSet=MyDataBase.GetList(sqlQuery);return myDataSet;22 3鲜花的添加修改页面本页面主要是对鲜花

25、的信息进行修改，以及添加库存，减少库存，对库存量进行预警，可以上传鲜花图片。如图5-8 所示。图 5-8 鲜花添加修改页面（1）鲜花添加修改页面UI 层前台代码用table 搭建的，TextBox 填写添加的鲜花信息，主要实现代码如下：鲜 花 编 号： *是否特别 推 荐 1 23 （2）鲜花添加修改页面UI 层后台代码调用 BU 层的添加和修改方法，传值给指定的参数，主要实现代码如下：protected void btnConfirm_Click(object sender,EventArgs e)if(!this.CheckInput()return;myFlowerInfo=t

26、his.GetPageValue(myFlowerInfo);try myFlowerInfo.InsertInfo(myFlowerInfo);this.Clear();this.Alert(保存成功,Saved);btnCancel_Click(sender,e);catch(Exception myException)ExceptionManager.Throw(this.OperatorID,维 护,myException);this.Alert(保存失败,此次操作无效!,Error);（3）鲜花添加修改页面BU 代码采用添加的Sql 语句向数据库添加鲜花信息，主 要 实 现 代 码

27、如 下：public int InsertInfo(FlowerInfoData MyFlowerInfoData)int returnValue=0;string SqlQuery=INSERT INTO NetFlower.dbo.FlowerInfo(FlowerID,FlowerName,FloTypeID,Picture,MartPrice;SqlQuery+=,MemberPrice,Florid,Count,PurchaseData,IsHot,IsMain,SaleCount)V ALUES(+MyFlowerInfoData.FlowerID+,+MyFlowerInfoDa

28、ta.IsMain+,+MyFlowerInfoData.SaleCount+);returnValue=MyDataBase.ExecuteNonQuery(SqlQuery);return returnValue;24 4报表页面本页面主要是查看商品销售的信息，可以查看各种鲜花的销售量，还有销售总额，可以 查询各个时间段的营业情况。如图 5-9 所示。图 5-9 销售报表页面（1）销售报表页面UI 层前台代码本页面打印水晶报表通过dataset 数据集，报表文件实现，主要代码实现如下：起 始时 间：截止时间：（2）销售报表页面UI 层后台代码本页面打印水晶报表通过dataset数据集，主要

29、代码实现如下：protected void Page_Load(object sender,EventArgs e)ShoppingManager myShopping=new ShoppingManager();DataTable myDataTable=myShopping.SearchInfo1(,this.txtShopTime.Text,this.txtIntegral.Text).Tables0;crpt.Load(Request.MapPath(./Shopping/CryShop.rpt);crpt.SetDataSource(myDataTable);crpt.Refresh

30、();this.crtShopping.ReportSource=crpt;25 六、系统测试系统完成以后，有许多需要改进的地方，我们都已解决。1订单查看：开始时，我们没有考虑到顾客购买鲜花提交订单时可在查看自己的订单是 否 发 货，因 此 我 加 了 两 个 界 面OrdermMsg.aspx 和selectOrderMsg.aspx，前一个界面是客户提交订单时提示客户记录自己的订单信息，后一个界面是客户输入订单号和相应信息后可查看自己的订单发货情况。2户留言直接就能看到，是不合理的，应该在后台审核之后才能看到。3户登录之后，应该不能进入登陆页面了。4单页面：在查看所有订单时，GridView 中不能查看订单发货状态，而无法确认订单是否已发货，因此我们在GridView 中添加了一个字段用于显示订单发货状态。5台页面：换台电脑时，前台页面不对齐，歪歪扭扭，因此我们把模板页面居中显示，再通过调试，问题解决，所名师资料总结-精品资料欢迎下载-名师精心整理-第 10 页，共 11 页 -有页面一致。名师资料总结-精品资料欢迎下载-名师精心整理-第 11 页，共 11 页 -