05ASP实验指导书_第1页
05ASP实验指导书_第2页
05ASP实验指导书_第3页
05ASP实验指导书_第4页
05ASP实验指导书_第5页
已阅读5页,还剩62页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、ASP .NET程序设计管曙亮 汤承林刘玮玮 编系部:专业:班级: 学号:姓名:XXX职业技术学院ASP .NET实验指导书实验须知1.实验前,应认真阅读本次实验的全部内容,明确实验目的和实验任务,做好必要的实验准备。遇到较为复杂的程序应事先设计算法,可能的 话,应写出程序代码。2.实验前,应注意收集平时学习中遇到的疑点,留作实验中验证、解决。23.提前五分钟以上进入实验室,不得迟到。4.实验中积极思考、及时记录,有新的发现、新的收获或新的疑问的,及时记录,争取当堂完成实验报告。5.珍惜实验时间,不开小差、不做与实验无关的事,更不得打游戏、或上网聊天;如需要上网查阅资料的,应事先征得实验老师的

2、同意。6.保持实验室安静和清洁卫生,不得大声喧哗;不得在实验室吃东西。7.实验结束时,整理好台桌和凳子,安排值日同学,打扫实验室卫生。8.实验报告以电子文档的形式提交,以“报告.doc ”的Word文档形式文件名保存在实验所在的文件夹下,条目清晰,字体用“小四宋体”;标点符号应准确无误;书写代码时应使用缩进格式,必要时还可以添加适当的注释,增强程序的可读性。如实认真填写实验记录、问题解决两部分,如果问题还未解决,也应将问题记下,留作今后解决。ASP .NET实验指导书1实验一ASP. NET 入门实验二类与接口实验三数据库简单操作实验四服务器控件的使用(一)实验五服务器控件的使用(二)实验六G

3、ridView 控件实验七DataList 控件实验八用户控件实验九母版页与CSS样式实验十ASP. NET内部对象编程实验十网页中的图形编程实验十二XML编程实验十三Web服务实验十四身份验证方式实验十五安全性相关控件101216192527303336394345IVASP .NET实验指导书实验一 ASP. NET入门成绩:实验日期:一、实验目的1.熟悉 Visual Studio.Net2005 环境至JkSF HET网站肚:I丈件麺 确定应消 I22.了解ASP.NET编程特点3.掌握ASP .NET文件结构4.理解ASP .NET应用程序的概念,掌握建立 AS P.NET应用程序的

