电子商务网站设计实验指导书.docx

1、电子商务网站设计实验指导书电子商务网站设计实验指导书主编教师：韩冰前言电子商务网站设计上机实验指导书是为了巩固和加深电子商务网站设计课程的相关理论知识、提高学生动手能力，而专门开设的一门实践课程。 本课程是计算机科学与技术专业及相关专业的专业课程，介绍目前流行的基于Internet的B/S模式的特点与优势,以Visual studio为开发环境进行数据库应用程序的开发思路，介绍.NET应用程序开发体系与环境配置及语言程序设计基础知识，掌握利用ADO.NET对象访问数据库的方法及进行WEB数据库管理系统的设计的过程与方法，为今后从事WEB数据库系统的设计与开发打下基础。 本课程的完成以学生操作为

2、主，以老师的指导为辅，通过大量的实践，需求分析、系统设计、数据库设计、界面设计、系统编码、测试、软件部署等环节的训练，使学生进一步巩固和掌握电子商务网站设计相关知识点，积累开发经验，培养学生应用面向对象的思想分析问题、解决实际问题的能力，培养学生利用计算机处理问题的思维方式和程序设计的基本方法，为今后进一步深入学习打下一个坚实的基础。目录前言 1目录 2实验一 创建ASP.NET应用程序 4【实验目的】 4【实验内容】 4【实验要求】 5实验二 HTML代码 6【实验目的】 6【实验内容】 6【实验要求】 7实验三 VB基本数据类型和语句 8【实验目的】 8【实验内容】 8【实验要求】 8实验

3、四 服务器控件 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、 熟悉Visual Studio开发环境。2、 掌握项目的创建方法。

4、4、 掌握常用控件的设置与处理。5、 掌握.NET程序的调试运行。【实验内容】 1、 运行Visual S，观察并熟悉集成开发环境。2、 新建一个项目：我们选择 web应用程序项目起个名称,位置：选择一个目录用于存放项目文件。点击确定，会给自动生成一个default.aspx的文件。3、使用控件，在default.aspx网页中添加一个label一个button:4、查看并设置控件的属性以下是default.aspx代码片段：5、实现点击按钮要改变label1中的文本：在default.aspx页面中双击Button1,在出现的default.aspx.vb中写入以下代码以下是default.

5、aspx.vb代码片段： protected void Button1_Click(object sender, EventArgs e) Label1.Text = 你一定会成功！好了，CTRL+F5运行一下，看到效果了吧。6、 观察.NET的调试工具，并使用调试工具调试已创建的程序。【实验要求】1、 实验前根据实验内容复习相关章节。2、 编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。3、 调试程序，完成程序。4、 整理实验步骤，总结经验和体会。5、 上交实验报告和源程序。实验二 HTML代码【实验目的】 1、 掌握基本HTML代码。2、 在Visual Studio开发

6、环境中使用 HTML代码制作页面。【实验内容】 1、 在Visual Studio集成环境中创建Web应用程序，。2、 使用标签制作出如下页面：3、 使用HTML控件制作用户注册4、 调试运行已创建的Web应用程序。【实验要求】1、 实验前根据实验内容复习相关章节。2、 编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。3、 调试程序，完成程序。4、 整理实验步骤，总结经验和体会。5、 上交实验报告和源程序。实验三 VB基本数据类型和语句【实验目的】 1、 掌握VB基本数据类型。2、 掌握VB的各种控制语句。【实验内容】 1、 创建WEB应用程序。2、 编写程序：定义数组，实现

7、遍历数组，并输出数组中的所有元素。 3、 分别使用for while do-while语句，实现输出100以内的偶数。【实验要求】1、 实验前根据实验内容复习相关章节。2、 编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。3、 调试程序，完成程序。4、 整理实验步骤，总结经验和体会。5、 上交实验报告和源程序。实验四 服务器控件【实验目的】 1、 掌握文件上传方法2、 掌握常用HTML服务器控件3、掌握常用A 服务器控件。【实验内容】 ASP.NET - HTML 服务器控件HTML 服务器控件是服务器可理解的 HTML 标签。ASP.NET 中的 HTML 元素是作为文本来

