《电子商务应用技术》实验指导书

1、 电子商务应用开发       实  验  指  导  书         编 写          适用专业： 计算机科学与技术              &

2、#160;                                                 &

3、#160;                      闽江学院 计算机科学 系       2010年  7月前   言 电子商务应用技术是一门学习计算机专业的专业选修课程，课程主要介绍电子商务的相关理论知识，以及如何使用asp.net技术进行电子商务网站开发。本课程实

4、验针对的理论教学部分章节开设了验证性及综合性实验，使学生进一步了解b/s模式，理解动态网站开发的完整过程，掌握各种网页制作技能、vs2008工具的使用以及asp.net3.5开发技术，学会解决网站设计中的一般应用问题，为今后参与大型项目开发奠定基础。通过本课程的理论学习和实践教学，使学生理解电子商务的相关概念，掌握电子商务网站的架构和设计要点，掌握asp.net的编程技巧，掌握c#.net的编程思想和编程方法，学会使用c#.net设计具备一定功能的电子商务网站。本指导书开设六个实验，五个验证性实验主要让学生掌握网页制作技能、asp.net 应用程序开发方法，以及通过web 控件、html控件和

5、各种验证控件的设计和使用来理解asp.net网页设计的过程，通过学习ado.net与数据绑定技术掌握动态网页开发技术；“电子商务网站设计”综合性实验主要让学生体验网站规划、设计、发布与维护的全过程，理解电子商务的模式，详细掌握asp.net动态服务器网站开发技术，培养学生掌握电子商务网站开发的综合应用能力。    目    录 1、实验一 用户登陆表单42、实验二 用户信息注册表单83、实验三 response、request和server对象的应用.134、实验四 ado.net与数据绑定.185、实验五 订单业务的设计与

6、实现206、实验六 电子商务网站设计22实验一 用户登陆表单实验学时：2实验类型：验证实验要求：必修一、实验目的1、了解c#.net的page 对象和web 服务器控件；2、掌握dreamweaver设计html表单的过程；3、掌握c#.net设计表单的过程。二、实验内容1、使用dreamweaver设计一个带表单验证功能的html用户登陆表单2、使用c#设计一个带表单验证功能的用户登陆表单三、实验原理、方法和手段设计并调试表单网页，分别使用简单的html+javascript技术和c#.net设计技术两种方法。体验不同方法实现相同效果在程序设计上的不同，通过比较来理解c#.net表单设计的过

7、程和方法。四、实验组织运行要求根据本实验的特点、要求和具体条件，采用以学生自主训练为主的开放模式组织教学。重点：设计网页的表单元素，并对输入数据进行验证。难点：使用c#设计表单验证功能。五、实验条件安装了windows 系列操作系统的计算机，并配有如下应用软件：·visual studio 2008·dreamweaver六、实验步骤1、使用dreamweaver设计一个带表单验证功能的html用户登陆表单步骤一：编写javascript脚本<script language="javascript">function check() if(f

8、orm1.textfield1.value="") window.alert("用户名不能为空"); else if(form1.textfield2.value="") window.alert("密码不能为空"); / 判断用户名 else if(form1.textfield1.value!="cool") window.alert("用户名错误"); / 判断密码 else if(form1.textfield2.value!="cool") wi

9、ndow.alert("密码错误"); else form1.submit(); window.alert("用户名、密码正确，表单已经提交"); </script>步骤二：编写窗体代码<form id="form1" name="form1" method="post" action=""> <table width="212" height="133" border="0" alig

10、n="center" bgcolor="#ffffff"> <tr> <td width="69"> <div align="right">用户名：</div></td> <td width="129"> <input name="textfield1" type="text" size="13" /> </td> </tr>

11、; <tr> <td> <div align="right">密码：</div></td> <td> <input name="textfield2" type="password" size="13" /> </td> </tr> <tr> <!- colspan="2"是指这个列跨度为两列的位置 -> <td colspan="2"&g

12、t; <div align="center"> <!- 如果 type="submit" 则会直接提交表单，所以必须让 type="button"，才能经过javascript校验后提交 -> <!- <input type="submit" name="submit" value="提交" onclick="check()" /> -> <input type="button" n

13、ame="submit" value="提交" onclick="check()" /> <input type="reset" name="submit2" value="重置" /> </div> </td> </tr> </table></form>2使用c#设计一个带表单验证功能的用户登陆表单步骤一：编写窗体文件default.aspx <form id="form1&quo