4、步骤二、实验内容1.熟悉 Visual Studio.Net2005 环境浏览 Microsoft Visual Studio 2005 (VS.NET) 环境,用“文件I新建I网站”菜单,打开新建网站对话框,设置开发语言(VisualC#)及网站文件所放目录(如C:ex1),建立ASP.NET网站。權祗I邑曰_世5?鱼Stndi*巳安装的険楼感慕妄ASP .NET实验指导书2.添加登录页面(Login.aspx)用“网站|添加新项” 菜单,在 VS.NET中添加一个名为Login.aspx的Web窗体页面,界面包含用户名、密码、提交和信息显示四个部分,并将此页面设为起始页。设计界面如下:Et

5、1回1用户名:密码fLabell用if语句判断用户名、密码的正确性,并用标签显示判断信息。(用户名、密码暂取 user1、Pwd1)。在 VS.NET中浏览Login.aspx 页面,并查看地址栏的URL记录动态端口号。3.添加欢迎页面(Welcome.aspx)62用“网站I添加新项” 菜单,在 VS.NET中添加一个名为Welcome.aspx的Web窗体页面,其中有一个文本框让访客输入自己 的姓名,还有一个按钮用于提交表单,再加上一个标签显示问候信息,运行界面显示如下:请输入坤户名=张三 张三你好,欢迎光临我的网站I连接两个页面在Login.aspx页面登录成功后定位到 Welcome.

6、aspx页面。使用的方法是: Response.Redirect( “Welcome.aspx” );5.以其它机器作为客户端,将本机作为服务器端,浏览页面步骤如下:(1) 、在IIS中设置网站属性,将本机IP地址由全部未分配改为固定值。、将网站项目文件夹(ex1)放在C:lnetpubwwwroot下,并在IIS中创建该网站项目的虚拟目录。、在客户端的浏览器中输入 httP:/ IP固定值/ ex1 / Login.aspx, 浏览Login.aspx 页面。实验类与接口成绩:实验日期:一、实验目的1. 理解类与接口的关系2. 掌握类与接口的定义与引用3. 初步了解两种常用数据库的连接与访问

7、4. 理解命名空间在数据库访问中的作用二、实验内容1 .分别用 MS Access和 SQL Server 2005(或 SQL Server 2005 Ex press)建立存储用户登录信息的数据库Login,其中有数据表UserLogin,表 中包含两个字段UserNam和UserPassword,并向数据表中插入两条记 录,以备后续登录测试使用。2.定义一个接口 Ilogin ,并在接口中声明一个login方法,实现根据提供的连接串、用户名和密码,检查用户登录是否成功,成功时返回true , 否则返回false。参考代码:P ublic interface Iloginbool logi

8、n( string strConnection, string strUserName, string strUserPassword);3.新建两个类 AccessLogin 和SQLLogin,分别实现用 Access和SQLServer2005(或SQLServer 2005 Ex press)两种不同的数据库实现接口中的登录方法(login方法)。参考代码(以访问Access数据库为例):Public class AccessLogin : Iloginpublic bool login( string strConnection, string strUserName, string

9、 strUserPassword)OleDbConnection conn = new OleDbConnection (strConnection);OleDbCommandmd =new OleDbCommandselect * from Userlogin whereUserName=UserNamand UserPassword=UserPassword, conn);cmd .P arameters.Add(UserName OleDbType.VarChar, 50);cmd .P arameters.Add(cmd.P arametersUserPassword, OleDbTy

10、pe.VarChar, 50);UserName.Value = strUserName;cmd. ParametersUser Password.Value = strUser Password;con n.Op en();OleDbDataReader dr = cmd.ExecuteReader();bool blogin;blogin = dr.Read();conn.Close();return blogin;4.建立一个测试接口与类的 We窗体,在其中添加两个文本框(输入用户名和密码)和两个按钮(接口测试Access和SQLServer),在按钮单击事件中编写测试代码,并输出测试结