8、进行处理的。要想使这些元素可编程，就需要向这些 HTML 元素添加 runat=server 属性。该属性指示，此元素是一个服务器控件。同时要添加 id 属性来标识该服务器控件。id 引用可用于操作运行时的服务器控件。注释：所有 HTML 服务器控件必须位于带有 runat=server 属性的 标签内。runat=server 属性指示该表单应在服务器进行处理。它同时指示其包括在内的控件可被服务器脚本访问。在下面的例子中，我们在 .aspx 文件中声明了一个 HtmlAnchor 服务器控件。然后我们在一个事件句柄中操作该 HtmlAnchor 控件的 HRef 属性。Page_Load 事

9、件是众多 ASP.NET 可理解的事件中的一种类型：注释：事件句柄（event handler）是一种针对给定事件执行代码的子例程。Sub Page_Loadlink1.HRef=End SubVisit W3School!提示：可执行代码本身已被移到 HTML 之外了。ASP.NET - Web 服务器控件Web 服务器控件是服务器可理解的特殊 ASP.NET 标签。类似 HTML 服务器控件，Web 服务器控件也在服务器上创建，它们同样需要 runat=server 属性以使其生效。不过，Web 服务器控件没有必要映射任何已存在的 HTML 元素，它们代表更复杂的元素。创建 Web 服务器

10、控件的语法是：在下面的例子中，我们在 .aspx 文件中的声明了一个 Button 服务器控件。然后我们为 Click 事件创建了一个事件句柄，它可修改按钮上的文本：Sub submit(Source As Object, e As EventArgs)button1.Text=You clicked me!End Sub【实验要求】1、 实验前根据实验内容复习相关章节。2、 编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。3、 调试程序，完成程序。4、 整理实验步骤，总结经验和体会。5、 上交实验报告和源程序。实验五 验证控件【实验目的】 掌握常用验证控件： 必须字段验证控

11、件RequiredFieldValidator 范围验证控件RangeValidator 正则表达式验证控件RegularExpressionValidator 自定义验证控件CustomValidator 验证总结控件ValidationSummary【实验内容】 1、 使用必须字段验证控件RequiredFieldValidator验证用户名字段2、 使用范围验证控件RangeValidator验证文本框的输入是否是一个1-5之间的整数3、 使用正则表达式验证控件RegularExpressionValidator验证用户输入的邮政编码是否合法4、使用自定义验证控件验证用户的输入是否是偶数

12、5、使用验证总结控件ValidationSummary，完成如下验证【实验要求】1、 实验前根据实验内容复习相关章节。2、 编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。3、 调试程序，完成程序。4、 整理实验步骤，总结经验和体会。5、 上交实验报告和源程序。实验六 用户注册页面的制作【实验目的】 1、 掌握控件、HTML的综合运用。2、 掌握表单数据的提交和获取。【实验内容】 1、 创建WEB应用程序。2、制作用户注册页面，并实现验证功能。 用户名字段为必填，并且只能以字母开头，长度在618之间，只能包含字符、数字和下划线，正则表达式：a-zA-Zw5,17$ 密码，确认

