Web技术基础实验指导书文档格式.docx

1、二、实验要求 11三、实验过程 11四、收获，体会及问题 12实验5 Gridview实验 13一、实验目的 13二、实验要求 13三、实验过程 14四、收获，体会及问题 14实验6三层架构实验 15一、实验目的 15二、实验要求 15三、实验过程 15四、收获，体会及问题 15实验7 web service实验 16一、实验目的 16二、实验要求 16三、实验过程 16四、收获，体会及问题 16实验8 WEB技术综合应用 17一、系统功能 17二、系统功能模块分析 17三、数据库设计 18实 验 报 告姓 名 班 级 学 号 组 别 实验日期课程名称 同实验者 指导教师 成 绩 实验1 HT

2、ML+CSS实验一、实验目的1. 了解HTML语法，使用HTML创建网页。2. 熟练掌握DIV+CSS布局3. 熟练掌握form和表格的使用4. 了解javascript的基本技术二、实验要求 1、细边框表单提交制作。 其中采用文本框采用细边框solid样式，超链接采用无下划线的超链接样式，鼠标在超链接上悬停时，超链接文本变为红色。整体采用表格布局。2、采用css实现如下图片按钮具体要求按钮的边界、边框、填充值均为0px，字体大小14px，按钮背景图像与按钮宽度、高度大小一样，使用background-image、 margin、 border、padding、height、width和fon

3、t-size属性3、采用DIV+CSS布局（外部css文件）4、下图所示的区域使用幻灯片轮换显示，每隔3秒变换一张图片，图片分别为imgview_1.jpg、imgview_2.jpg、imgview_3.jpg（见提供的素材）：采用javascript三、实验步骤四、收获，体会及问题（写得越详细、越个性化、越真实越好，否则我不知道你做这个实验的心路历程，也就无法充分地判断你是否是独立完成的这个实验、你是否在做这个实验时进行了认真仔细地思考、通过这个实验你是否在实践能力上得到了提高）实验2 页面控制一、 实验目的1、熟悉使用Visual Studio .NET 2005集成环境开发ASP.NE

4、T应用程序；2、了解ASP.NET页面执行过程；3、掌握调试Web应用程序的方法。二、 实验内容1、创建一个web窗体-Test1.aspx，编程实现输入一个整数，按其逆顺序输出到一个文本框中，例如输入123，输出321。程序界面如图1所示。2、 定义一个人员类（Person），该类包含属性：姓名（Name）、年龄（Age）、性别（Gender），包含方法：display（）方法显示人员信息，人员类默认属性分别为：unknown、0、unknown。创建两个人员类的对象p1和p2，p1属性均为默认属性，p2属性为：tom、20、man。创建一个web窗体-Test7.aspx，并用两个Labe

5、l控件将p1和p2的属性显示出来。程序界面如图7所示。3、创建两个web窗体-Test24.html和Test24.aspx，在Test24.html中使用GET和POST方法提交用户名name和地址address，在Test24.aspx中获取该信息并显示。程序界面如图24所示。图 24并在登录页中创建Session, 在默认页中读取Session。4、 请验证以下代码void Page_Load（Object Sender,EventArgs e）if （!IsPostBack）/判断是否为第一次页面调入Label_1.Text=Good!;elseBadvoid ButtonClick（

6、Object Sender,EventArgs e）Label_2.Text=Button is click!三、 实验过程四、 收获，体会及问题实验3 web控件和服务器控件验证1、掌握常用的Html服务器控件和Web服务器控件的主要属性和它们的使用方法。2、掌握服务器验证控件的使用3、理解客户端验证和服务器段验证的含义。二、实验要求1、制作一个用户注册页面，点击提交按钮后，隐藏注册界面并把结果输出显示在当前页面上，单击取消则清空填写的信息。基本步骤如下： 1）新建一个网站，并在其中新建一个web窗体。 2）在窗体中添加2个PANEL控件，2个HTML表格，1个label控件，3个TextB

7、ox控件，1个Button控件，1个HTML的输入按钮控件，1个RadioButtonList 控件，3个DropDownList控件，4个CheckBox控件，2个Image控件，制作一个用户注册界面，布局如下图所示。 3）为各个控件设置基本属性，其基本属性设置如图所示4）双击提交按钮，打开代码窗口，输入以下代码如图所示5）保存文件，点击“启动测试”按钮，在浏览器中运行文件，测试运行效果。6）在页面输入以上信息，单击取消会自动清空，单击提交，输出基本信息。2、创建一个web窗体-Test12.aspx，该窗体包含姓名、密码、再次输入密码、年龄和电子邮箱五个TextBox控件。采用验证控件，每