11、果。参考代码(以测试Access数据库接口为例):P rotectedvoid Button1_Click( object sender, EventArgs e)Iloginlg = new AccessLogin ();strings = p rovider=microsoft.jet.oledb.4.0;data source=Server.MapPath( app_datalogin.mdb );if (lg.login(s, txtUserName.Text, txtUserPassword.Text) Res po nse.Write(elseRespo nse.Write(Acc

12、ess登录成功!);Access登录失败!);5.在程序开始部分,添加 System.Data.OleDb 和 System.Data.SqlClient命名空间的引用,并在实现接口的两个类中删除对这两个命名空间的指定,测试程序是否正常运行。实验数据库简单操作成绩:实验日期:一、实验目的1理解Sql Server数据库的连接串含义2.掌握用Sql Server数据库数据作下拉列表数据源的设置方法3掌握带参数的数据查询的方法4掌握各种ADO.NE数据对象的使用方法5掌握用表格显示数据的编程方法、实验内容本次实验提供数据库,请到 ftp: /9 下载1.用下拉列表控件Dro

13、p Dow nList绑定数据表中的字段。方法一:(1)、建立对Sql Server数据库Northwind的数据连接,获取连接字符串。、导入命名空间:using System.Data.SqlClient;、编写Page_Load事件方法,实现在首次装载页面(!lsPostBack)时,设置下拉列表控件Drop Dow nList的数据源为数据库中的P roducts(产品)表,数据文本列为“ ProductName(产品名称)”,数据值列为“ProductID(产品ID) ”。提示语句如下:Drop Dow nList1.DataSource = dr;( 注:dr为数据阅读器对象实例)D

14、rop Dow nList1.DataTextField =字段名;/绑定下拉列表的文本Drop Dow nList1.DataValueField =字段名;/绑定下拉列表的值Drop Dow nList1.DataBi nd();方法二:(1)、建立对Sql Server数据库Northwind的数据连接,获取数据源对象。、添加下拉列表控件,利用Drop Dow nList控件的便捷任务面板中的选择数据源,通过数据源配置向导选择数据源和为Drop Dow nList的文本或值选择数据字段。2.使用数据阅读器SqlDataReader对象读取查询到的数据,并在标签控件Label中用表格显示查

15、询数据。参考代码(数据表的读取):String whilestrtable =产品编号/显示表头(dr.Read()产品类别;strtable +=strtable +=+ dr.GetValue(O).ToString()+;strtable +=+ dr.GetValue(1).ToString()+;strtable +=+ dr.GetValue(2).ToString()+;strtable +=strtable +=产品名称v/tdvtd注:dr为数据阅读器对象实例。用dr.GetValue(i).ToStri ng()方法获取指定序号处的列值。3.使用数据适配置器SqlDataA

16、dapter对象和数据集DataSet对象读取查询到的数据,并在标签控件Label中用表格显示查询数据。参考代码(数据表的读取):string strtable = ;for ( int i = 0; i ds.TablesO.Columns.Count; i+)/读取各列列名,作为表头strtable += + ds.TablesO.Columnsi.ColumnName +strtable +=for ( inti = 0; i ds.Tables0.Rows.Count; i+)/读取各单元格数据strtable +=;for ( intj = 0; j ds.Tables0.Colum

17、ns.Count; j+)strtable += + ds.Tables0.Rowsij.ToString() +;strtable +=strtable +=注:ds为数据集对象实例。4.(选做)在上题中表格用奇偶行不同色相间显示查询到的数据。实验四服务器控件的使用(一)成绩:实验日期:一、实验目的1熟练使用Label控件和Butt on控件2.掌握文本框TextBox控件各种模式的使用3.掌握 RadioButt on、RadioButto nList、Drop Dow nList 控件单选功能的使用4.掌握CheckBox CheckBoxList、ListBox控件的复选功能的使用、实

18、验内容1.用CheckBox控件实现如下界面:数量价格单位:元)廻0含税睨率订算总价总价(含税);5200提示:用if语句判断复选框CheckBox是否被选中。2.用CheckBoxList控件实现在下列五种水果中选择你喜欢的水果。(用Label控件显示选择结果)你喜欢的水果是 0苹杲香蕉0葡萄0草莓橋子你喜欢的水杲是;苹杲、葡萄,草莓提示:复选时用字符串实例的TrimEnd()方法去掉最后一个顿号。3.分别用RadioButto nList 控件、Drop Dow nList控件实现在下列五种水果中选择你最喜欢的水果。(用Label控件显示选择结果)、RadioButtonList 控件实现

19、单选的界面如下:你最喜欢的水杲是:0苹杲香蕉O葡萄O草莓O橋子确定你最喜欢的水果是=香蕉、Drop Dow nList控件实现单选的界面如下:你最喜灰的术杲是:香蒸 你最喜蕊的小呆是:香蕉提示:设置 Drop Dow nList控件的Aut oP ostBack属性为true 4.(选做)综合应用各种控件实现如下填写个人信息的界面:请填写个人信息姓密性专请选择:V名: 码: 别I业:个人简介:ASP.NET 翩络英语体育你的个人信息如下; 姓名!険诃 密码! &88 性别;女 专业.计算机 擅长的科目=ASP.RET.网络、英语 个人筒介:事事找曾抗爭,成胶不必在找实验五服务器控件的使用(二)

20、实验日期:成绩:一、实验目的1掌握BulletedList 项列表控件的使用2.掌握MultiView多视图控件的使用3掌握FileUpload文件上传控件的使用4掌握各种验证控件的使用,并了解验证控件的验证优先顺序二、实验内容1.使用BulletedList项列表控件创建“普通用户”和“会员用户”的项列表,当点击项列表中相应的选项时能实现不同界面的切换。提示:、BulletedList控件的属性 BulletStyle 用来设置项目样式,属性Dis pl ayMode用来设置项目文本的显示模式(Text、Hyp erLi nk、LinkButton)。、BulletedList 控件的属性

21、DisplayMode设置为LinkButton 显示模式时有单击事件,参考语句如下:BulletedList1.ltemse.l ndex.Text/ 显示项目的文本或者:BulletedList1.Itemse.I ndex.Value/显示项目的返回值2.用多视图在“普通用户”和“会员用户”视图中选择一个视图。步骤:、建立一个多视图MultiViewl ,并在其中添加两个视图Viewl和View2分别用来显示“普通用户”和“会员用户”的界面。提示:MultiView 控件通过属性 ActiveViewIndex 选择一个View控件。(2) 、在“普通用户”视图中实现用户注册的功能,用户

22、输入信息时要求进行如下输入验证:-用必填验证控件 RequiredFieldValidator,验证“用户名字段不能为空”。-用比较验证控件 CompareValidator,验证“用户两次输入的密码必须一致”。-用 必填验证控件 RequiredFieldValidator 和正则验证控件RegularEx pressio nValidator,共同验证电子邮件地址。、电子邮件地址未输入时应显示“ E-mail地址不能为空”。、电子邮件地址格式不正确时应显示“请输入正确的E-mail 格式”。(电子邮件地址应符合一定的格式,如其中含有1个“之间、“.”和1到2个“.”字符,并在“ 之前、“与

23、“.”与“.”之间有非空字符串。)运行程序时总结验证控件的验证优先顺序。、在“会员用户”视图中使用文件上传控件FileUpload实现图片的上传操作,要求图片的格式只能是jpg格式,并且上传成功后能显示出相应的图片。提示:使用System.lO.Path.GetExtension()方法获得文件扩展名。设计界面如下:请选择你的身份登录; 旧弋普逼用户-会员用户MultiViewlViewl祢是普過用户,请先注册成会员用户:用户名:痢马确认(B乔邮箱戸果用户名不能为空!廻次就的密码墜二致IT囁入正确的E-ni同石號交直也运行过程如下:、启始页面:请选择你的身粉登录:-普道用户会员用户、单击“普通

24、用户”链接按钮后,出现的页面如下:卓用户名不能为空!翎次输入的密码必须一致! 嚅输入正确前Eg甜&式!、单击“会员用户”链接按钮后,出现的页面如下:请选择你的身份登录;.普通用户会贝用户.你是普通用户,请先注册成会员用户: 用户名:二 密 码:叵 密码碉认: 电子邮箱.貞请选择你的身份登录:.普通用户会员用户你是会员用户脩上传你的照片 傑片只能是加弗丸浏览)照片上倍成功3M查看13实验六GridView控件实验日期:年月日成绩:一、实验目的1. 了解GridView控件的作用2.掌握SQL数据源的建立方法3.掌握GridView控件绑定列、各种模板列样式的定义4.掌握用GridView控件更新

25、和删除数据表记录5.掌握GridView控件的排序、分页样式的设置、实验内容本次实验提供数据库,请到ftp: /9下载1.建立对Sql Server数据库Forum的数据连接,其中有数据表UserInfor ,表中有如下字段:UserlD(用户 ID)、UserName用户名)、UserPassword(密码)、UserEmail(邮件地址)、UserSex(性别)、UserFace(头像)、UserMarried(婚否)注:UserID字段为主键,类型为自动编号。2.建立一个数据源用来访问数据库Forum中的用户表Userlnfor。3.添加GridView控件,右击