13、密码字段为必填，且必须一致，其它可根据需要设置一些规则，以下是常用密码验证正则表达式： (?=.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、 上交实验报告

14、和源程序。实验七 A内置对象【实验目的】1、掌握Request对象的常用方法。2、掌握Response对象的作用和常用方法3、掌握Application对象【实验内容】1、 Request对象获得浏览器信息： 你浏览器的版本是 操作平台是： 支持背景音乐？ 支持ActiveXControls吗？ 支持JavaApplets吗？2、 Request对象获得机器信息 客户端浏览器信息： 客户端ip地址： 数据取得方式： MIME类型： 服务器的数据流量 客户端支持的字符编码方式： 网页在服务器的相对地址： 网页在服务器端的相对路径： 网页在服务器端的完整路径：3、 Response对象向客户端输出

15、数据（文本、HTML标签、客户端脚本）protected void Page_Load(object sender, EventArgs e) Response.Write(姓名：); Response.Write(input type=button value=欢迎点击！ onclick=alert(你好！); ); 4、Response.Redirect实现页面跳转5、制作网页计数器6、使用Application对象制作简单聊天室，并配置IIS服务器，在局域网中测试聊天室功能。 【实验要求】1、 实验前根据实验内容复习相关章节。2、 编写相应的程序，写出完整的程序代码，包括注释，注意书写的

16、层次结构。3、 调试程序，完成程序。4、 整理实验步骤，总结经验和体会。5、 上交实验报告和源程序。实验八 ADO.NET应用基础【实验目的】了解ASP.NET与ASP的区别。掌握ASP.NET的基本技术。掌握ASP.NET的开发调试方法。掌握ASP.NET的配置和部署方法。【实验内容】在集成环境中创建Web应用程序，综合数据存储技术和.NET技术，实现一个小型员工管理系统，并在Web服务器上进行配置和部署，要求考虑全面，能够充分考虑系统的特点。数据库软件可以使用ACCESS或SQL Server等。数据库设计参考部门表：部门编号、部门名称、成立时间科室表：科室编号、科室名称、部门编号员工表：

17、编号、员工姓名、性别、电话、地址、科室编号查询页面实现运行效果：后台管理页面login.aspx员工信息管理页面【实验要求】实验前根据实验内容复习相关章节，设计出程序框架。编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。调试程序，完成程序。整理实验步骤，给出流程图，主要代码分析，总结经验和体会，以及其它必要说明。上交实验报告和源程序。实验九 数据库应用编程【实验目的】1、掌握SQL语句。2、掌握数据绑定技术3、掌握常用数据库编程相关控件：DataGrid、Repeater、DataList 等Web服务器控件。【实验内容】1、 添加AccessDataSource控件,配置数

18、据源，高级生成insert update delete语句以便实现增加，修改，删除功能。数据库字段参考：2、 读取数据库中的数据并显示：添加GridView控件，选择数据源，以通过-编辑列或在代码中直接修改HeaderText的值，如HeaderText=“stu_id”为HeaderText=“学号”。修改后运行如下图所示：3、 使用GridView控件实现分页功能：选中GridView控件启用分页。或设置GridView控件的属性AllowPaging=True“，默认每页显示10条数据，我们可以通过改变属性PageSize的值来改变每页显示的数据条数。分页效果如图所示：4、GridVie

19、w控件实现修改功能：选中GridView控件启用编辑。 编辑列：5、GridView控件实现删除功能：选中GridView控件启用删除。改进：添加删除确认功能编辑列可用字段中选择TemplateField-添加-确定。在代码 中添加以下代码： 6、DetailsView控件实现添加功能添加DetailsView控件，选择数据源，设置DefaultMode=“Insert”，启用插入。可以通过-编辑字段或在代码中直接修改HeaderText的值为对应的中文。运行如图所示：改进：插入后显示在第一条修改AccessDataSource1中的语句SelectCommand=SELECT * FROM

20、stu_info 为SelectCommand=SELECT * FROM stu_info order by stu_id desc 7、实现选中GridView时DetailsView显示值连动操作 GridView控件实现选定功能：选中GridView控件启用选定内容，或-编辑列-添加CommandField-选择-确定。 双击GridView控件，在GridView1_SelectedIndexChanged 方法中添加以下代码： DetailsView1.PageIndex = GridView1.SelectedRow.DataItemIndex; DetailsView控件设置属性DefaultMode=“ReadOnly”，启用分页，插入，编辑，删除。功能演示。注意：主键id的插入。【实验要求】1、 实验前根据实验内容复习相关章节。2、 编写相应的程序，写出完整的程序代码，包括注释，注意书写的层次结构。3、 调试程序，完成程序。4、 整理实验步骤，总结经验和体会。5、 上交实验报告和源程序。