14、t; runat="server"> <div> <asp:label id="label1" runat="server" style="z-index: 107; left: 136px; position: absolute; top: 41px" text="用户名：" width="73px"></asp:label> <asp:label id="label2" runat="serve

15、r" style="z-index: 101; left: 135px; position: absolute; top: 73px" text="密码 ：" width="77px"></asp:label> <asp:label id="labelmessage" runat="server" forecolor="red" style="z-index: 102; left: 193px; position: absolute

16、; top: 149px" width="119px"></asp:label> <asp:textbox id="txtusername" runat="server" style="z-index: 103; left: 228px; position: absolute; top: 36px"></asp:textbox> <asp:textbox id="txtpwd" runat="server" style

17、="z-index: 104; left: 228px; position: absolute; top: 73px" width="149px"></asp:textbox> &nbsp; <asp:button id="btnsumbit" runat="server" onclick="btnsumbit_click" style="z-index: 105; left: 184px; position: absolute; top: 109px&

18、quot; text="提交" width="51px" /> <asp:button id="btncancel" runat="server" onclick="btncancel_click" style="z-index: 106; left: 261px; position: absolute; top: 109px" text="取消" width="51px" /> </div> </f

19、orm>步骤二：编写代码文件default.aspx.cs protected void page_load(object sender, eventargs e) if(!this.ispostback) this.txtusername.text ="" this.txtpwd.text="" this.labelmessage.text ="" protected void btnsumbit_click(object sender, eventargs e) if (this.txtusername.text = &qu

20、ot;") this.labelmessage.text = "用户名不能为空" else if (this.txtpwd.text = "") this.labelmessage.text = "密码不能为空" else if (this.txtusername.text != "cool") this.labelmessage.text = "用户名错误" else if (this.txtpwd.text != "cool") this.labelmessag

21、e.text = "密码错误" else if (this.txtusername.text = "cool" && this.txtpwd.text = "cool") this.labelmessage.text = "登录成功" protected void btncancel_click(object sender, eventargs e) this.txtusername.text = "" this.txtpwd.text = "" this.l

22、abelmessage.text = "" 3、回答思考题并撰写实验报告七、思考题1、 asp.net中的web 窗体将web应用程序分为哪两部分？2、 asp.net与asp相比优势是什么？八、实验报告1、实验预习       在实验前每位同学都需要对本次实验进行认真的预习，并写好预习报告，在预习报告中要写出实验目的、要求，需要用到的仪器设备、物品资料以及简要的实验步骤，形成一个操作提纲。对实验中的注意事项及可能出现的现象等做到心中有数，但这些不要求写在预习报告中。   &

23、#160;    设计性实验要求进入实验室前写出实验方案，并经指导教师审阅后实施。2、实验记录       学生开始实验时，应该将记录本放在近旁，将实验中所做的每一步操作、观察到的现象和所测得的数据及相关条件如实地记录下来。       实验记录中应有指导教师的签名。3、实验报告      主要内容包括对实验数据、实验中的特殊现象、实验操作的成败、实验的关键

24、点等内容进行整理、解释、分析总结，回答思考题，提出实验结论或提出自己的看法。九、实验例程实验二 用户信息注册表单实验学时：2实验类型：验证实验要求：必修一、实验目的1、掌握c#.net的web 服务器控件、html 控件和验证控件的使用方法2、掌握使用c#.net设计具有验证功能的用户信息注册表单的方法。二、实验内容使用c#设计一个具有验证功能的用户信息注册表单，具体要求如下：表单项目设 计 建 议验证要求姓名使用textbox控件不能为空性别使用radiobutton控件不要验证年龄使用textbox、rangevalidator控件范围：1-100职业使用dropdownlist控件，至少

25、包含4个选项不要验证薪水使用dropdownlist控件，至少包含4个选项不要验证爱好使用checkbox控件，至少包含5个选项不要验证电话使用textbox、regularexpressionvalidator控件使用正则表达式验证e-mail使用textbox、regularexpressionvalidator控件使用正则表达式验证表单项目还可以自行添加其它项目，如：家庭住址、邮编等。三、实验原理、方法和手段理解web 服务器控件、html 控件和验证控件的功能，综合应用各种控件设计一个具有验证功能的用户信息注册表单。该表单经调试运行后，通过输入数据来测试表单的有效性，近而验证各功能设计

26、的合法性。四、实验组织运行要求根据本实验的特点、要求和具体条件，采用以学生自主训练为主的开放模式组织教学。重点：web 服务器控件、html 控件和验证控件的使用方法；难点：用户注册网页的设计与实现。五、实验条件安装了windows 系列操作系统的计算机，并配有如下应用软件：·visual studio 2008·a 3.5六、实验步骤1、阅读实验程序程序代码见【实验例程】。2、设计并运行程序3、记录并理解运行显示的信息4、回答思考题并撰写实验报告七、思考题1、为什么需要数据验证？2、regularexpressionvalidator控件的作用是什么，正则表达式有什么作用

27、？八、实验报告1、实验预习       在实验前每位同学都需要对本次实验进行认真的预习，并写好预习报告，在预习报告中要写出实验目的、要求，需要用到的仪器设备、物品资料以及简要的实验步骤，形成一个操作提纲。对实验中的注意事项及可能出现的现象等做到心中有数，但这些不要求写在预习报告中。        设计性实验要求进入实验室前写出实验方案，并经指导教师审阅后实施。2、实验记录      &#

28、160;学生开始实验时，应该将记录本放在近旁，将实验中所做的每一步操作、观察到的现象和所测得的数据及相关条件如实地记录下来。       实验记录中应有指导教师的签名。3、实验报告      主要内容包括对实验数据、实验中的特殊现象、实验操作的成败、实验的关键点等内容进行整理、解释、分析总结，回答思考题，提出实验结论或提出自己的看法。九、实验例程窗体文件default.aspx的主要程序： <form id="form1" runat=&q

29、uot;server"> <div> <asp:label id="label1" runat="server" style="z-index: 100; left: 52px; position: absolute; top: 82px" text="性别"></asp:label> <asp:label id="label2" runat="server" style="z-index: 101; lef

30、t: 51px; position: absolute; top: 52px" text="姓名"></asp:label> <asp:label id="label3" runat="server" style="z-index: 102; left: 53px; position: absolute; top: 116px" text="年龄"></asp:label> <asp:label id="label4"

31、 runat="server" style="z-index: 103; left: 53px; position: absolute; top: 150px" text="职业"></asp:label> <asp:label id="label5" runat="server" style="z-index: 104; left: 52px; position: absolute; top: 186px" text="薪水"&g

32、t;</asp:label> <asp:label id="label6" runat="server" style="z-index: 105; left: 51px; position: absolute; top: 221px" text="爱好"></asp:label> <asp:label id="label7" runat="server" style="z-index: 106; left: 52px; po

33、sition: absolute; top: 257px" text="电话"></asp:label> <asp:label id="label8" runat="server" style="z-index: 107; left: 44px; position: absolute; top: 294px" text="e-mail"></asp:label> <asp:textbox id="textbox1" r

34、unat="server" style="z-index: 108; left: 107px; position: absolute; top: 49px"></asp:textbox> <asp:radiobutton id="radiobutton1" runat="server" checked="true" style="z-index: 109; left: 107px; position: absolute; top: 78px" text

35、="男" /> <asp:radiobutton id="radiobutton2" runat="server" groupname="sex" style="z-index: 110; left: 160px; position: absolute; top: 77px" text="女" /> <asp:textbox id="textbox2" runat="server" style="z-i

36、ndex: 111; left: 108px; position: absolute; top: 112px"></asp:textbox> <asp:dropdownlist id="dropdownlist1" runat="server" style="z-index: 112; left: 110px; position: absolute; top: 147px" width="90px"> <asp:listitem>请选择</asp:listi

37、tem> <asp:listitem>公务员</asp:listitem> <asp:listitem>医生</asp:listitem> <asp:listitem>律师</asp:listitem> <asp:listitem>教师</asp:listitem> <asp:listitem>其他</asp:listitem> </asp:dropdownlist> <asp:dropdownlist id="dropdownlist2&q

38、uot; runat="server" style="z-index: 113; left: 110px; position: absolute; top: 184px" width="90px"> <asp:listitem>请选择</asp:listitem> <asp:listitem>1000以下</asp:listitem> <asp:listitem>1000-1500</asp:listitem> <asp:listitem>150

39、0-2000</asp:listitem> <asp:listitem>2000-2500</asp:listitem> <asp:listitem>2500-3000</asp:listitem> <asp:listitem>3000以上</asp:listitem> </asp:dropdownlist> <asp:checkbox id="checkbox1" runat="server" style="z-index: 114; lef

40、t: 107px; position: absolute; top: 218px" text="体育" /> <asp:checkbox id="checkbox2" runat="server" style="z-index: 115; left: 171px; position: absolute; top: 217px" text="音乐" /> <asp:checkbox id="checkbox3" runat="serv

41、er" style="z-index: 116; left: 237px; position: absolute; top: 216px" text="美术" /> <asp:checkbox id="checkbox4" runat="server" style="z-index: 117; left: 308px; position: absolute; top: 215px" text="旅游" /> <asp:checkbox id=

42、"checkbox5" runat="server" style="z-index: 118; left: 377px; position: absolute; top: 215px" text="美食" /> <asp:checkbox id="checkbox6" runat="server" style="z-index: 119; left: 447px; position: absolute; top: 215px" text=&qu

43、ot;其他" /> <asp:textbox id="textbox3" runat="server" style="z-index: 120; left: 109px; position: absolute; top: 252px"></asp:textbox> <asp:textbox id="textbox4" runat="server" style="z-index: 121; left: 110px; position: abs

44、olute; top: 292px"></asp:textbox> <asp:rangevalidator id="rangevalidator1" runat="server" controltovalidate="textbox2" errormessage="rangevalidator" maximumvalue="100" minimumvalue="1" style="z-index: 122; left: 281px;

45、 position: absolute; top: 115px" type="integer">必须介于1-100之间</asp:rangevalidator> <asp:regularexpressionvalidator id="regularexpressionvalidator1" runat="server" controltovalidate="textbox3" errormessage="regularexpressionvalidator" s

46、tyle="z-index: 123; left: 282px; position: absolute; top: 252px" validationexpression="(0d2,3)|0d2,3-)?d7,11(-d1,4)?">电话无效</asp:regularexpressionvalidator> <asp:regularexpressionvalidator id="regularexpressionvalidator2" runat="server" controltoval

47、idate="textbox4" errormessage="regularexpressionvalidator" style="z-index: 124; left: 282px; position: absolute; top: 293px" validationexpression="w+(-+.w+)*w+(-.w+)*.w+(-.w+)*">e-mail无效</asp:regularexpressionvalidator> <asp:button id="button1

48、" runat="server" onclick="button1_click" style="z-index: 125; left: 110px; position: absolute; top: 344px" text="提 交" /> <asp:label id="label9" runat="server" height="17px" style="z-index: 126; left: 45px; position

49、: absolute; top: 390px" width="378px"></asp:label> </div> </form>程序文件default.aspx.cs主要程序： protected void page_load(object sender, eventargs e) protected void button1_click(object sender, eventargs e) if (rangevalidator1.isvalid && regularexpressionvalidato

50、r1.isvalid && regularexpressionvalidator2.isvalid) label9.text = "欢迎！" + textbox1.text; 实验三 response、request和server对象的应用实验学时：2实验类型：验证实验要求：必修一、实验目的1、掌握c#.net的response、request和server对象；2、掌握具有验证功能的用户信息注册表单的设计方法。二、实验内容1、使用c#设计一个具有验证功能的用户登陆表单，具体要求如下：表单项目设 计 建 议账号使用textbox控件使用regularexpr

