电子商务网站设计实验指导书.docx
《电子商务网站设计实验指导书.docx》由会员分享，可在线阅读，更多相关《电子商务网站设计实验指导书.docx（18页珍藏版）》请在冰豆网上搜索。
电子商务网站设计实验指导书
《电子商务网站设计》
实验指导书
主编教师：
韩冰
前言
电子商务网站设计上机实验指导书是为了巩固和加深《电子商务网站设计》课程的相关理论知识、提高学生动手能力，而专门开设的一门实践课程。
本课程是计算机科学与技术专业及相关专业的专业课程，介绍目前流行的基于Internet的B/S模式的特点与优势,以Visualstudio为开发环境进行数据库应用程序的开发思路，介绍.NET应用程序开发体系与环境配置及ＶＢ语言程序设计基础知识，掌握利用ADO.NET对象访问数据库的方法及进行WEB数据库管理系统的设计的过程与方法，为今后从事WEB数据库系统的设计与开发打下基础。
本课程的完成以学生操作为主，以老师的指导为辅，通过大量的实践，需求分析、系统设计、数据库设计、界面设计、系统编码、测试、软件部署等环节的训练，使学生进一步巩固和掌握电子商务网站设计相关知识点，积累开发经验，培养学生应用面向对象的思想分析问题、解决实际问题的能力，培养学生利用计算机处理问题的思维方式和程序设计的基本方法，为今后进一步深入学习打下一个坚实的基础。
目录
前言1
目录2
实验一创建ASP.NET应用程序4
【实验目的】4
【实验内容】4
【实验要求】5
实验二HTML代码6
【实验目的】6
【实验内容】6
【实验要求】7
实验三VB基本数据类型和语句8
【实验目的】8
【实验内容】8
【实验要求】8
实验四服务器控件9
【实验目的】9
【实验内容】9
【实验要求】10
实验五验证控件11
【实验目的】11
【实验内容】11
【实验要求】12
实验六用户注册页面的制作13
【实验目的】13
【实验内容】13
【实验要求】14
实验七A内置对象16
【实验目的】16
【实验内容】16
【实验要求】17
实验八ADO.NET应用基础18
【实验目的】18
【实验内容】18
【实验要求】20
实验九数据库应用编程21
【实验目的】21
【实验内容】21
【实验要求】23
实验一创建ASP.NET应用程序
【实验目的】
1、熟悉VisualStudio开发环境。
2、掌握项目的创建方法。
4、掌握常用控件的设置与处理。
5、掌握.NET程序的调试运行。
【实验内容】
1、运行VisualS，观察并熟悉集成开发环境。
2、新建一个项目：
我们选择web应用程序
项目起个名称,位置：
选择一个目录用于存放项目文件。
点击确定，会给自动生成一个default.aspx的文件。
3、使用控件，在default.aspx网页中添加一个label一个button:
4、查看并设置控件的属性
以下是default.aspx代码片段：
LabelID="Label1"runat="server"Text="原创：
.net自学手册">
Label>
ButtonID="Button1"runat="server"onclick="Button1_Click"Text="改变"/>
5、实现点击按钮要改变label1中的文本：
在default.aspx页面中双击Button1,在出现的default.aspx.vb中写入以下代码
以下是default.aspx.vb代码片段：
protectedvoidButton1_Click（objectsender,EventArgse）
Label1.Text="你一定会成功！
"
好了，CTRL+F5运行一下，看到效果了吧。
6、观察.NET的调试工具，并使用调试工具调试已创建的程序。
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
实验二HTML代码
【实验目的】
1、掌握基本HTML代码。
2、在VisualStudio开发环境中使用HTML代码制作页面。
【实验内容】
1、在VisualStudio集成环境中创建Web应用程序，。
2、使用
3、使用HTML控件制作用户注册
4、调试运行已创建的Web应用程序。
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
实验三VB基本数据类型和语句
【实验目的】
1、掌握VB基本数据类型。
2、掌握VB的各种控制语句。
【实验内容】
1、创建WEB应用程序。
2、编写程序：
定义数组，实现遍历数组，并输出数组中的所有元素。
3、分别使用forwhiledo-while语句，实现输出100以内的偶数。
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
实验四服务器控件
【实验目的】
1、掌握文件上传方法
2、掌握常用HTML服务器控件
3、掌握常用A服务器控件。
【实验内容】
ASP.NET-HTML服务器控件
HTML服务器控件是服务器可理解的HTML标签。
ASP.NET中的HTML元素是作为文本来进行处理的。
要想使这些元素可编程，就需要向这些HTML元素添加runat="server"属性。
该属性指示，此元素是一个服务器控件。
同时要添加id属性来标识该服务器控件。
id引用可用于操作运行时的服务器控件。
注释：
所有HTML服务器控件必须位于带有runat="server"属性的
提示：
可执行代码本身已被移到HTML之外了。
ASP.NET-Web服务器控件
Web服务器控件是服务器可理解的特殊ASP.NET标签。
类似HTML服务器控件，Web服务器控件也在服务器上创建，它们同样需要runat="server"属性以使其生效。
不过，Web服务器控件没有必要映射任何已存在的HTML元素，它们代表更复杂的元素。
创建Web服务器控件的语法是：
control_nameid="some_id"runat="server"/>
在下面的例子中，我们在.aspx文件中的声明了一个Button服务器控件。
然后我们为Click事件创建了一个事件句柄，它可修改按钮上的文本：
Subsubmit（SourceAsObject,eAsEventArgs）
button1.Text="Youclickedme!
"
EndSub
Buttonid="button1"Text="Clickme!
"runat="server"OnClick="submit"/>
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
实验五验证控件
【实验目的】
掌握常用验证控件：
Ø必须字段验证控件RequiredFieldValidator
Ø范围验证控件RangeValidator
Ø正则表达式验证控件RegularExpressionValidator
Ø自定义验证控件CustomValidator
Ø验证总结控件ValidationSummary
【实验内容】
1、使用必须字段验证控件RequiredFieldValidator验证用户名字段
2、使用范围验证控件RangeValidator验证文本框的输入是否是一个1-5之间的整数
3、使用正则表达式验证控件RegularExpressionValidator验证用户输入的邮政编码是否合法
4、使用自定义验证控件验证用户的输入是否是偶数
5、使用验证总结控件ValidationSummary，完成如下验证
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
实验六用户注册页面的制作
【实验目的】
1、掌握控件、HTML的综合运用。
2、掌握表单数据的提交和获取。
【实验内容】
1、创建WEB应用程序。
2、制作用户注册页面，并实现验证功能。
Ø用户名字段为必填，并且只能以字母开头，长度在6~18之间，只能包含字符、数字和下划线，正则表达式：
^[a-zA-Z]\w{5,17}$
Ø密码，确认密码字段为必填，且必须一致，其它可根据需要设置一些规则，以下是常用密码验证正则表达式：
^（?
=.{7,}）（?
=（.*\W）{1,}）（?
=（.*\d）{1,}）（?
!
（.*\W）{2,}）（?
!
.{20,}）（?
!
.*\s）[a-zA-Z0-9~!
@#$%^&*-_=+?
/;:
'\\.,<>`]*$
（1）大于6且小于20个字符
（2）必须包含一个特殊字符
（3）至少包含一个数字
（4）不能包含空格
3、用户点击注册按钮后，在页面下方显示用户的注册信息
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
实验七A内置对象
【实验目的】
1、掌握Request对象的常用方法。
2、掌握Response对象的作用和常用方法
3、掌握Application对象
【实验内容】
1、Request对象获得浏览器信息：
Ø你浏览器的版本是<%=Request.Browser.Type%>
Ø操作平台是：
<%=Request.Browser.Platform%>
Ø支持背景音乐？
<%=Request.Browser.BackgroundSounds%>
Ø支持ActiveXControls吗？
<%=Request.Browser.ActiveXControls%>
Ø支持JavaApplets吗？
<%=Request.Browser.JavaApplets%>
2、Request对象获得机器信息
Ø客户端浏览器信息：
<%=Request.UserAgent%>
Ø客户端ip地址：
<%=Request.UserHostAddress%>
Ø数据取得方式：
<%=Request.HttpMethod%>
ØMIME类型：
<%=Request.ContentType%>
Ø服务器的数据流量<%=Request.TotalBytes%>
Ø客户端支持的字符编码方式：
<%=Request.ContentEncoding%>
Ø网页在服务器的相对地址：
<%=Request.FilePath%>
Ø网页在服务器端的相对路径：
<%=Request.Url%>
Ø网页在服务器端的完整路径：
<%=Request.PhysicalPath%>
3、Response对象向客户端输出数据（文本、HTML标签、客户端脚本）
protectedvoidPage_Load（objectsender,EventArgse）
{Response.Write（"姓名：
"）;
Response.Write（"'onclick='alert（\"你好！
\"）;'"）;
}
4、Response.Redirect实现页面跳转
5、制作网页计数器
6、使用Application对象制作简单聊天室，并配置IIS服务器，在局域网中测试聊天室功能。
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
实验八ADO.NET应用基础
【实验目的】
了解ASP.NET与ASP的区别。
掌握ASP.NET的基本技术。
掌握ASP.NET的开发调试方法。
掌握ASP.NET的配置和部署方法。
【实验内容】
在集成环境中创建Web应用程序，综合数据存储技术和.NET技术，实现一个小型员工管理系统，并在Web服务器上进行配置和部署，要求考虑全面，能够充分考虑系统的特点。
数据库软件可以使用ACCESS或SQLServer等。
数据库设计参考
部门表：
部门编号、部门名称、成立时间
科室表：
科室编号、科室名称、部门编号
员工表：
编号、员工姓名、性别、电话、地址、科室编号
查询页面实现
运行效果：
后台管理页面login.aspx
员工信息管理页面
【实验要求】
实验前根据实验内容复习相关章节，设计出程序框架。
编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
调试程序，完成程序。
整理实验步骤，给出流程图，主要代码分析，总结经验和体会，以及其它必要说明。
上交实验报告和源程序。
实验九数据库应用编程
【实验目的】
1、掌握SQL语句。
2、掌握数据绑定技术
3、掌握常用数据库编程相关控件：
DataGrid、Repeater、DataList等Web服务器控件。
【实验内容】
1、添加AccessDataSource控件,配置数据源，高级—生成insertupdatedelete语句以便实现增加，修改，删除功能。
数据库字段参考：
2、读取数据库中的数据并显示：
添加GridView控件，选择数据源，以通过--编辑列或在代码中直接修改HeaderText的值，如HeaderText=“stu_id”为HeaderText=“学号”。
修改后运行如下图所示：
3、使用GridView控件实现分页功能：
选中GridView控件—启用分页。
或设置GridView控件的属性AllowPaging="True“，默认每页显示10条数据，我们可以通过改变属性PageSize的值来改变每页显示的数据条数。
分页效果如图所示：
4、GridView控件实现修改功能：
选中GridView控件—启用编辑。
编辑列：
5、GridView控件实现删除功能：
选中GridView控件—启用删除。
CommandFieldButtonType="Button"ShowDeleteButton="True"ShowEditButton="True"/>改进：
添加删除确认功能编辑列—可用字段中选择TemplateField--添加--确定。
在代码TemplateField>
TemplateField>中添加以下代码：
LinkButtonID="LinkButton1"runat="server"CommandName="Delete"Text="删除"OnClientClick="returnconfirm（'确定删除吗？
'）;">
LinkButton>
6、DetailsView控件实现添加功能
添加DetailsView控件，选择数据源，设置DefaultMode=“Insert”，启用插入。
可以通过--编辑字段或在代码中直接修改HeaderText的值为对应的中文。
运行如图所示：
改进：
插入后显示在第一条修改AccessDataSource1中的语句SelectCommand="SELECT*FROM[stu_info]"为SelectCommand="SELECT*FROM[stu_info]orderbystu_iddesc"7、实现选中GridView时DetailsView显示值连动操作
ØGridView控件实现选定功能：
选中GridView控件—启用选定内容，或--编辑列-添加CommandField-选择-确定。
Ø双击GridView控件，在GridView1_SelectedIndexChanged方法中添加以下代码：
DetailsView1.PageIndex=GridView1.SelectedRow.DataItemIndex;
ØDetailsView控件设置属性DefaultMode=“ReadOnly”，启用分页，插入，编辑，删除。
功能演示。
注意：
主键id的插入。
【实验要求】
1、实验前根据实验内容复习相关章节。
2、编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。
3、调试程序，完成程序。
4、整理实验步骤，总结经验和体会。
5、上交实验报告和源程序。
升级会员 