Web技术基础实验指导书文档格式.docx
《Web技术基础实验指导书文档格式.docx》由会员分享,可在线阅读,更多相关《Web技术基础实验指导书文档格式.docx(20页珍藏版)》请在冰点文库上搜索。
二、实验要求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{
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)建立简单的小型三层架构系统
建立一个简单的三层架构,连接数据库,完成插入功能
实验7webservice实验
实验目的
(1)掌握建立web服务的方法。
(2)掌握调用web服务的方法
设计并实现一个能相互查找邮政编码和对应地区的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张数据表:
用户信息表、学生信息表、教师信息表、班级信息表、课程信息表、学生-课程信息表、教师-课程信息表。
四、设计要求
项目有五人组成,一个项目交一份报告,需答辩。