8、个控件都必须输入数据，密码与再次输入密码两个的TextBox数据输入必须一致，年龄TextBox中输入数据必须在1至120之间，电子邮箱TextBox中输入数据必须符合电子邮箱规范。程序界面如图12所示。提示：1）非空验证控件 2）比较验证3）范围控件type integer整数4） 正则表达式验证 5）Textbox textmode =password3、数字验证码三、实验过程实验4 ADO.NET实验1、掌握ADO.net实现数据库的访问 2、采用数据库源的方式进行数据库的访问 1、掌握ADO.NET实现数据库的访问-增删查改。2、采用数据库源的方式进行数据库的访问-增删查改。3、采用存

9、储过程重新实现1的功能。1、创建一个web窗体-Test18aspx，将该窗体中TextBox控件中的各项数据分别添加到数据库student中的学生信息表information中。要求采用web.config文件来设置数据库连接字符串。将数据库student中的学生信息表information中满足条件的记录专业改为“maths”程序界面如图所示。采用实验要求的三种方法逐一实现。实验5 Gridview实验 1、熟练掌握GridView的使用如光棒，分页设置页的信息 2、掌握DropDownList 与GridView的联动效果3、熟练掌握选择GridView用文本框显示字段的值。2）实验内容

10、 GridView与DropDownList以及文本框联动1、带参数的查询2、带参数的更新和删除实验6三层架构实验 实验目的 （1）掌握三层架构的方法。 （2）掌握项目之间的相互引用。（3）建立简单的小型三层架构系统 建立一个简单的三层架构，连接数据库，完成插入功能实验7 web service实验实验目的 （1）掌握建立web服务的方法。 （2）掌握调用web服务的方法设计并实现一个能相互查找邮政编码和对应地区的ASP.NET web 服务。实验8 WEB技术综合应用一、系统功能 教务管理系统根据用户身份的不同，将操作划分为超级管理员、普通管理员和学生权限。1、 管理员权限管理员是系统中最高

11、权限的拥有者，可以对学生、班级、课程等项目进行统一的管理。权限如下：学生信息管理、教师信息管理、基本课程管理、班级信息管理、选课管理、学生成绩管理和用户管理。2、 学生身份的用户值能利用本系统进行与自己有关的操作，不能浏览或修改其他信息，主要内容如下： 管理个人基本信息：如浏览个人信息、修改密码、查询成绩等。 执行选课操作：学生可利用本系统选修相关课程，在选课过程中可查询供选课的基本信息和教师情况，可浏览截至当前选此课程的人数，也可以利用本系统浏览个人选课情况。二、系统功能模块分析主要功能包括以下三个方面：1、 用户管理，包括对超级管理员、管理员、学生3种不同身份的识别以及管理。2、 基本数据

12、管理，包括对学生、教师、课程、班级、选课、成绩等有关基础数据的管理。3、 学生对个人数据的查询及管理，包括修改密码、浏览课程信息、执行选可操作、查询所选课程、查询个人成绩等。1、管理员操作模块 该模块由7个子模块组成，主要负责超级管理员、管理员和学生的身份管理以及系统基础数据的管理。1） 学生信息管理包括对学生信息的浏览、添加、修改和删除。2） 教师信息管理包括对教师信息的浏览、添加、修改和删除。3） 基本课程管理包括对学校基本课程的浏览、添加、修改和删除。可以对所设课程进行教师、学时、学分的设置。4） 班级信息管理包括对班级信息的浏览、添加、修改和删除。5） 选课管理管理员可以根据科课程名称

13、、教师姓名和授课年度等数据查询选修某课程的学生信息。可以根据实际需要从选课名单中删除某个学生。6） 学生成绩管理包括对学生成绩的浏览和录入，管理员可按课程编号查看，录入或修改选修该课程学生的成绩。7） 用户管理普通管理员可以修改自己的密码、超级管理员可执行添加新管理员并管理所有管理员用户的操作，如修改密码、删除用户、添加新管理员等。2、学生操作模块 学生只能进入此模块，而无法访问管理员模块中的内容。该模块共有5个方面的功能：浏览个人信息、修改密码、查询所选课程、选课操作和成绩查询。1） 浏览个人信息学生登陆系统后，可浏览自己的个人基本信息，但是没有修改或删除的权限。2） 修改密码3） 查询所选课程4） 选课操作学生可根据所有供选课类表中显示的数据，选择最基本年度要修的课程。选择完成后在查询所选课程模块中能立即显示出来。5） 成绩查询三、数据库设计 系统所有数据存放在Microsoft SQL Server数据库Course_Manage中，其中包括7张数据表：用户信息表、学生信息表、教师信息表、班级信息表、课程信息表、学生-课程信息表、教师-课程信息表。四、设计要求项目有五人组成，一个项目交一份报告，需答辩。