ASPNET的常用控件的使用实验

AJAX入门系列：Timer控件简单使用本文主要通过一个简单示例，让Web页面在一定的时间间隔内局部刷新，来学习一下 AJAX中的服务端Timer控件的简单使用。

主要内容Timer控件的简单使用1．添加新页面并切换到设计视图。

2．如果页面没有包含ScriptManager控件，在工具箱的AJAX Extensions标签下双击ScriptManager控件添加到页面中。

3．单击ScriptManager控件并双击UpdatePanel控件添加到页面中。

4．在UpdatePanel控件内单击并双击Timer控件添加到UpdatePanel中。

Timer控件可以作为UpdatePanel的触发器不管是否在UpdatePanel中。

5．设置Interval属性为10000。

Interval属性的单位是毫秒，所以我们设置为10000，相当于10秒钟刷新一次。

6．在UpdatePanel控件中添加一个Label控件。

7．设置Label控件的Text属性为“Panel not refreshed yet ”。

确保Label控件添加在了UpdatePanel控件里面。

8．在UpdatePanel之外再添加一个Label控件。

确保第二个Label控件在UpdatePanel的外面。

9．双击Timer控件添加Tick事件处理，在事件处理中设置Label1的Text属性为当前时间。

protected void Timer1_Tick(object sender, EventArgs e){Label1.Text = "Panel refreshed at: " +DateTime.Now.ToLongTimeString();}10．在Page_Load事件中添加代码设置Label2的Text属性为页面创建时间，如下代码所示：protected void Page_Load(object sender, EventArgs e){Label2.Text = "Page created at: " +DateTime.Now.ToLongTimeString();}11．切换到代码视图，确保代码如下所示：protected void Page_Load(object sender, EventArgs e){Label2.Text = "Page created at: " +DateTime.Now.ToLongTimeString();}protected void Timer1_Tick(object sender, EventArgs e){Label1.Text = "Panel refreshed at: " +DateTime.Now.ToLongTimeString();}12．保存并按Ctrl + F5运行13．等待10秒钟后可以看到Panel刷新，里面的Label文字改变为刷新的时间而外面的Label没有改变。