26、GridView控件(或者:利用GridView控件的便捷任务面板中的自动套用格式),选择“自动套用格式I彩色型”格式。4.利用GridView控件的便捷任务面板中的编辑列,从已有绑定列中去除绑定列UserID和绑定列UserPassword (或者:去除所有自动生成的绑定列字段,用GridView控件的便捷任务面板中的添加新列来添加需要 的字段)。5将已有的列改为中文列名:用户名、由M牛地址、性别、头像、婚否。6.将邮件地址UserEmail字段用HyperLink列显示,并能实现邮件发送。提示:邮件发送的UR1字符串格式为“ mailto:邮件地址”。7.将性别UserSex字段用模板列表

27、示,显示为男或女。(1为男、0为女)提示:自定义绑定,代码表达式如下:Eval(UserSex).ToString()=1?男:女”8.将头像UserFace字段用图象列表示,显示相应的头像图片。(在网站项目中建立一个文件夹,用来存放多种表情头像图片 )9添加编辑(更新、取消)命令按钮,实现对记录的编辑功能,且编辑时用户名列不允许编辑。10.添加删除命令按钮,实现对记录的删除功能。11.利用GridView控件的便捷任务面板中的启用分页,实现对记录的分页功能,并设置GridView控件的属性PageSize,实现每页输出4条记录。12.利用GridView控件的便捷任务面板中的启用排序,实现对