51、essionvalidator控件验证账号是6位数字使用comparevalidator控件验证账号是否正确密码使用textbox控件，其中：textmode设置为password使用comparevalidator控件验证密码是否正确cookie 有效期使用dropdownlist控件，其中：下拉列表项分别为：不保存，保存一天，保存一周，保存一月，保存一年，永久保存当验证通过时，先把账号和密码写入到cookie中去，然后再把账号和密码用response.redirect方式传递到下一页面。三、实验原理、方法和手段调试并运行一个简单的 spooling模拟系统，该spooling 系统的输入/

52、输出处理程序与其它请求输入/输出的进程并发运行；spooling 进程把从输入设备读入的信息送到外存输入井中，或把外存输出井中的信息送到打印机等输出设备上输出。通过运行例程理解模拟系统在运行过程中显示的状态和有关参数变化情况的意义。四、实验组织运行要求根据本实验的特点、要求和具体条件，采用以学生自主训练为主的开放模式组织教学。重点：掌握c#.net的response、request和server对象的应用。 难点：合理使用对象的属性与方法。五、实验条件安装了windows 系列操作系统的计算机，并配有如下应用软件：·visual studio 2008·a 3.5六、实验步

53、骤1、阅读实验程序程序代码见【实验例程】。2、设计并运行程序3、记录并理解运行显示的信息4、回答思考题并撰写实验报告七、思考题1、cookie有何用处？2、请将response对象的write方法与利用标签控件输出信息进行比较。3、在a中创建对象通常用什么方法来实现？八、实验报告1、实验预习       在实验前每位同学都需要对本次实验进行认真的预习，并写好预习报告，在预习报告中要写出实验目的、要求，需要用到的仪器设备、物品资料以及简要的实验步骤，形成一个操作提纲。对实验中的注意事项及可能出现的现象等做到心中有数，但这些不要

