登录页面和注册页面设计

《登录页面和注册页面设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四讲登录页面和注册页面设计教学内容一、控件概述二、登录页面和注册页面三、Label控件四、TextBox控件五、Button控件六、登录页面设计七、注册页面设计教学目标了解ASP.NET控件的基本知识；掌握Label控件、TextBox控件和Button控件的使用；掌握登录页面设计方法；掌握注册页面设计方法。一、控件概述（1/7）在ASP.NET页面中，可以使用两种类型的控件：HTML控件和Web窗体控件。(一)HTML控件HTML控件由HTML标签转化而来，主要用来在网页上显示静态信息。由于提供了各种类型的HTML控件，使用它们来展示信息就显得十分的方便，对于文

2、字、表格、图像等都有对应的控件可以选择。由于HTML控件由HTML标签转化而来，它作为客户端项表现出来，因而不能为其编写服务器代码。然而也可以将HTML控件作为服务器控件使用，这时需要在其HTML标签内加上属性runat=server,就可以为其编写程序代码了。向WebForm页面加入HTML控件：在集成开发环境中，将工具箱切换到HTML组，然后将要使用的控件拖入页面即可。若要将其作为服务器控件使用，右击该控件，勾选“作为服务器控件运行”，使得开发器自动在该控件的标签内加上“runat=server”属性，在页面的设计视图上，该控件的左上角增加了一个绿色的小三角标记

3、。在HTML控件的属性窗口可以设置属性。属性窗口上没有闪电标记，表明它没有事件，不能为其编写事件处理程序。然而当HTML控件作为服务器控件运行时，却可以在.cs文件中为其编写一个服务器方法。例如在网页上有一个HTML的文本框控件Text1，将其为服务器控件运行后，双击它就会切换的C#代码编辑窗口，可以为它编写Text1_ServerChange处理程序。一、控件概述（2/7）privatevoidText1_ServerChange(objectsender,System.EventArgse){//加入处理程序代码}所有的服务器控件都需要占用系统资源，若不需要为其

4、编写服务器代码，就没有必要将其转化为服务器控件。若已经转化了，将其转换回来就是，方法是在页面的控件上击右键，于弹出菜单上去掉“作为服务器控件运行”的勾选，或者在其HTML标记上去掉runat=”server”属性。一、控件概述（3/7）(二) Web服务器控件Web窗体控件是服务器控件，它是ASP.NET中功能强大的编程单元，每种Web窗体控件都是一个类。常见控件有：静态文本控件：如Label控件。数据输入和显示控件：如TextBox控件。提交控件：如Button、LinkButton和ImageButton控件。列表控件：如DropDownList和ListBox

5、控件。选择控件：如CheckBox、CheckBoxList、RadioButton和RadioButtonList控件。数据绑定控件：如DataGrid、DataList和Repeater控件。图像控件：如Image控件。月历控件：如Calendar控件。广告控件：如AdRotator控件。验证控件：如RequiredFieldValidator控件等。一、控件概述（4/7）(三) HTML控件和Web窗体控件的选用在一个WebForm网页上可以同时使用HTML控件和Web窗体控件，两类控件中有一些控件的功能是对应的，如都有Label控件。在选择控件时如何把握呢？

6、1.使用HTML控件● 如果需要将已有的ASP网页转换成ASP.NET网页，则可选择HTML控件。由于HTML服务器控件可以方便地对应于HTML项，所有的HTML设计环境都会支持它。● 当控件需要与客户端互动时，则使用HTML服务器控件。● 有些HTML控件功能在Web窗体控件中找不到对应控件时，就只能使用HTML控件。例如常常使用TableHTML控件在页面上定位，使用FileFieldHTML控件浏览文件目录和选择文件，这两个HTML控件在Web窗体控件中找不到合适的对应控件。一、控件概述（5/7）2.使用Web窗体控件● 熟悉VB一类的程序开发工具的Windo

7、ws程序员，可选用Web窗体控件。因为在ASP.NET网页中使用Web窗体控件时，其编程方法与Windows窗体控件没有什么区别，就是设置或获取控件的属性，调用控件的方法，为控件的事件编写处理程序。初学者使用Web窗体控件也容易上手。● 希望控件的功能强大时选用Web窗体控件。象DataGrid一类的数据绑定控件，它不仅有丰富的手段来美化外观，还可以在其内嵌套子控件，实现非常复杂的功能。还有象Calendar月历控件，AdRotator广告控件等，没有任何HTML控件可以实现对应的功能。● 需要验证数据时使用Web窗体控件。Web窗体控件中有多个数据验证控件，使