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