54、求写在预习报告中。        设计性实验要求进入实验室前写出实验方案，并经指导教师审阅后实施。2、实验记录       学生开始实验时，应该将记录本放在近旁，将实验中所做的每一步操作、观察到的现象和所测得的数据及相关条件如实地记录下来。       实验记录中应有指导教师的签名。3、实验报告      主要内容包括

55、对实验数据、实验中的特殊现象、实验操作的成败、实验的关键点等内容进行整理、解释、分析总结，回答思考题，提出实验结论或提出自己的看法。九、实验例程步骤一：编写窗体文件default.aspx <form id="form1" runat="server"> <div> <asp:label id="label1" runat="server" style="z-index: 100; left: 85px; position: absolute; top: 64px"

56、 text="账号："></asp:label> <asp:label id="label2" runat="server" style="z-index: 101; left: 85px; position: absolute; top: 99px" text="密码："></asp:label> <asp:label id="label3" runat="server" style="z-ind

57、ex: 102; left: 20px; position: absolute; top: 133px" text="cookie 有效期："></asp:label> <asp:textbox id="textbox1" runat="server" style="z-index: 103; left: 148px; position: absolute; top: 61px"></asp:textbox> <asp:textbox id="te

58、xtbox2" runat="server" style="z-index: 104; left: 148px; position: absolute; top: 97px" textmode="password"></asp:textbox> &nbsp; <asp:button id="button1" runat="server" onclick="button1_click" style="z-index: 105;