28、记录的排序功能,并利用编辑列,设置相应字段的SortExpression值,实现只对用户名UserNam列进行排序。运行结果如下:Iww邮件地址性别头像婚否Iwwst灰太狼喜羊羊371927989qq comcornA删除删除编辑删除删除编辑编辑实验七DataList 控件成绩:实验日期:一、实验目的1.掌握DataList控件中模板列的定义方法2.掌握用DataList控件显示数据库的各种习惯用法3.学会使用DataList控件编辑数据库数据的方法二、实验内容本次实验提供数据库,请到ftp: /9下载1. DataList控件显示数据表中的数据(1)、用服务器资源管理

29、器建立数据连接以访问数据库Forum,其中有数据表Userlnfor,表中有如下字段:UserlD( 用户 ID)、UserName用户名)、UserPassword(密码)、UserEmail(邮件地址)、UserSex(性别)、UserFace(头像)、UserMarried(婚否)注:UserID字段为主键,类型为自动编号。、从数据连接的表中拖放表UserInfor到web窗体上,删除自动产生的GridView控件,保留自动产生的数据源 SqlDataSource1控件。、利用DataList控件的便捷任务面板中的选择数据源,从下拉列表框中选择SqlDataSource1数据源。2.定义

30、数据列表控件中项模板列利用DataList控件的便捷任务面板中的编辑模板, 显示ItemTemplate项模板,使其显示UserNam和口 UserSex列。控件类型要求如下:列项模板控件(绑定属性)UserNameLabel (Text)UserSexLabel显示男女(Text)3. DataList控件实现“选择”、“关闭”操作、在普通项模板ItemTe mp late中添加Butt on或Lin kButt on控件,设置其属性CommandNa为“ Select ”、属性Text为“选择”,实现选择操作。、建立选择项模板SelectedItemTemplate。(可以复制普通项模板的

31、内容,在此基础上略加修改,以示区别)、在选择项模板 SelectedItemTemplate 中添加 Button 或 LinkButton 控件,设置其属性CommandNa为“Close”、属性Text为“关闭”,实现关闭操作。、在DataList控件的属性窗口中选择ItemComman事件,编写事件代码参考如下:if (e.CommandName = Select) DataList1.Selectedlndex = e.ltem.ltemlndex;DataList1.DataBind();else if (e.CommandName = Close) DataList1.Select

32、edlndex=-1;DataList1.DataBind();4. DataList控件实现“删除”操作、在模板中添加Button或LinkButton控件,设置其属性CommandName为“ Delete ” 、属性 Text 为“删除”,属性 CommandArgume为%# Eval( “主键列名”),实现删除操作。、在DataList控件的属性窗口中选择 DeleteComman事件,编写事件代码参考如下:SqlDataSource1.DeleteParametersUserld .DefaultValue =e.CommandArgument.ToStringO;SqlDataS

33、ource1.Delete();DataList1.EditItemIndex = -1;DataList1.DataBind();5. DataList控件实现“编辑”、“取消”、“更新”操作编辑:(1)、在模板中添加Button或LinkButton控件,设置其属性CommandName为“ Edit ”、属性Text为“编辑”,实现编辑操作。、在DataList控件的属性窗口中选择EditComman事件,编写事件代码参考如下:DataList1.Editltemlndex = e.ltem.ltemlndex;DataList1.DataBind();取消:(1)、在模板中添加Butt

34、on或LinkButton控件,设置其属性CommandName为“Cancel”、属性Text为“取消”,实现取消操作。、在DataList控件的属性窗口中选择 CancelCommar事件,编写事件代码参考如下:DataList1.EditItemIndex = -1;DataList1.DataBind();更新:(1)、在编辑项模板 EditltemTe mp late 中添加 Butt on 或 Lin kButt on 控件,设置其属性Comma ndNartte “ Up date”、属性Text为“更新”,属性CommandArgume为v%#Eval( “主键列名”),实现更

35、新操作。、编辑项模板EditItemTemplate中显示用户名UserName邮件地址UserEmail、性别UserSex和头像UserFace列。控件类型要求如下:列编辑项模板控件(绑定属性)UserNameTextBox (Text)UserEmailTextBox (Text)UserSexRadioButt on ListUserFaceDrop Dow nList、在DataList控件的属性窗口中选择 UpdateCommar事件,编写事件代码参考如下:(以下代码只是针对表编辑 UserName列演示实现的功能)SqlDataSource1.UpdateParameters U

