Web技术基础实验指导书.docx
《Web技术基础实验指导书.docx》由会员分享，可在线阅读，更多相关《Web技术基础实验指导书.docx（20页珍藏版）》请在冰点文库上搜索。
Web技术基础实验指导书
《Web数据库技术》上机指导
《Web数据库技术》上机指导1
实验1HTML+CSS实验1
一、实验目的1
二、实验要求1
三、实验步骤2
四、收获，体会及问题2
实验2页面控制3
一、实验目的3
二、实验内容3
三、实验过程4
四、收获，体会及问题4
实验3web控件和服务器控件验证6
一、实验目的6
二、实验要求6
三、实验过程10
四、收获，体会及问题10
实验4ADO.NET实验11
一、实验目的11
二、实验要求11
三、实验过程11
四、收获，体会及问题12
实验5Gridview实验13
一、实验目的13
二、实验要求13
三、实验过程14
四、收获，体会及问题14
实验6三层架构实验15
一、实验目的15
二、实验要求15
三、实验过程15
四、收获，体会及问题15
实验7webservice实验16
一、实验目的16
二、实验要求16
三、实验过程16
四、收获，体会及问题16
实验8WEB技术综合应用17
一、系统功能17
二、系统功能模块分析17
三、数据库设计18
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验1HTML+CSS实验
一、实验目的
1.了解HTML语法，使用HTML创建网页。
2.熟练掌握DIV+CSS布局
3.熟练掌握form和表格的使用
4.了解javascript的基本技术
二、实验要求
1、细边框表单提交制作。
其中采用文本框采用细边框solid样式，超链接采用无下划线的超链接样式，鼠标在超链接上悬停时，超链接文本变为红色。
整体采用表格布局。
2、
采用css实现如下图片按钮
具体要求按钮的边界、边框、填充值均为0px，字体大小14px，按钮背景图像与按钮宽度、高度大小一样，使用background-image、margin、border、padding、height、width和font-size属性
3、采用DIV+CSS布局（外部css文件）
4、下图所示的区域使用幻灯片轮换显示，每隔3秒变换一张图片，图片分别为imgview_1.jpg、imgview_2.jpg、imgview_3.jpg（见提供的素材）：
采用javascript
三、实验步骤
四、收获，体会及问题
（写得越详细、越个性化、越真实越好，否则我不知道你做这个实验的心路历程，也就无法充分地判断你是否是独立完成的这个实验、你是否在做这个实验时进行了认真仔细地思考、通过这个实验你是否在实践能力上得到了提高）
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验2页面控制
一、实验目的
1、熟悉使用VisualStudio.NET2005集成环境开发ASP.NET应用程序；
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，并用两个Label控件将p1和p2的属性显示出来。
程序界面如图7所示。
3、创建两个web窗体---Test24.html和Test24.aspx，在Test24.html中使用GET和POST方法提交用户名name和地址address，在Test24.aspx中获取该信息并显示。
程序界面如图24所示。
图24
并在登录页中创建Session,在默认页中读取Session。
4、请验证以下代码
voidPage_Load（ObjectSender,EventArgse）{
if（!
IsPostBack）{ //判断是否为第一次页面调入
Label_1.Text="Good!
";
}
else{
Label_1.Text="Bad";
}
}
voidButtonClick（ObjectSender,EventArgse）{
Label_2.Text="Buttonisclick!
";
}
三、实验过程
四、收获，体会及问题
（写得越详细、越个性化、越真实越好，否则我不知道你做这个实验的心路历程，也就无法充分地判断你是否是独立完成的这个实验、你是否在做这个实验时进行了认真仔细地思考、通过这个实验你是否在实践能力上得到了提高）
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验3web控件和服务器控件验证
一、实验目的
1、掌握常用的Html服务器控件和Web服务器控件的主要属性和它们的使用方法。
2、掌握服务器验证控件的使用
3、理解客户端验证和服务器段验证的含义。
二、实验要求
1、制作一个用户注册页面，点击提交按钮后，隐藏注册界面并把结果输出显示在当前页面上，单击取消则清空填写的信息。
基本步骤如下：
1）新建一个网站，并在其中新建一个web窗体。
2）在窗体中添加2个PANEL控件，2个HTML表格，1个label控件，3个TextBox控件，1个Button控件，1个HTML的输入按钮控件，1个RadioButtonList控件，3个DropDownList控件，4个CheckBox控件，2个Image控件，制作一个用户注册界面，布局如下图所示。
3）为各个控件设置基本属性，其基本属性设置如图所示
4）双击提交按钮，打开代码窗口，输入以下代码如图所示
5）保存文件，点击“启动测试”按钮，在浏览器中运行文件，测试运行效果。
6）在页面输入以上信息，单击取消会自动清空，单击提交，输出基本信息。
2、创建一个web窗体---Test12.aspx，该窗体包含姓名、密码、再次输入密码、年龄和电子邮箱五个TextBox控件。
采用验证控件，每个控件都必须输入数据，密码与再次输入密码两个的TextBox数据输入必须一致，年龄TextBox中输入数据必须在1至120之间，电子邮箱TextBox中输入数据必须符合电子邮箱规范。
程序界面如图12所示。
提示：
1）非空验证控件2）比较验证3）范围控件typeinteger整数4）正则表达式验证5）Textboxtextmode=password
3、数字验证码
三、实验过程
四、收获，体会及问题
（写得越详细、越个性化、越真实越好，否则我不知道你做这个实验的心路历程，也就无法充分地判断你是否是独立完成的这个实验、你是否在做这个实验时进行了认真仔细地思考、通过这个实验你是否在实践能力上得到了提高）
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验4ADO.NET实验
一、实验目的
1、掌握ADO.net实现数据库的访问
2、采用数据库源的方式进行数据库的访问
二、实验要求
1、掌握ADO.NET实现数据库的访问-增删查改。
2、采用数据库源的方式进行数据库的访问-增删查改。
3、采用存储过程重新实现1的功能。
三、实验过程
1、创建一个web窗体---Test18aspx，将该窗体中TextBox控件中的各项数据分别添加到数据库student中的学生信息表information中。
要求采用web.config文件来设置数据库连接字符串。
将数据库student中的学生信息表information中满足条件的记录专业改为“maths”程序界面如图所示。
采用实验要求的三种方法逐一实现。
四、收获，体会及问题
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验5Gridview实验
一、实验目的
1、熟练掌握GridView的使用如光棒，分页设置页的信息
2、掌握DropDownList与GridView的联动效果
3、熟练掌握选择GridView用文本框显示字段的值。
二、实验要求
2）实验内容
GridView与DropDownList以及文本框联动
1、带参数的查询
2、带参数的更新和删除
三、实验过程
四、收获，体会及问题
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验6三层架构实验
一、实验目的
实验目的
（1）掌握三层架构的方法。
（2）掌握项目之间的相互引用。
（3）建立简单的小型三层架构系统
2）实验内容
建立一个简单的三层架构，连接数据库，完成插入功能
二、实验要求
三、实验过程
四、收获，体会及问题
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验7webservice实验
一、实验目的
实验目的
（1）掌握建立web服务的方法。
（2）掌握调用web服务的方法
2）实验内容
设计并实现一个能相互查找邮政编码和对应地区的ASP.NETweb服务。
二、实验要求
三、实验过程
四、收获，体会及问题
实验报告
姓名班级学号组别实验日期
课程名称同实验者指导教师成绩
实验8WEB技术综合应用
一、系统功能
教务管理系统根据用户身份的不同，将操作划分为超级管理员、普通管理员和学生权限。
1、管理员权限
管理员是系统中最高权限的拥有者，可以对学生、班级、课程等项目进行统一的管理。
权限如下：
学生信息管理、教师信息管理、基本课程管理、班级信息管理、选课管理、学生成绩管理和用户管理。
2、学生身份的用户值能利用本系统进行与自己有关的操作，不能浏览或修改其他信息，主要内容如下：
管理个人基本信息：
如浏览个人信息、修改密码、查询成绩等。
执行选课操作：
学生可利用本系统选修相关课程，在选课过程中可查询供选课的基本信息和教师情况，可浏览截至当前选此课程的人数，也可以利用本系统浏览个人选课情况。
二、系统功能模块分析
主要功能包括以下三个方面：
1、用户管理，包括对超级管理员、管理员、学生3种不同身份的识别以及管理。
2、基本数据管理，包括对学生、教师、课程、班级、选课、成绩等有关基础数据的管理。
3、学生对个人数据的查询及管理，包括修改密码、浏览课程信息、执行选可操作、查询所选课程、查询个人成绩等。
1、管理员操作模块
该模块由7个子模块组成，主要负责超级管理员、管理员和学生的身份管理以及系统基础数据的管理。
1）学生信息管理
包括对学生信息的浏览、添加、修改和删除。
2）教师信息管理
包括对教师信息的浏览、添加、修改和删除。
3）基本课程管理
包括对学校基本课程的浏览、添加、修改和删除。
可以对所设课程进行教师、学时、学分的设置。
4）班级信息管理
包括对班级信息的浏览、添加、修改和删除。
5）选课管理
管理员可以根据科课程名称、教师姓名和授课年度等数据查询选修某课程的学生信息。
可以根据实际需要从选课名单中删除某个学生。
6）学生成绩管理
包括对学生成绩的浏览和录入，管理员可按课程编号查看，录入或修改选修该课程学生的成绩。
7）用户管理
普通管理员可以修改自己的密码、超级管理员可执行添加新管理员并管理所有管理员用户的操作，如修改密码、删除用户、添加新管理员等。
2、学生操作模块
学生只能进入此模块，而无法访问管理员模块中的内容。
该模块共有5个方面的功能：
浏览个人信息、修改密码、查询所选课程、选课操作和成绩查询。
1）浏览个人信息
学生登陆系统后，可浏览自己的个人基本信息，但是没有修改或删除的权限。
2）修改密码
3）查询所选课程
4）选课操作
学生可根据所有供选课类表中显示的数据，选择最基本年度要修的课程。
选择完成后在查询所选课程模块中能立即显示出来。
5）成绩查询
三、数据库设计
系统所有数据存放在MicrosoftSQLServer数据库Course_Manage中，其中包括7张数据表：
用户信息表、学生信息表、教师信息表、班级信息表、课程信息表、学生-课程信息表、教师-课程信息表。
四、设计要求
项目有五人组成，一个项目交一份报告，需答辩。
升级会员 