程序设计系部：_______________________ 专业：_______________________ 班级：_______________________ 学号：_______________________ 姓名：_______________________淮安信息职业技术学院实验目录实验一入门 (1)实验二类与接口 (4)实验三数据库简单操作 (7)实验四服务器控件的使用(一) (10)实验五服务器控件的使用(二) (12)实验六GridView控件 (16)实验七DataList控件 (19)实验八用户控件 (25)实验九母版页与CSS样式 (27)实验十内部对象编程 (30)实验十一网页中的图形编程 (33)实验十二XML编程 (36)实验十三Web服务 (39)实验十四身份验证方式 (43)实验十五安全性相关控件 (45)实验一 入门实验日期：______年______月______日成绩：_____________一、实验目的1.熟悉Visual 2005环境2.了解编程特点3.掌握文件结构4.理解应用程序的概念，掌握建立应用程序的步骤二、实验内容1.熟悉Visual 2005环境浏览Microsoft Visual Studio 2005 ()环境，用“文件|新建|网站”菜单，打开新建网站对话框，设置开发语言(VisualC#)及网站文件所放目录(如C:\\ex1),建立 网站。

2.添加登录页面(Login.aspx)用“网站|添加新项”菜单，在中添加一个名为Login.aspx的Web窗体页面，界面包含用户名、密码、提交和信息显示四个部分,并将此页面设为起始页。

设计界面如下：用if语句判断用户名、密码的正确性，并用标签显示判断信息。

(用户名、密码暂取user1、pwd1)。

在中浏览Login.aspx 页面，并查看地址栏的URL，记录动态端口号。

3.添加欢迎页面(Welcome.aspx)用“网站|添加新项”菜单，在中添加一个名为Welcome.aspx的Web窗体页面，其中有一个文本框让访客输入自己的姓名，还有一个按钮用于提交表单，再加上一个标签显示问候信息，运行界面显示如下：4.连接两个页面在Login.aspx页面登录成功后定位到Welcome.aspx页面。

1、实验项目名称: 创建一个网站2、实验项目名称: 字体程序3、实验项目名称: 验证控件和FileUpload控件MaxValue:最大值MiniValue：最小值Type：数据类型3、compaerVatidater除了ControlToValidate、ErrorMessage外还有ControlToCompare和Type4、RegularExpressionValidator除了ControlToValidate、ErrorMessage外还有ValidationExpression （二）文件上传控件4、实验项目名称:网站导航与页面之间的传值5、实验项目名称:利用CSS和DIV完成一个美观网页设计一、实验目的学会使用CSS+DIV完成一个网页布局二、实验环境VS2010三、实验方法和实验步骤1、画出框架图2、创建DIV层共6个：<div class="alldiv"><div id="top" class="alldiv">标题Logo栏</div><div id="navigation" class="alldiv">导航栏</div><div id="left" class="alldiv">左边</div><div id="middle" class="alldiv">中间</div><div id="right" class="alldiv">右边</div><div id="bottom" class="alldiv">页脚</div></div>3、CSS控制DIV进行布局.alldiv{width:760px;text-align: center; border: #00ff00 1px solid; }#top6、实验项目名称:利用主题和母版页设计一个美观网页7、实验项目名称:使用SqlConnection完成对数据库的连接8、实验项目名称: 利用完成对数据库额增删改查9、实验项目名称: 完成DropDownList、GridView、DataList 和FormView数据的绑定10、实验项目名称:AJAX技术的使用11、实验项目名称:Jquery：按钮倒数10秒之后才可点击，用于用户注册12、实验项目名称: Web服务：创建立方和和天气的Web服务13、实验项目名称: XML：个人通讯薄的设计与实现二、实验环境VS2010三、实验方法和实验步骤1、xml：文件2、 DTD文件14、实验项目名称:完成网上书店的大框架设计一、实验目的掌握的网站设计流程和模块功能的实现二、实验环境VS2010二、实验方法和实验步骤1、框架图：。

ASP实验指导书目录实验1: ASP Web服务器的安装与配置................................- 1 - 实验2：HTML标记符的使用（表格、表单对象、CSS样式） ......................................................................................................- 3 - 实验3：VBScript 程序设计..................................................- 5 - 实验4：ASP内建对象..............................................................- 7 - 实验5：数据库基础知识 ......................................................- 10 - 实验6：ASP存取数据库 .......................................................- 12 - 实验7：深入进行数据库编程..............................................- 13 - 实验8：文件存取组件及其他组件 .....................................- 16 -实验1:ASP Web服务器的安装与配置一、实验目的熟悉IIS的安装过程与配置方法。

通过编写简单的ASP页面，掌握ASP网页的编写和运行方法。

二、实验器材及数量Windows Server计算机系统，安装IIS、Macromedia Dreamweaver 8.0、Internet Explorer浏览器、Access数据库等。

三、实验原理利用ASP中对象的方法、事件、属性制作动态网页。

实验三 服务器控件实验目的：●掌握 4.0页面时间的处理过程●熟练应用基本的Web服务器控件实验内容及要求：在网站的用户注册页面，通常都可以通过下列列表框动态选择用户的头像。

本实验就是先这样的功能。

要求如下：●当“头像”下拉列表中的选项发生改变时，网页上显示的头像也随之改变。

●单击“提交”按钮，将用户选择的头像信息显示在Label控件上。

实验步骤：（1）启动Visual Studio 2010，创建一个 WEB网站，命名为“课堂练习2”。

（2）在网站根目录下创建一个名为Default.aspx的窗体文件。

（3）设计Web窗体。

切换到设计视图，想页面添加1个Image控件、1个Button 控件、一个DropDownList控件和1个label控件。

（4）设置属性。

（5）设置DropDownList1中的列表项内容。

将鼠标移到DropDownList1控件上，其上方会出现一个向右的小三角。

单击它，弹出“DropDownList任务”列表。

选择列表中的“编辑项”命令，弹出如图所示的“ListItem集合编辑器”对话框。

单击“添加”按钮可像“成员”列表中添加选项，并在“属性”列表中设置选项的Text属性和Value属性，其中，Text属性是列表框控件中显示的文本；而Value属性为对应头像的路径。

最后单击“确定”按钮。

如果要将选项设置为选中的状态，可以将Selected属性设置为true。

（6）编写下拉列表事件代码如下：（7）编写“提交”按钮被单击是执行的时间代码如下：（8）浏览建立的Web窗体进行测试。

实验四 网站设计实验目的：●熟练掌握各种导航控件的使用●能够在网站中创建母版页和内容页实验内容及要求：合理创建商场积分卡管理系统的站点地图Web.sitemap。

要求如下：●站点地图的层次要清晰●编写的代码必须符合站点地图的规范要求实验步骤（1）启动Visual Studio2010,创建一个 Web网站，命名为“课堂练习1”（2）在网站根目录下创建一个名为Web.sitemap的站点地图文件（3）在Web.sitemap的站点地图文件中编写代码如下实验五访问数据库实验目的：●在SQL Server 2008中创建数据库●掌握的操作对象●熟练运用数据访问技术对数据库进行操作实验内容及要求：（1）在SQL Server 2008中创建数据库和数据表。

程序设计实验报告程序设计实验报告一、引言是一种用于构建Web应用程序的开发框架，它基于微软的.NET平台，具有强大的功能和灵活的扩展性。

本次实验旨在通过设计一个简单的程序，探索其在实际应用中的优势和应用场景。

二、实验目的本次实验的主要目的是熟悉的开发环境和基本概念，掌握程序的设计和实现方法。

通过实际操作，进一步理解的工作原理和特点。

三、实验内容1. 环境搭建在开始实验之前，我们需要搭建的开发环境。

首先，下载并安装Visual Studio，这是一个集成开发环境（IDE），用于编写和调试程序。

其次，安装.NET Framework，这是运行程序所必需的运行时环境。

2. 创建项目在Visual Studio中，我们可以创建一个新的项目。

选择 Web应用程序模板，并指定项目的名称和位置。

在创建项目的过程中，我们可以选择使用C#或作为主要的编程语言。

3. 页面设计使用一种称为Web Forms的技术来创建Web页面。

Web Forms提供了一种类似于Windows窗体的方式来设计和布局Web页面。

在设计页面时，我们可以使用Visual Studio提供的可视化设计器来拖放控件、设置属性和事件处理程序。

4. 数据库连接许多Web应用程序需要与数据库进行交互，存取和操作数据。

提供了丰富的数据库连接和操作功能，可以轻松地与各种数据库进行集成。

我们可以使用技术来连接数据库，并使用SQL语句或存储过程执行数据库操作。

5. 用户交互支持各种用户交互功能，如表单提交、按钮点击、数据验证等。

我们可以使用提供的控件和事件处理程序来实现这些功能。

同时，还提供了一套强大的验证控件，用于验证用户输入的数据的有效性。

6. 网络安全在Web应用程序开发中，网络安全是一个非常重要的问题。

提供了一系列的安全功能，用于保护Web应用程序免受各种网络攻击。

我们可以使用提供的身份验证、授权和加密功能来增强Web应用程序的安全性。

四、实验结果与分析通过实验，我们成功设计并实现了一个简单的程序。

实验1 服务器控件和验证控件
一、实验目的
1、熟练掌握服务器控件的使用。

2、熟练掌握验证控件的使用。

二、实验内容
1、编写一个Web应用程序Login，该程序用于检查用户登录信息。

当用户输入正确的用户名和密码时，显示登录成功的消息。

否则，显示登录不正确的消息。

如图所示：
2、完成如下选择城市的程序，要求单击左向箭头时，把右边ListBox中的所有选中项移到左边的ListBox中；要求单击右向箭头时，把左边ListBox中的所有选项移到右边ListBox中。

3、编写一个注册窗口，含账号、E-mail、电话号码、移动电话号码、密码、确认密码，要求：
1）账号要以英文字母开头，而且最少要输入四个字符；
2）E-mail要求为合法格式；
3）密码与确认密码要相等；
4）电话号码只能为数字，且长度为8位；
5）移动电话格式为13开头的11位数字。

三、实验报告要求
1、源程序清单。

2、程序运行结果。

3、调试过程中遇到的问题和解决的方法。

中Label控件⽤法详解Label 控件提供了⼀种在 ⽹页中以编程⽅式设置⽂本的⽅法。

当希望在运⾏时更改⽹页中的⽂本（⽐如响应按钮单击）时，通常可以使⽤ Label 控件。

⼀、属性Label控件的常⽤属性及说明如表1所⽰。

表1 Label控件常⽤属性及说明属性说明ID控件的ID名称Text控件显⽰的⽂本Width控件的宽度Visible控件是否可见CssClass控件呈现的样式BackColor控件的背景颜⾊Enabled控件是否可⽤下⾯详细介绍Label控件的⼀些重要属性。

1.ID属性ID属性⽤来惟⼀标识Label控件，程序开发⼈员在编程过程中可以利⽤ID属性调⽤该控件的属性、⽅法和事件。

可通过属性对话框对ID属性进⾏设置，如图1所⽰。

图1 Label控件属性设置注意：（1）Label控件的属性设置也可以通过HTML代码实现，实现代码如下：复制代码代码如下:<asp:Label ID="Label1" runat="server" Text="Label⽰例"BackColor="#FF8000" BorderColor="Blue"CssClass="stylecs.css" Font-Names="宋体" Font-Size="9pt"ForeColor="Black" Height="13px" Width="57px"></asp:Label>（2）以下所有控件的属性都可以通过属性对话框进⾏设置，以后将不再赘述。

2.Text属性Text属性⽤来设置Label控件所显⽰的⽂本内容，如图1所⽰。

3.CssClass属性在设置Label控件的CssClass属性前，⾸先要在⽹站HTML设计页的“<head></head>”节中编写如下代码。

灵活掌握中gridview控件的多种使⽤⽅法（上）灵活使⽤中gridview控件的⽅法有很多种，本⽂内容很富，希望⼤家都能有所收获。

1.GridView⽆代码分页排序：效果图：⼩提⽰：1.AllowSorting设为True，aspx代码中是AllowSorting="True"；2.默认1页10条，如果要修改每页条数，修改PageSize即可，在aspx代码中是PageSize="12"。

3.默认的是单向排序的，右击GridView弹出“属性”，选择AllowSorting为True即可。

2.GridView选中，编辑，取消，删除：效果图：后台代码：你可以使⽤sqlhelper,本⽂没⽤。

代码如下：using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlClient;public partial class _Default : System.Web.UI.Page{SqlConnection sqlcon;SqlCommand sqlcom;string strCon = "Data Source=(local);Database=数据库名;Uid=帐号;Pwd=密码";protected void Page_Load(object sender, EventArgs e){if (!IsPostBack){bind();}}protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e){GridView1.EditIndex = e.NewEditIndex;bind();}//删除protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e){string sqlstr = "delete from 表 where id='" + GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";sqlcon = new SqlConnection(strCon);sqlcom = new SqlCommand(sqlstr,sqlcon);sqlcon.Open();sqlcom.ExecuteNonQuery();sqlcon.Close();bind();}//更新protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e){sqlcon = new SqlConnection(strCon);string sqlstr = "update 表 set 字段1='"+ ((TextBox)(GridView1.Rows[e.RowIndex].Cells[1].Controls[0])).Text.ToString().Trim() + "',字段2='"+ ((TextBox)(GridView1.Rows[e.RowIndex].Cells[2].Controls[0])).Text.ToString().Trim() + "',字段3='"+ ((TextBox)(GridView1.Rows[e.RowIndex].Cells[3].Controls[0])).Text.ToString().Trim() + "' where id='"+ GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";sqlcom=new SqlCommand(sqlstr,sqlcon);sqlcon.Open();sqlcom.ExecuteNonQuery();sqlcon.Close();GridView1.EditIndex = -1;bind();}//取消protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e){GridView1.EditIndex = -1;bind();}//绑定public void bind(){string sqlstr = "select * from 表";sqlcon = new SqlConnection(strCon);SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon);DataSet myds = new DataSet();sqlcon.Open();myda.Fill(myds, "表");GridView1.DataSource = myds;GridView1.DataKeyNames = new string[] { "id" };//主键GridView1.DataBind();sqlcon.Close();}}前台主要代码：... ...<asp:GridView ID="GridView1" runat="server" CellPadding="4"ForeColor="#333333" GridLines="None" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit"><FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /><Columns><asp:BoundField DataField="⾝份证号码" HeaderText="⽤户ID" ReadOnly="True" /><asp:BoundField DataField="姓名" HeaderText="⽤户姓名" /><asp:BoundField DataField="员⼯性别" HeaderText="性别" /><asp:BoundField DataField="家庭住址" HeaderText="家庭住址" /><asp:CommandField HeaderText="编辑" ShowEditButton="True" /><asp:CommandField HeaderText="删除" ShowDeleteButton="True" /></Columns><RowStyle ForeColor="#000066" /><SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" /><PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" /><HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" /></asp:GridView>3.GridView正反双向排序：效果图：点姓名各2次的排序，点其他也⼀样可以。

2009-04-16 08:14一、AspNetPager7.2分页控件简介分页是Web应用程序中最常用到的功能之一，在中，虽然自带了一个可以分页的DataGrid（ 1.1）和GridView（ 2.0）控件，但其分页功能并不尽如人意，如可定制性差、无法通过Url实现分页功能等，而且有时候我们需要对DataList和Repeater甚至自定义数据绑定控件进行分页，手工编写分页代码不但技术难度大、任务繁琐而且代码重用率极低，因此分页已成为许多程序员最头疼的问题之一。

AspNetPager针对分页控件的不足，提出了与众不同的解决中分页问题的方案，即将分页导航功能与数据显示功能完全独立开来，由用户自己控制数据的获取及显示方式，因此可以被灵活地应用于任何需要实现分页导航功能的地方，如为GridView、DataList以及Repeater等数据绑定控件实现分页、呈现自定义的分页数据以及制作图片浏览程序等，因为AspNetPager控件和数据是独立的，因此要分页的数据可以来自任何数据源，如SQL Server、Oracle、Access、mysql、DB2等数据库以及XML文件、内存数据或缓存中的数据、文件系统等等。

AspNetPager 7.2 版发布新增属性PagingButtonLayoutType，可设置分页导航元素（数字页索引、上页、下页、首页和尾页）的布局方式，该属性值是一个PagingButtonLayoutType枚举，通过设置该属性为PagingButtonLayoutType.UnorderedList或PagingButtonLayoutType.Span，允许将这些分页导航元素包含在<li>与</li>或<span>与</span>标签之间，以便于为这些分页元素应用CSS样式。

新增PagingButtonClass 与PagingButtonStyle 属性，可以单独为分页导航按钮（数字页索引、上页、下页、首页和尾页）设置CSS样式；新增FirstLastButtonClass 与FirstLastButtonStyle 属性，可以单独为首页和尾页分页导航按钮设置CSS样式，如果该属性未设置，但指定了PagingButtonClass 与PagingButtonStyle 属性的值，则首页和尾页按钮样式将使用PagingButtonClass 与PagingButtonStyle 属性中指定的样式；新增NextPrevButtonClass 与NextPrevButtonStyle 属性，可以单独为上页和下页分页导航按钮设置CSS样式，如果该属性未设置，但指定了PagingButtonClass 与PagingButtonStyle 属性的值，则上页和下页按钮样式将使用PagingButtonClass 与PagingButtonStyle 属性中指定的样式；新增MoreButtonClass 与MoreButtonStyle 属性，可以单独为更多页（...）分页导航按钮设置CSS样式，如果该属性未设置，但指定了PagingButtonClass 与PagingButtonStyle 属性的值，则上页和下页按钮样式将使用PagingButtonClass 与PagingButtonStyle 属性中指定的样式；新增属性ShowMoreButtons ，可以指定是否显示更多页按钮；新增属性CurrentPageButtonPosition ，可设置在每次分页后，当前页数字索引在所有的数字页索引中的显示位置，该属性值是一个PagingButtonPosition枚举，对应的值及说明如下：Beginning：当前页数字索引总是显示在所有数字页索引的最前面；End：当前页数字索引总是显示在所有数字页索引的最后面；Center：当前页数字索引总是显示在所有数字页索引的中间；Fixed：默认值，固定不变；控件的CssClass属性仅应用于控件的窗口元素（div），将不再应用于下属分页元素；废止属性CenterCurrentPageButton，可以用CurrentPageButtonPosition属性取代；修改CurrentPageIndexn属性，允许在程序中任何地方以编程方式设置CurrentPageIndex的值来动态指定当前页，直接设置该属性的值时将同时引发PageChanging和PageChanged 事件，实现和点击分页按钮一样的分页功能；修正了7.1版中设置SubmitButtonImageUrl属性后，Postback回发分页方式情况下点击数字页索引按钮不引发分页事件的bug；修正了使用Url分页时，如果页面上没有服务器端form控件时无法注册客户端脚本的bug，从7.2版起如果使用Url分页并且ShowPageIndexBox属性没有设置为Never时，AspNetPager控件必须放在<form runat="server">与</form>标记之间，若使用Url分页并且ShowPageIndexBox为Never时，页面上可以不使用服务器端form控件。