36、serId .DefaultValue =e.CommandArgument.ToStringO;SqlDataSource1.U pdate Parameters UserName.DefaultValue =(e.ltem.FindControl( tbUserName) as TextBox).Text;SqlDataSource1.U pdate();DataList1.Editltemlndex = -1;DataList1.DataBind();6. DataList控件实现“插入”操作 (1)、在编辑项模板 EditItemTem plate 中添加 Butt on 或 Lin

37、kButt on 控件,设置其属性CommandName“Insert ”、属性Text为“插入”,实现插入操作。、在DataList控件的属性窗口中选择ItemComman事件,编写事件代码参考如下:(以下代码只是针对表插入 UserName列演示实现的功能)SqlDataSource1.Insert ParametersUserName.DefaultValue =(e.ltem.FindControl( tbUserName) as TextBox).Text;SqlDataSource1.Insert();DataListI.EditItemlndex = -1;DataList1.D

38、ataBind();7. DataList控件的页眉模板、页脚模板、分隔符模板的设计。运行结果如下:、运行初始界面如下:用户信息一览表用户名:Iww1埔户名dwwst1用户名灰太狼性别女1性别男1性别男选择删除1 1选择删除用户名:李四1用户名:喜羊羊1用户名:张三性别女1性别女1性别:男选择删除1 1选择IB如有遥问,请联系ft主Q Q:371927989、点击“选择按钮时出现的界面如下:用户名:喜羊羊邮件地址:泗|切.c om 性别男渎儘二yX Wr -、点击“编辑”按钮时出现的界面如下:用户名:喜 邮件地址: xiyangyangqc,corn柱别;0女O舅头像:叫旳3(选做)DataL

39、ist控件实现“插入”操作时,点击“插入”按钮则跳转到另一个单独的页面进行插入操作,提交成功后数据插入到数据表中,并且页面返回到初始运行界面。插入界面如下:新用户注册界面个人资料必填部分:用户名:伽密码:邮 箱:吕兀眈了阳9qqam个人资料选填部分:请选择你的身份:0男士 女士请选择你的婚姻伏况.O未婚己婚请选择你的个人形象一 02jpg V苗,实验八用户控件实验日期:成绩:一、实验目的1.掌握用户控件的定义2.掌握在用户控件中添加属性、事件和方法3.掌握用户控件的引用二、实验内容1 .定义一个具有登录功能的用户控件文件 UserLogin.ascx,其中包含两个文本框(输入用户名和密码)以及

40、两个按钮(清空和提交)。界面如下所示:用户名密码:F2.编写内部事件,实现单击“清空”按钮,清除文本框中的文本。3.定义用户控件属性UserNam与UserPassword,实现对文本框的读写。参考代码(以属性UserName例):publicstring UserNamegetset return TextBox1.Text; TextBox1.Text = value ; publicpublic5.单击“提交”按钮,引发事件。4.定义事件Submit。参考代码:delegate void EventDelegate ();/ 声明事件所需的委托 EventDelegateevent Ev

41、entDelegate Submit; /由委托声明公共事件变量 Submit参考代码:p rotected voidif (Submit !=Submit();Button2_Click( object sender, EventArgs e)null )/检查Submit事件在容器中是否被指派了与委托类型相同委托实例方法6.在普通Wet窗体页面(.aspx)中,放入自定义用户控件UserLogin1以及标签Labell,在点击“提交”按钮时,判断用户控件属性 UserNam与UserPassworc是否为Userl与pwd1,并将判断结果显示在标签上。事件过程定义与属性引用参考代码如下:(

42、1)、在page_load事件中,为用户控件指定事件处理UserLoginl.Submit += new UserLogin . EventDelegate (UserLogin1_Submit);、定义事件处理程序(UserLogin1_Submit)void UserLogin1_Submit()提示:用户控件名.属性名(如:UserLoginl.UserName)来引用用户控件中的属性。7.(选做)在用户控件上加入验证控件,并且从数据库中查询登录信息。实验九母版页与CSS样式实验日期:年月日成绩:一、实验目的1.掌握母版页的定义与引用方法2.理解主题的意义,掌握主题的定义与引用方法3.理

