第04讲 登录页面和注册页面设计.ppt

第四讲 登录页面和注册页面设计 教学内容 一、控件概述 二、登录页面和注册页面 三、Label控件 四、TextBox控件 五、Button控件 六、登录页面设计 七、注册页面设计 教学目标 了解ASP.NET控件的基本知识； ? 掌握Label控件、TextBox控件和Button控件的使用； ??掌握登录页面设计方法； ? 掌握注册页面设计方法。 一、控件概述 （1/7） 在ASP.NET页面中，可以使用两种类型的控件：HTML控件和Web窗体控件。 (一)HTML控件 HTML控件由HTML标签转化而来，主要用来在网页上显示静态信息。由于提供了各种类型的HTML控件，使用它们来展示信息就显得十分的方便，对于文字、表格、图像等都有对应的控件可以选择。 由于HTML控件由HTML标签转化而来，它作为客户端项表现出来，因而不能为其编写服务器代码。然而也可以将HTML控件作为服务器控件使用，这时需要在其HTML标签内加上属性runat=server,就可以为其编写程序代码了。 一、控件概述 （2/7） 向Web Form页面加入HTML控件：在集成开发环境中，将工具箱切换到HTML组，然后将要使用的控件拖入页面即可。若要将其作为服务器控件使用，右击该控件，勾选“作为服务器控件运行” ，使得开发器自动在该控件的标签内加上“runat=server”属性，在页面的设计视图上，该控件的左上角增加了一个绿色的小三角标记。 在HTML控件的属性窗口可以设置属性。属性窗口上没有闪电标记，表明它没有事件，不能为其编写事件处理程序。然而当HTML控件作为服务器控件运行时，却可以在.cs文件中为其编写一个服务器方法。例如在网页上有一个HTML的文本框控件Text1，将其为服务器控件运行后，双击它就会切换的C#代码编辑窗口，可以为它编写Text1_ServerChange处理程序。 一、控件概述 （3/7） private void Text1_ServerChange(object sender, System.EventArgs e) { //加入处理程序代码 } 所有的服务器控件都需要占用系统资源，若不需要为其编写服务器代码，就没有必要将其转化为服务器控件。若已经转化了，将其转换回来就是，方法是在页面的控件上击右键，于弹出菜单上去掉“作为服务器控件运行”的勾选，或者在其HTML标记上去掉runat=”server”属性。 一、控件概述 （4/7） (二)? Web服务器控件 ???? Web窗体控件是服务器控件，它是ASP.NET中功能强大的编程单元，每种Web窗体控件都是一个类。常见控件有： 静态文本控件：如Label控件。 数据输入和显示控件：如TextBox控件。 提交控件：如Button、LinkButton和ImageButton控件。 列表控件：如DropDownList和ListBox控件。 选择控件：如CheckBox、CheckBoxList、RadioButton和RadioButtonList控件。 数据绑定控件：如DataGrid、DataList和Repeater控件。 图像控件：如Image控件。 月历控件：如Calendar控件。 广告控件：如AdRotator控件。 验证控件：如RequiredFieldValidator控件等。 一、控件概述 （5/7） (三) ? HTML控件和Web窗体控件的选用 ??? 在一个Web Form网页上可以同时使用HTML控件和Web窗体控件，两类控件中有一些控件的功能是对应的，如都有Label控件。在选择控件时如何把握呢？ 1.使用HTML控件 ●? 如果需要将已有的ASP网页转换成ASP.NET网页，则可选择HTML控件。由于HTML服务器控件可以方便地对应于HTML项，所有的HTML设计环境都会支持它。 ●? 当控件需要与客户端互动时，则使用HTML服务器控件。 ●? 有些HTML控件功能在Web窗体控件中找不到对应控件时，就只能使用HTML控件。例如常常使用Table HTML控件在页面上定位，使用File Field HTML控件浏览文件目录和选择文件，这两个HTML控件在Web窗体控件中找不到合适的对应控件。 一、控件概述 （6/7） 2.使用Web窗体控件 ●? 熟悉VB一类的程序开发工具的Windows程序员，可选用Web窗体控件。因为在ASP.NET网页中使用Web窗体控件时，其编程方法与Windows窗体控件没有什么区别，就是设置或获取控件的属性，调用控件的方法，为控件的事件编写处理程序。初学者使用Web窗体控件也容易上手。 ●? 希望控件的功能强大时选用Web窗体控件。象DataGrid一类