web动态网页设计实验报告

《web动态网页设计实验报告》由会员分享，可在线阅读，更多相关《web动态网页设计实验报告（15页珍藏版）》请在金锄头文库上搜索。

1、 实验一实验一编程环境的熟悉编程环境的熟悉 实验日志实验日志指导教师 代宇 实验时间： 2014 年 10 月 14 日 学院 计算机学院 专业 网络工程 班级 0431201 学号 2012211666 姓名 唐言 实验室 s318 实验题目实验题目： 编程环境的熟悉实验目的实验目的： 1.掌握 IIS 的配置和使用。 2.学会使用 VS2010 开发环境，了解并掌握该软件的各种功能。实验要求：实验要求： 参照理论教材例题，利用 VS2010 完成一个简单的 Web 应用，并运行调试。实验主要步骤：实验主要步骤： 1 在 VS2010 开发环境中新建一个“ASP.NET Web 应用程序”

2、，指定项目名称、存储位置 和解决方案名称。 2 在解决方案管理器中使用右键单击网站项目，选择“添加”-“新建项” ，建立一个新的 Web 窗体，利用该新建窗体页面完善网页内容。 3 完成页面内容后，点击菜单栏“调试”-“启动调试”来观察网站运行的效果。实验结果：实验结果：心得体会：心得体会：本次试验中我了解了 VC2012 的一些基本信息，调试应用了 VS2012 的基本功能。实验二实验二熟悉熟悉 XHTML 实验日志实验日志指导教师 代宇 实验时间： 2014 年 10 月 21 日 学院 计算机学院 专业 网络工程 班级 0431201 学号 2012211666 姓名 唐言 实验室 s3

3、18 实验题目实验题目： 熟悉 XHTML实验目的实验目的： 1.熟悉并掌握 XHTML 标记符的用法和功能 2.掌握 XHTML 网页的基本结构 3.学会利用 XHTML 标识符编写简单的网页，达到能编写和读懂 XHTML 网页源代码的目 的实验要求：实验要求： 使用源代码编写功能模仿完成七彩桥简单页面的制作。实验主要步骤：实验主要步骤： 4 在 VS2010 开发环境中新建一个“ASP.NET Web 应用程序” ，指定项目名称七彩桥、存 储位置和解决方案名称。 5 在解决方案管理器中使用右键单击网站项目，选择“添加”-“新建项” ，建立一个新的 Home.html 页面。6 在 Home

4、.html 页面中进行网页的编码。 7 完成页面内容后，点击菜单栏“调试”-“启动调试”来观察网站运行的效果。实验结果：实验结果：心得体会：心得体会： 通过本次实验，了解并学会了用 XHTML 元素编写网页，在实验之中，掌握了很多 XHTML 标记符的用法和功能，掌握了 XHTML 网页基本结构。实验三实验三C#语言基础语言基础 实验日志实验日志指导教师 代宇 实验时间： 2014 年 10 月 28 日 学院 计算机学院 专业 网络工程 班级 0431201 学号 2012211666 姓名 唐言 实验室 s318 实验题目实验题目： C#语言基础实验目的实验目的： 1.了解并掌握 C#语言

5、 2.掌握变量的声明和使用 3.掌握各种表达式的使用 4.掌握流程控制语句和循环语句的使用实验主要步骤：实验主要步骤： 1.在 VS2010 中新建一个 ASP.NET Web 应用程序项目，项目和解决方案名称默认采用“WebApplication1” 。 2.右键点击解决方案管理器中的项目名称，选择“添加”下的“新建项” ， 。在弹出的对 话框中选择 Web 窗体，名称使用默认的名称。 3.在 WebForm1.aspx 的 HTML 源代码的标记中录入以下内容，得到的界面。 4.在设计视图上双击“提交”按钮打开代码编辑窗口，在 submit_Click 方法中添加代码。5.按 F5 调试运

6、行程序，测试页面功能。 6.再次添加一个 Web 窗体，采用默认的文件名称，在源代码编辑窗口下，修改标 记中的内容。 7.在该页面的代码窗口的 Page_Load 方法中添加如下代码，并按 f5 运行调试。 8.对比并分析两次运行的结果。实验结果：实验结果：心得体会：心得体会： 通过本次的实验，学会了在后台通过代码控制前台的页面显示内容，了解并掌 握了基础的 C#语言的语法和各种表达式的使用，受益匪浅。实验四实验四内置对象（一）内置对象（一） 实验日志实验日志指导教师 代宇 实验时间： 2014 年 11 月 4 日 学院 计算机学院 专业 网络工程 班级 0431201 学号 2012211

7、666 姓名 唐言 实验室 s318 实验题目实验题目： 内置对象实验目的实验目的： 1.熟悉常用内置对象 2.掌握 Request 对象和 Response 对象的使用。 3.掌握 Server 对象的使用。 实验要求：实验要求： 建立一个学生情况调查表，并将填写的内容输出在网页上实验主要步骤：实验主要步骤： 1.制作表单页面 input.aspx。 2.编写信息处理页面 proc.aspx实验结果：实验结果：心得体会：心得体会： 通过本次实验，掌握了 ASP.NET 动态网站开发中所常用的内置对象 Request 和 Response， 并且学会了如何使用它们。达到了实验的目的。实验五实验