43、解CSS样式的类型4.掌握CSS不同种类样式的定义与引用方法5. 掌握外观文件的定义与引用方法、实验内容1.定义与引用母版页、用Table标记定义一个如下所示的母版页:ASP. NET教学网站内容页1内容页2版权信息:(2) 、用上述母版页建立两个内容页,每个内容页上放上一个控件或一张图片以用来识别。(3) 、母版页左边的“内容页1”、“内容页2”均为超链接,设置其属性NavigateUrl以分别指向相应的两个内容页。、浏览内容页1,测试链接。2. 定义主题在网站根目录下建立三个主题文件夹分别为Default、Blue、Rec。(右击网站根目录,选择“添加ASP .NET文件夹|主题” 重命名

44、主题 文件夹名)3. CSS羊式表文件的建立与引用(1)、在三个主题文件夹(Default、Blue、Red)下分别建立CS样式表文 件(右击主题文件夹,选择“添加新项I样式表”),样式表文件取 名使用系统默认值。、在Default主题样式中按定义并分别引用如下三种基本 CS鮮式:类型定义引用元素DIVfon t-family: color:Black;宋体; 宋体 类Class_HTfon t-family: color:Black;黑体; 黑体 兀素ID#ID_ LSfon t-family: color:Black;隶书; 隶书 (3)、浏览页面,观察页面样式。(此时没有样式效果)、在页

45、面源中的第一行 v%age %中添加Theme=“Default ”设置 单个页面的主题(或者:在属性窗口设置页面Documen属性Them为 相应的主题),浏览该页面,测试样式效果。也可以在配置文件Web.Config中设置所有页面的主题,如下所示:、在Blue和Rec主题中添加样式文件,参照Default样式修改颜色属性,修改主题引用,观察页面样式。4.外观(皮肤)文件的建立与引用、在三个主题文件夹下分别建立外观文件(右击主题文件夹,选择“添加新项|外观文件”),外观文件取名使用系统默认值。、在新建的三个外观文件中分别设置Button按钮的前景色(ForeColor)为黑色(Black)、

46、蓝色(Blue)和红色(Red),方法如下:、在普通页面设计中设置Butt on按钮如下样式:、删除个性的属性设置,保留共性的属性设置,变成如下样式:将此复制到外观文件中。、在页面中加入Button控件,设置页面的主题样式后,浏览页面,观察页面样式。5.(选做)使用Drop Dow nList控件动态选择一个主题样式。提示:在Page_Prelnit事件中设置页面主题。实验十ASP.NET内部对象编程成绩:实验日期:一、实验目的1.熟悉和了解ASP.NE中的各种内部对象2.掌握Request、Response Server对象的属性、方法、事件3.掌握ViewState的定义与引用4.掌握Se

47、ssion的定义与引用5.掌握AppI icati on的定义与引用、实验内容1.编写累计表单上按钮单击次数程序建立一个Counter.aspx页面,产生一个ViewState对象,在页面首次装载时设置为“0”,单击按钮实现加1的功能,用标签显示当前ViewState的状态值。参考语句如下:ViewState count = int .Parse(ViewStatecount .ToString() + 1;/ 实现加 1 功能2.编写一个简易聊天室程序、建立一个Login.aspx页面,用于登录。界面如下:请输入呢称;(选做)用户登录时,当用户输入昵称后,程序判断是否重名,重名 时则要求重新

48、输入,不重名则保存昵称到数据库中,进入聊天室。、聊天室,建立三个页面,Show.aspx页面显示聊天记录,Send.aspx页面实现发送聊天信息功能,Chat.htm页面是调用显示聊天记录页 面(Show.aspx)和发送聊天信息页面(Send.aspx)的框架页面。运行界面如下:血d皿说:ASP NET网站开发!请肉言;创建Send.aspx页面,实现发言功能,使用Application对象存储聊天信息,并使用Session对象存储用户昵称信息。参考语句如下:App lication.Lock();AppIicationshow = Session name + 说:+ TextBox1.T

49、ext + Application show;App lication.UnLock();创建Show.as px页面,显示聊天记录,参考语句如下:show .ToString();Label1.Text = App lication创建Chat.htm页面,使用框架把Show.aspx和Send.aspx放在同一个页面中。参考源代码如下:vframeset rows=*,150、为了能让聊天记录及时进行更新,我们在显示聊天记录的Show.aspx页面的源代码vhead runat=serverv/head 中加入刷新代码:思考:退出IE浏览器,再次进入,聊天记录还存在吗?如何清除聊天记录?(4)、测试页面。为了测试对聊,打开两个IE浏览器窗口,这时两个窗口代表了两个用户

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论