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

电子商务网站建设实验指导书 2012年 10月 实验报告要求1在实验课前要认真预习实验内容，熟习实验的原理、方法及算法等。2根据实验指导书要求，认真完成实验内容；实验结束后，按照实验报告的要求认真填写相关内容。3实验时要带好实验指导书、实验报告本。4实验时要严肃认真，不得互相抄袭。5实验课的成绩由实验预习、实验过程、实验结果和实验报告四部分构成。 目 录实验一 ASP.NET网站开发基础1实验二 C#和ASP.NET5实验三 ASP.NET标准控件13实验四 ASP.NET验证控件21实验五 HTTP请求、响应及状态管理31实验六 用户登录36实验七 产品展示和上架39实验八 母版页与产品分类导航42I实验名称实验一 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) 部分代码:table布局 首页 个性重置 注册 登录状态 您的位置： b) 图片：2. 利用Div对网页布局：a) 部分代码: 首页    |  个性重置    |  注册 登录状态 您的位置： a) 运行图片: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;.font5 font-size:14px; color:red; 在使用的页面的head标签中添加引用，示例代码如下所示： 在页面中采用如下格式引用：这是一段文字14. 建立XML文件，通过以下方式中的一种。l 在VS中打开 新建网站，选择XML！l 在aspx中打开解决方案问题中右击选择添加新项 选择XML；l 在桌面使用新建文本文档 然后改扩展名！输入内容： 123 长沙 456 昆明 四、实验结果（遇到的问题及解决方法）（例 ）在弄table的时候总是弄歪了，而且不会调整。不过最后终于发现只要向上移一点就会好很多了。其他的没什么问题。五、心得体会 (实验收获)通过这次实验，学会了用table、div和css对网页进行布局和“分割”，让网页更加整齐美观。而且还学会了XML文件结构，掌握了XML文件建立的方法。实验名称实验二 C#和ASP.NET实验目的1.了解C#语言规范2.掌握C#基础语法、流程控制和异常处理等。3. 掌握创建C#类并应用于ASP.NET3.5 Web窗体中的方法。一、实验预习实验前预习了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控件编程名称Text空出示不显示任何内容（3）编写事件代码 按钮btnSubmit被单击时执行的事件代码如下：protected void btnSubmit_Click(object sender, EventArgs e) float fGrade = float.Parse(txtInput.Text); int iGrade = (int)(fGrade / 10); switch (iGrade) case 10: case 9: lblDisplay.Text = 优秀; break; case 8: lblDisplay.Text=良; break; case 7: lblDisplay.Text=中; break; case 6: lblDisplay.Text=及格; break; case 5: case 4: case 3: case 2: case 1: case 0: lblDisplay.Text = 不及格; break; （4）浏览建立的Web窗体进行测试。2. 在Web窗体上输出九九乘法表新建一个Web窗体，切换到设计视图。在空白处双击，编写Web窗体载入时执行代码如下：protected void Page_Load(object sender, EventArgs e) for (int i = 1; i = 9; i+) for (int j = 1; j = i; j+) Response.Write(i.ToString() + * + j.ToString() + = + (i * j).ToString(); Response.Write(  ); Response.Write(); 最后，浏览建立的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被单击时执行的事件代码如下：protected void btnSubmit_Click(object sender, EventArgs e) string sInput; sInput = txtInput.Text.Trim() + ; int j=0; int aInput = new int10; string temp = 0; for (int i = 0; i = sInput.Length - 1; i+) if (sInput.Substring(i, 1) != ) temp += sInput.Substring(i, 1); else aInputj = int.Parse(temp); j+; temp = 0; Array.Sort(aInput); Array.Reverse(aInput); foreach (int i in aInput) if (i != 0) Response.Write(i +   ); （4）浏览建立的Web窗体进行测试。4.计算两个数的商（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图1-10所示，向页面添加2个TextBox控件、1个Botton控件。图1-10设计界面（2）设置属性Web窗体中各控件的初始属性设置如表1-3所示。表1-3 各控件的属性设置表控件属性名属性值说明TextBoxIDtxtDivsor“除数”文本框的编程名称TextBoxIDtxtDivided“被除数”文本框的编程名称BottonIDbtnSubmit“提交”按钮的编程名称Text提交“提交”按钮上显示的文本（3）编写事件代码 按钮btnSubmit被单击时执行的事件代码如下：protected void btnSubmit_Click(object sender, EventArgs e) try float divsor = float.Parse(txtDivsor.Text); float dividend = float.Parse(txtDividend.Text); Response.Write(商为: + divsor / dividend); catch(Exception ee) Response.Write(系统提示+ee.Message+); Response.Write(请输入正确的数字); （4）浏览建立的Web窗体进行测试。5.设计一个用户信息类UserInfo（1）右击App_Code文件夹，选择“添加新项”“类”模板，重命名为UserInfo.cs,单击“添加”按钮。（2）输入代码如下：public class UserInfo private string _Name; private DateTime _Birthday; public string Name get return _Name; set _Name = value; public DateTime Birthday get return _Birthday; set _Birthday = value; public UserInfo(string name,DateTime birthday)/TODO: 在此处添加构造函数逻辑/ this.Name = name; this.Birthday = birthday; public string DecideAge() if (DateTime.Now.Year - _Birthday.Year 18) return this._Name + 您还没长大呢！; else return this._Name + 您已经成年了; 6.将UserInfo类应用于Web窗体中（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图1-11所示，向页面添加2个TextBox控件、1个Botton控件。图1-11设计界面（2）设置属性Web窗体中各控件的初始属性设置如表1-4所示。表1-4 各控件的属性设置表控件属性名属性值说明TextBoxIDtxtName“姓名”文本框的编程名称TextBoxIDtxtBirthday“生日”文本框的编程名称BottonIDbtnSubmit“提交”按钮的编程名称Text提交“提交”按钮上显示的文本（3）编写事件代码 按钮btnSubmit被单击时执行的事件代码如下：protected void btnSubmit_Click(object sender, EventArgs e) string name = txtName.Text; string birthday = txtBirthday.Text; UserInfo userInfo = new UserInfo(name, DateTime.ParseExact(birthday, yyyymmdd, null); Response.Write(userInfo.DecideAge();四、实验结果（遇到的问题及解决方法） 这次实验中界面设计还是比较简单的，要实现的功能也比较容易。实验中没有什么地方特别难，所以这次实验还是比较顺利的。五、心得体会 (实验收获)这节课主要是重新温习了C#的基础语法，解了c#。还有重点了解了c#的流程控制和异常处理。当然，创建一个c#类是很简单的事情了。实验名称实验三 ASP.NET标准控件实验目的1. 理解ASP.NET 3.5页面事件处理流程。2. 理解ASP.NET 3.5标准控件的应用。一、实验预习1. 了解了ASP.NET 3.5页面事件的处理流程。2. 了解了怎么使用ASP.NET 3.5标准控件。二、实验内容 (原理、方法、框图)1.设计并实现一个简易的计算器2.设计并实现一个用于查询教师课表的联动下拉列表框页面3.设计并实现一个用于单项选择题的测试页面三、实验过程（步骤、实现代码）1. 设计并实现一个简易的计算器（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图2-5所示，向页面添加1个用于布局的1行1列黑色边框表格。向表格中添加一个TextBox控件、6个Botton控件。图2-5（2）设置属性Web窗体中各控件的属性设置如表2-1所示。表2-1 各控件的属性设置表控件属性名属性值说明TextBoxIDtxtDisplay用于显示输入数字的文本框控件编程名称ReadOnlyTrue不能更改文本框中的文本，默认值为FalseBottonIDbtnOne“数字1”按钮的编程名称Text1“数字1”按钮上显示的文本BottonIDbtnTwo“数字2”按钮的编程名称Text2“数字”按钮上显示的文本BottonIDbtnThree“数字3”按钮的编程名称Text3“数字3”按钮上显示的文本BottonIDbtnAdd“+”按钮的编程名称Text+“+”按钮上显示的文本BottonIDbtnSubtract“-”按钮的编程名称Text-“-”按钮上显示的文本BottonIDbtnEqual“=”按钮的编程名称Text=“=”按钮上显示的文本（3）编写事件、方法代码在所有事件、方法外声明静态字段。静态字段保证了其中的数据可以在所有的事件、方法中被访问，并能在事件代码或方法代码执行结束后保留数据。其中，静态字段num1用于存储算式中的第一个数字字符串，初始值为“0”；num2用于存储算式中的第二个数字字符串，初始值为“0”；total用于存储将所有输入的数连接后的数字字符串，初始值为“”（空字符串）；sign用于存储运算符号，初始值为“”。代码如下：static string num1 = 0, num2 = 0, total = , sign = ;按钮btnOne被单击时执行的事件代码如下：protected void btnOne_Click(object sender, EventArgs e) total += 1; /将数字字符串1与total原值连接后再存入total txtDisplay.Text = total; 按钮btnTwo被单击时执行的事件代码如下：protected void btnTwo_Click(object sender, EventArgs e) total += 2; txtDisplay.Text = total; 按钮btnThree被单击时执行的事件代码如下：protected void btnThree_Click(object sender, EventArgs e) total += 3; txtDisplay.Text = total; 按钮btnAdd被单击时执行的事件代码如下：protected void btnAdd_Click(object sender, EventArgs e) if (sign.Length = 1) /sign已存储运算符号 Count(); /调用Count()方法计算结果 num1 = txtDisplay.Text; sign = +; else /sign未存储运算符号 num1 = txtDisplay.Text; txtDisplay.Text = ; total = ; sign = +; 按钮btnSubtract被单击时执行的事件代码如下：protected void btnSubtract_Click(object sender, EventArgs e) if (sign.Length = 1) /sign已存储运算符号 Count(); /调用自定义方法Count()计算结果 num1 = txtDisplay.Text; sign = -; else /sign未存储运算符号 num1 = txtDisplay.Text; txtDisplay.Text = ; total = ; sign = -; 按钮btnEqual被单击时执行的事件代码如下：protected void btnEqual_Click(object sender, EventArgs e) Count(); /调用自定义方法Count()计算结果 / / 计算“num1 运算符 num2”的结果 / protected void Count() num2 = txtDisplay.Text; if (num2 = ) /num2值为空字符串 num2 = 0; switch (sign) /根据不同的运算符分别计算结果 case +: txtDisplay.Text = (int.Parse(num1) + int.Parse(num2).ToString(); num1 = 0; num2 = 0; total = ; sign = ; break; case -: txtDisplay.Text = (int.Parse(num1) - int.Parse(num2).ToString(); num1 = 0; num2 = 0; total = ; sign = ; break; 2. 设计并实现一个用于查询教师课表的联动下拉列表框页面（1）设计Web窗体新建一个Web窗体，切换到设计视图。如图2-6所示，向页面输入“学年：”、“学期：”、“分院：”和“教师：”等信息，适当设置字体大小。再向页面添加4个DropDownList控件，适当调整个控件的大小和位置。图2-6（2）设置属性Web窗体中各控件的属性设置如表2-2所示。表2-1 各控件的属性设置表控件属性名属性值说明DropDownListIDddlYear“学年”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返DropDownListIDddlTerm“学期”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返DropDownListIDddlCollege“分院”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返DropDownListIDddlTeacher“教师”下拉列表框的编程名称AutoPostBackTrue当列表项内容改变后，自动触发页面往返（3）编写事件、方法代码Web窗体首次载入时执行的代码如下：protected void Page_Load(object sender, EventArgs e) /页面第一次载入，向各下拉列表填充值 if (!IsPostBack) BindYear(); BindTerm(); BindCollege(); BindTeacher(); 当“分院”下拉列表框中选择项改变时，触发的事件代码如下：protected void ddlCollege_SelectedIndexChanged(object sender, EventArgs e) BindTeacher(); 自定义方法BingYear()的代码如下：protected void BindYear() /清空学年下拉列表中项 ddlYear.Items.Clear(); int startYear = DateTime.Now.Year - 10; int currentYear = DateTime.Now.Year; /向学年下拉列表添加项 for (int i = startYear; i = currentYear; i+) ddlYear.Items.Add(new ListItem(i - 1).ToString() + - + i.ToString(); /设置年份下拉列表默认项 ddlYear.SelectedValue = (currentYear - 1).ToString() + - + currentYear.ToString(); 自定义方法BingTerm()的代码如下：protected void BindTerm() ddlTerm.Items.Clear(); /向学期下拉列表添加项 for (int i = 1; i = 2; i+) ddlTerm.Items.Add(i.ToString(); 自定义方法BingCollege()的代码如下：protected v