8、五 内置对象（二）内置对象（二） 实验日志实验日志指导教师 代宇 实验时间： 2014 年 11 月 11 日 学院 计算机学院 专业 网络工程 班级 0431201 学号 2012211666 姓名 唐言 实验室 s318 实验题目实验题目： 内置对象 实验目的实验目的： 1.掌握 Session 和 Application 对象的工作原理。 2.掌握 Session 和 Application 对象的使用。实验要求：实验要求： 结合内置对象设计一个课堂讨论区网站。登录到这个讨论区中的用户可以在这里发表意见， 查看别人的发言。实验主要步骤：实验主要步骤： 1.实现登录界面 login.htm

9、。 2.实现课堂讨论区框架 stru.aspx。 3.显示讨论的内容 message.aspx。 4.实现讨论信息的输入 speak.aspx。 5.显示正在讨论区的用户数 list.aspx 6.退出讨论区的程序 logout.aspx 7.定义 Session_Onstart 和 Session_Onend 事件过程 global.asax实验结果：实验结果：心得体会：心得体会： 本次实验有一定的难度，前台页面的是实现比较容易，但是在前台和后台通过 Session 和 Application 传输数据的部分并不容易理解，所以在实现数据传输部分调试了很长时间，最 终也成功了。通过本次实验明白

10、了 ASP.NET 中内置对象 Session 和 Application 的工作原理， 并且学会了他们的用法，这进一步提升了自己对动态网站的认识和理解。实验六实验六后台数据库连接（一）后台数据库连接（一）实验日志实验日志指导教师 代宇 实验时间： 2014 年 11 月 18 日 学院 计算机学院 专业 网络工程 班级 0431201 学号 2012211666 姓名 唐言 实验室 s318 实验题目实验题目： 后台数据库连接 实验目的实验目的： 1.掌握利用 ADO.NET 连接数据库的方法。 2.掌握通过 ADO.NET 实现数据库查询并显示结果的方法。实验要求：实验要求： 利用 ADO

11、.NET 连接数据库，实现数据的查询并返回结果。实验主要步骤：实验主要步骤： 1. 在项目中添加 MySql 数据库的驱动，并在 web.config 配置文件中配置与数 据库相关的内容。 2. 在 SQL Server 或 Access 或 Mysql 中新建一个名为 upload 的数据库，添加 一个数据表 software。 3. 创建一个 ASPX 页面，通过 ADO.NET 连接数据库执行查询实验结果：实验结果：部分源码：部分源码：protected void Page_Load(object sender, EventArgs e)string Sql = “select * fr

12、om software“;MySqlConnection myconnection = new MySqlConnection(“server=localhost;user id=root;password=root;database=test“);MySqlCommand mycommand = new MySqlCommand(Sql, myconnection);myconnection.Open();mycommand.ExecuteNonQuery();MySqlDataReader mysqlDataReader = mycommand.ExecuteReader();Label1

13、.Text = “;while (mysqlDataReader.Read() Label1.Text += mysqlDataReader.GetInt16(0)+“ “+“;Label1.Text += mysqlDataReader.GetString(1) + “ “ + “;Label1.Text += mysqlDataReader.GetString(2) + “ “ + “;Label1.Text += mysqlDataReader.GetString(3) + “ “ + “;Label1.Text += mysqlDataReader.GetString(4) + “ “

14、 + “;Label1.Text += mysqlDataReader.GetString(5) + “ “+“;/Label1.Text += mysqlDataReader.GetString(6) + “ “;myconnection.Close();心得体会：心得体会： 本次试验并没有用到 VS 中数据库，而是用的自己电脑上装的是 MySql 数据库，所以这次 试验都是借助 Mysql 数据库进行的，在试验过程中，遇到了一些问题，如在项目中添加 MySql 数据库的驱动，引用的问题。之后就是查询得到数据之后，如何在页面上更好的显示。本次试验使自己在数据库方面有了更深入的了解。实验七实验

15、七后台数据库连接后台数据库连接 实验日志实验日志指导教师 代宇 实验时间： 2014 年 11 月 2 日 学院 计算机学院 专业 网络工程 班级 0431201 学号 2012211666 姓名 唐言 实验室 s318 实验题目实验题目： 后台数据库连接实验目的实验目的： 1.掌握通过 ADO.NET 实现数据库的插入操作。 2.掌握通过 ADO.NET 实现数据库的更新操作。 3.掌握通过 ADO.NET 实现数据库的删除操作。 4.掌握 ASP.NET 显示数据库操作结果的方法。实验要求：实验要求： 创建一个 ASPX 页面，在页面表单中输入值，提交后插入到数据表 software 中实验主要步骤：实验主要步骤： 1.创建一个 ASPX 页面，在页面表单中输入值，提交后插入到数据表 software 中。 2.创建一个 ASPX 页