ASPNET程序设计第04讲-登录页面和注册页面课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《ASPNET程序设计第04讲-登录页面和注册页面课件.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASPNET 程序设计 04 登录 页面 注册 课件
- 资源描述:
-
1、第四讲第四讲 登录页面和注册页面设计登录页面和注册页面设计 教学内容教学内容 一、控件概述一、控件概述二、登录页面和注册页面二、登录页面和注册页面 三、三、LabelLabel控件控件四、四、TextBoxTextBox控件控件 五、五、ButtonButton控件控件 六、登录页面设计六、登录页面设计 七、注册页面设计七、注册页面设计 教学目标教学目标v了解了解ASP.NET控件的基本知识;控件的基本知识; v 掌握掌握Label控件、控件、TextBox控件和控件和Button控件的使用;控件的使用;v 掌握登录页面设计方法;掌握登录页面设计方法; v 掌握注册页面设计方法。掌握注册页面设
2、计方法。一、控件概述一、控件概述 (1/7)v在ASP.NET页面中,可以使用两种类型的控件:HTML控件和Web窗体控件。 v(一一)HTML控件控件 HTML控件由HTML标签转化而来,主要用来在网页上显示静态信息。由于提供了各种类型的HTML控件,使用它们来展示信息就显得十分的方便,对于文字、表格、图像等都有对应的控件可以选择。 由于HTML控件由HTML标签转化而来,它作为客户端项表现出来,因而不能为其编写服务器代码。然而也可以将HTML控件作为服务器控件使用,这时需要在其HTML标签内加上属性runat=server,就可以为其编写程序代码了。 向Web Form页面加入HTML控件
3、:在集成开发环境中,将工具箱切换到HTML组,然后将要使用的控件拖入页面即可。若要将其作为服务器控件使用,右击该控件,勾选“作为服务器控件运行” ,使得开发器自动在该控件的标签内加上“runat=server”属性,在页面的设计视图上,该控件的左上角增加了一个绿色的小三角标记。在HTML控件的属性窗口可以设置属性。属性窗口上没有闪电标记,表明它没有事件,不能为其编写事件处理程序。然而当HTML控件作为服务器控件运行时,却可以在.cs文件中为其编写一个服务器方法。例如在网页上有一个HTML的文本框控件Text1,将其为服务器控件运行后,双击它就会切换的C#代码编辑窗口,可以为它编写Text1_S
4、erverChange处理程序。 一、控件概述一、控件概述 (2/7)private void Text1_ServerChange(object sender, System.EventArgs e) /加入处理程序代码 所有的服务器控件都需要占用系统资源,若不需要为其编写服务器代码,就没有必要将其转化为服务器控件。若已经转化了,将其转换回来就是,方法是在页面的控件上击右键,于弹出菜单上去掉“作为服务器控件运行”的勾选,或者在其HTML标记上去掉runat=”server”属性。 一、控件概述一、控件概述 (3/7)v(二二) Web服务器控件服务器控件 Web窗体控件是服务器控件,它是AS
5、P.NET中功能强大的编程单元,每种Web窗体控件都是一个类。常见控件有:静态文本控件静态文本控件:如Label控件。数据输入和显示控件数据输入和显示控件:如TextBox控件。提交控件提交控件:如Button、LinkButton和ImageButton控件。列表控件列表控件:如DropDownList和ListBox控件。选择控件选择控件:如CheckBox、CheckBoxList、RadioButton和RadioButtonList控件。数据绑定控件数据绑定控件:如DataGrid、DataList和Repeater控件。图像控件:图像控件:如Image控件。月历控件:月历控件:如C
6、alendar控件。广告控件广告控件:如AdRotator控件。验证控件验证控件:如RequiredFieldValidator控件等。 一、控件概述一、控件概述 (4/7)v(三三) HTML控件和控件和Web窗体控件的选用窗体控件的选用 在一个Web Form网页上可以同时使用HTML控件和Web窗体控件,两类控件中有一些控件的功能是对应的,如都有Label控件。在选择控件时如何把握呢?1.使用使用HTML控件控件 如果需要将已有的ASP网页转换成ASP.NET网页,则可选择HTML控件。由于HTML服务器控件可以方便地对应于HTML项,所有的HTML设计环境都会支持它。 当控件需要与客户
7、端互动时,则使用HTML服务器控件。 有些HTML控件功能在Web窗体控件中找不到对应控件时,就只能使用HTML控件。例如常常使用Table HTML控件在页面上定位,使用File Field HTML控件浏览文件目录和选择文件,这两个HTML控件在Web窗体控件中找不到合适的对应控件。 一、控件概述一、控件概述 (5/7)v2.使用使用Web窗体控件窗体控件 熟悉VB一类的程序开发工具的Windows程序员,可选用Web窗体控件。因为在ASP.NET网页中使用Web窗体控件时,其编程方法与Windows窗体控件没有什么区别,就是设置或获取控件的属性,调用控件的方法,为控件的事件编写处理程序。
8、初学者使用Web窗体控件也容易上手。 希望控件的功能强大时选用Web窗体控件。象DataGrid一类的数据绑定控件,它不仅有丰富的手段来美化外观,还可以在其内嵌套子控件,实现非常复杂的功能。还有象Calendar月历控件,AdRotator广告控件等,没有任何HTML控件可以实现对应的功能。 需要验证数据时使用Web窗体控件。Web窗体控件中有多个数据验证控件,使用它们可以方便地验证数据的格式、非空、范围等而不必编写任何程序代码。一、控件概述一、控件概述 (6/7) (四四) 控控件使用的步骤使用的步骤 1.加入控件到页面加入控件到页面 2.调整控件的位置与大小调整控件的位置与大小 3.设置或
9、获取控件的属性设置或获取控件的属性 4.编写事件处理程序编写事件处理程序 一、控件概述一、控件概述 (7/7)二、登录页面和注册页面二、登录页面和注册页面 (1/3)v(一一)登录页面登录页面 登录页面是多数网站都有的页面,其功能是为了防止非法用户进入网站的某些页面。下图是常见的登录页面的形式。v(二二)注册页面注册页面注册页面也是多数网站都有的页面,其功能是为了获取用户的资料并保存下来。下图是常见的注册页面的形式。 二、登录页面和注册页面二、登录页面和注册页面 (2/3)v(三三)登录页面和注册页面设计步骤登录页面和注册页面设计步骤1.建立ASP.NET应用程序项目。 2.向页面中加入Web
10、服务器控件,这里用到了Label控件、TextBox控件和Button控件。 3.设置页面和控件的属性。 4.将页面连接到数据库。 5.编写后台代码访问数据库,核对用户名和密码或者将用户的资料保存到数据库。 二、登录页面和注册页面二、登录页面和注册页面 (3/3)三、三、Label控件控件 (1/4) Label控件称为标签,或静态文本,它的文本是可以由程序代码改变的,但程序运行后不能由用户改变。Label控件主要用作显示文本,作用在于提示信息(提示输入、提示错误)和展示文本信息。 v(一一)HTML标记标记 姓名 标记了一个Label控件,其 ID为Label1,为Web服务器控件,在页面上
11、显示“姓名”两个汉字。 v(二)常用属性常用属性 ID属性:属性:用于惟一标识该控件,默认值为类名Label之后加上“1”、“2”等。可以在其属性窗口修改这个属性值。如将Label1修改为LabelName,表示用来显示姓名。Text属性属性: 设置控件显示在页面上的文本内容,上面的HTML标记中的“姓名”就是Text属性值。Text属性值的类型为string,默认值与控件类型名相同。设置或获取Text属性的C#语法如下: Object.Text=字符串; /给Text属性赋值 或者: 字符串变量= Object.Text; /获取Text属性 其中Object表示当前控件的名字。例如: La
12、bel1.Text=”姓名”; /使在控件上显示“姓名”二字 或者: string name=Label1.Text; /将控件的文本赋给一个变量name 三、三、Label控件控件 (2/4)BorderStyle属性属性: 设置控件的边框风格。默认值为NotSet,无边框。可以设置为Solid(实线框)等。 BorderColor属性:属性:设置控件的边框颜色。默认值为Black,黑色。 BackColor属性属性: 设置控件的背景颜色。默认值为White,白色。 ForeColor属性属性: 设置控件的文本颜色。默认值为Black,黑色 Font属性:属性:设置控件的字体。属性窗口的属性
13、列表中,Font属性名前有一个“+”标记,单击它可以展开其子项,包括Name(字体名称)、Size(大小)、Bold(是否粗体)、Italic(是否斜体)、Overline(是否带上划线)、Underline(是否带下划线)、Strikeout(是否带删除线)等。 三、三、Label控件控件 (3/4)Enabled属性:属性:设置控件是否可用。当值为true时(默认),在浏览器中可用,呈指定的色彩显示;当值为false时,呈灰色显示,表示不可用。Visible属性:属性:设置控件是否可见。当值为true时(默认),在浏览器中可见,否则不可见。 ToolTip属性:属性:设置当鼠标放在控件上时
展开阅读全文