59、 left: 148px; position: absolute; top: 173px" text="登陆" /> <asp:label id="label4" runat="server" style="z-index: 106; left: 147px; position: absolute; top: 27px" text="用户登陆"></asp:label> &nbsp; <asp:regularexpressionvalidat

60、or id="regularexpressionvalidator1" runat="server" controltovalidate="textbox1" display="dynamic" errormessage="regularexpressionvalidator" style="z-index: 107; left: 318px; position: absolute; top: 64px" validationexpression="d6"

61、>账号必须是位数字</asp:regularexpressionvalidator> <asp:dropdownlist id="dropdownlist1" runat="server" style="z-index: 108; left: 149px; position: absolute; top: 130px"> <asp:listitem selected="true">不保存</asp:listitem> <asp:listitem value

62、="保存一周">保存一周</asp:listitem> <asp:listitem value="保存一月">保存一月</asp:listitem> <asp:listitem value="保存一年">保存一年</asp:listitem> <asp:listitem>永久保存</asp:listitem> </asp:dropdownlist> <asp:comparevalidator id="compareva

63、lidator1" runat="server" controltovalidate="textbox1" errormessage="comparevalidator" style="z-index: 109; left: 471px; position: absolute; top: 64px" valuetocompare="123456">该账号不存在</asp:comparevalidator> <asp:comparevalidator id=&qu

64、ot;comparevalidator2" runat="server" controltovalidate="textbox2" errormessage="comparevalidator" style="z-index: 110; left: 319px; position: absolute; top: 100px" valuetocompare="654321">密码错误</asp:comparevalidator> <asp:label id=&qu

65、ot;label5" runat="server" style="z-index: 112; left: 25px; position: absolute; top: 249px" text="账号：123456 密码：654321"></asp:label> </div> </form>步骤二：编写程序文件default.aspx.cs protected void page_load(object sender, eventargs e) /读取有子键的cookies if ( req