电子商务网站建设实验指导书
电 子 商 务 网 站 建 设实 验 指 导 书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) 部分代码:table布局首页个性重置注册2登录状态您的位置：b) 图片：2. 利用 Div 对网页布局：a) 部分代码:首页个性重置注册3登录状态您的位置：a) 运行图片:3. 建立独立的.Css 文件。添加一个.css 文件，取名为 css.css，添加如下格式代码：.font1font-size:14px;.font2font-size:14px; font-weight:bolder;.font3font-size:14px; font-style:italic;.font4font-size:14px; font-variant:small-caps;4.font5font-size:14px; color:red; 在使用的页面的 head 标签中添加引用，示例代码如下所示： 在页面中采用如下格式引用：这是一段文字 14. 建立 XML 文件，通过以下方式中的一种。 在 VS 中打开 新建网站，选择 XML！ 在 aspx 中打开解决方案问题中右击选择添加新项 选择 XML； 在桌面使用新建文本文档 然后改扩展名！输入内容：123长沙456昆明四、实验结果（遇到的问题及解决方法）（例 ）在弄 table 的时候总是弄歪了，而且不会调整。不过最后终于发现只要向上移一点就会好很多了。其他的没什么问题。五、心得体会 (实验收获)通过这次实验，学会了用 table、div 和 css 对网页进行布局和 “分割” ，让网页更加整齐美观。而且还学会了 XML 文件结构，掌握了 XML 文件建立的方法。5实验名称 实验二 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 各控件的属性设置表控件 属性名 属性值 说明TextBox ID txtInput “输入成绩”文本框的编程名称ID btnSubmit “等级”按钮的编程名称ButtonText 等级 “等级”按钮上显示的文本Label I lblDisplay 用来显示等级信息的 Label 控件编程名称6Text 空 出示不显示任何内容（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 ");最后，浏览建立的 Web 窗体查看效果。3.输入一组以空格间隔的共 10 个以内的整数，输出该组整数的降序排列（1 ）设计 Web 窗体新建一个 Web 窗体，切换到设计视图。如图 1-9 所示，向页面添加 1 个 TextBox 控件、1 个 Botton 控件。图 1-9 设计界面（2 ）设置属性Web 窗体中各控件的初始属性设置如表 1-2 所示。表 1-2 各控件的属性设置表控件 属性名 属性值 说明TextBox ID txtInput “输入一组数据”文本框的编程名称ID btnSubmit “降序级”按钮的编程名称BottonText 降序 “降序”按钮上显示的文本（3 ）编写事件代码按钮 btnSubmit 被单击时执行的事件代码如下：protected void btnSubmit_Click(object sender, EventArgs e)string sInput;sInput = txtInput.Text.Trim() + " "8int j=0;int aInput = new int10;string temp = "0"for (int i = 0; i ");Response.Write("请输入正确的数字");（4 ）浏览建立的 Web 窗体进行测试。105.设计一个用户信息类 UserInfo（1 ）右击 App_Code 文件夹，选择“添加新项”“类”模板，重命名为 UserInfo.cs,单击“添加”按钮。（2 ）输入代码如下：public class UserInfoprivate string _Name;private DateTime _Birthday;public string Namegetreturn _Name;set_Name = value;public DateTime Birthdaygetreturn _Birthday;11set_Birthday = value;public UserInfo(string name,DateTime birthday)/TODO: 在此处添加构造函数逻辑/this.Name = name;this.Birthday = birthday;public string DecideAge()if (DateTime.Now.Year - _Birthday.Year / 计算“num1 运算符 num2”的结果/ protected void Count()num2 = txtDisplay.Text;if (num2 = "") /num2 值为空字符串num2 = "0"16switch (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 各控件的属性设置表控件 属性名 属性值 说明ID ddlYear “学年 ”下拉列表框的编程名称DropDownListAutoPostBack True 当列表项内容改变后，自动触发页面往返ID ddlTerm “学期 ”下拉列表框的编程名称DropDownListAutoPostBack True 当列表项内容改变后，自动触发页面往返ID ddlCollege “分院 ”下拉列表框的编程名称DropDownListAutoPostBack True 当列表项内容改变后，自动触发页面往返DropDownList ID ddlTeacher “教师 ”下拉列表框的编程名称17AutoPostBack T
