电子商务网站建设实验指导书

电子商务网站建设实验指导书2012年10月实验报告要求1．在实验课前要认真预习实验内容，熟习实验的原理、方法及算法等。2．根据实验指导书要求，认真完成实验内容；实验结束后，按照实验报告的要求认真填写相关内容。3．实验时要带好实验指导书、实验报告本。4．实验时要严肃认真，不得互相抄袭。5．实验课的成绩由实验预习、实验过程、实验结果和实验报告四部分构成。I目录实验一ASP.NET网站开发基础.............................................1实验二C#和ASP.NET............................................................5实验三ASP.NET标准控件..................................................13实验四ASP.NET验证控件..................................................21实验五HTTP请求、响应及状态管理.................................31实验六用户登录.................................................................36实验七产品展示和上架.....................................................39实验八母版页与产品分类导航..........................................421实验名称实验一ASP.NET网站开发基础实验目的1.掌握利用table、div和css对网页布局的放法。2.理解XML文件结构，掌握XML文件建立的方法一、实验预习1.掌握table、div和css对网页布局的放法2.理解XML文件结构，掌握XML文件建立的方法二、实验内容(原理、方法、框图)1.利用table对网页布局，对单元格通过属性Style设置样式。2.利用Div对网页布局，对每个Div通过属性Style设置样式。3.建立独立的.css文件，学会控制Web窗体。4.建立能表达书籍简易信息的XML格式文件三、实验过程（步骤、实现代码）1.利用table对网页布局：a)部分代码:titletable布局/title/headbodyformid=form1runat=serverdivtablestyle=width:100%;trtdrowspan=2asp:ImageID=imgLogorunat=serverImageUrl=~/img/logo.gif//tdtdstyle=text-align:center;background-color:#99CCFFasp:LinkButtonID=lnkbtnDefaultrunat=server首页/asp:LinkButton/tdtdstyle=text-align:center;background-color:#99CCFFasp:LinkButtonID=lnkbtnResetrunat=server个性重置/asp:LinkButton/tdtdstyle=text-align:center;background-color:#99CCFFasp:LinkButtonID=lnkbtnRegisterrunat=server注册/asp:LinkButton/td/trtrtdcolspan=3style=background-color:#CCFFFF登录状态2/td/trtrtdcolspan=4style=background-color:#33CCCC您的位置：/td/tr/table/div/form/bodyb)图片：2.利用Div对网页布局：a)部分代码:bodyformid=form1runat=serverdivid=topdivid=logo_navidivid=logostyle=float:left;width:30%asp:ImageID=imgLogorunat=serverImageUrl=~/img/logo.gif//divdivid=navigationstyle=background-color:#99CCFF;height:30px;asp:LinkButtonID=lnkbtnDefaultrunat=server首页/asp:LinkButton    | asp:LinkButtonID=lnkbtnResetrunat=server个性重置/asp:LinkButton    | asp:LinkButtonID=lnkbtnRegisterrunat=server注册/asp:LinkButton/div3divid=statusstyle=background-color:#CCFFFF;height:30px;登录状态/div/divdivid=positionstyle=background-color:#33CCCC您的位置：/div/div/form/bodya)运行图片:3.建立独立的.Css文件。添加一个.css文件，取名为css.css，添加如下格式代码：.font1{font-size:14px;}.font2{font-size:14px;font-weight:bolder;}.font3{font-size:14px;font-style:italic;}.font4{font-size:14px;font-variant:small-caps;}4.font5{font-size:14px;color:red;}•在使用的页面的head标签中添加引用，示例代码如下所示：linkhref=css.csstype=text/cssrel=stylesheet/link•在页面中采用如下格式引用：divclass=font1这是一段文字1/div4.建立XML文件，通过以下方式中的一种。在VS中打开新建网站，选择XML！！在aspx中打开解决方案问题中右击选择添加新项选择XML；在桌面使用新建文本文档然后改扩展名！！输入内容：?xmlversion=1.0encoding=utf-8?userperson/personpersonname=张三sex=男age=25pass123/passAddress长沙/Address/personpersonname=小云sex=女age=25pass456/passAddress昆明/Address/person/user四、实验结果（遇到的问题及解决方法）（例）在弄table的时候总是弄歪了，而且不会调整。不过最后终于发现只要向上移一点就会好很多了。其他的没什么问题。五、心得体会(实验收获)通过这次实验，学会了用table、div和css对网页进行布局和“分割”，让网页更加整齐美观。而且还学会了XML文件结构，掌握了XML文件建立的方法。5实验名称实验二C#和ASP.NET实验目的1.了解C#语言规范2.掌握C#基础语法、流程控制和异常处理等。3.掌握创建C#类并应用于ASP.NET3.5Web窗体中的方法。一、实验预习实验前预习了1.C#的基础语法，重新了解了c#。2.预习了c#的流程控制和异常处理。3.了解了怎么创建c#类。二、实验内容(原理、方法、框图)1.转换输入的成绩到相应的等级2.在Web窗体上输出九九乘法表3.输入一组以空格间隔的共10个以内的整数，输出该组整数的降序排列4.计算两个数的商5.设计一个用户信息类UserInfo6.将UserInfo类应用于Web窗体中三、实验过程（步骤、实现代码）1.转换输入的成绩到相应的等级（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图1-8所示，向页面添加1个TextBox控件、1个Botton控件和1个Lable控件。图1-8设计界面（2）设置属性Web窗体中各控件的属性设置如表1-1所示。表1-1各控件的属性设置表控件属性名属性值说明TextBoxIDtxtInput“输入成绩”文本框的编程名称ButtonIDbtnSubmit“等级”按钮的编程名称Text等级“等级”按钮上显示的文本LabelIlblDisplay用来显示等级信息的Label控件编程名称6Text空出示不显示任何内容（3）编写事件代码按钮btnSubmit被单击时执行的事件代码如下：protectedvoidbtnSubmit_Click(objectsender,EventArgse){floatfGrade=float.Parse(txtInput.Text);intiGrade=(int)(fGrade/10);switch(iGrade){case10:case9:lblDisplay.Text=优秀;break;case8:lblDisplay.Text=良;break;case7:lblDisplay.Text=中;break;case6:lblDisplay.Text=及格;break;case5:case4:case3:case2:case1:case0:lblDisplay.Text=不及格;break;}}（4）浏览建立的Web窗体进行测试。2.在Web窗体上输出九九乘法表新建一个Web窗体，切换到设计视图。在空白处双击，编写Web窗体载入时执行代码如下：protectedvoidPage_Load(objectsender,EventArgse){for(inti=1;i=9;i++){for(intj=1;j=i;j++){Response.Write(i.ToString()+*+j.ToString()+=+(i*j).ToString());Response.Write(  );7}Response.Write(br/);}}最后，浏览建立的Web窗体查看效果。3.输入一组以空格间隔的共10个以内的整数，输出该组整数的降序排列（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图1-9所示，向页面添加1个TextBox控件、1个Botton控件。图1-9设计界面（2）设置属性Web窗体中各控件的初始属性设置如表1-2所示。表1-2各控件的属性设置表控件属性名属性值说明TextBoxIDtxtInput“输入一组数据”文本框的编程名称BottonIDbtnSubmit“降序级”按钮的编程名称Text降序“降序”按钮上显示的文本（3）编写事件代码按钮btnSubmit被单击时执行的事件代码如下：protectedvoidbtnSubmit_Click(objectsender,EventArgse){stringsInput;sInput=txtInput.Text.Trim()+;intj=0;8int[]aInput=newint[10];stringtemp=0;for(inti=0;i=sInput.Length-1;i++){if(sInput.Substring(i,1)!=){temp+=sInput.Substring(i,1);}else{aInput[j]=int.Parse(temp);j++;temp=0;}}Array.Sort(aInput);Array.Reverse(aInput);foreach(intiinaInp