ASPNET(C#)网站开发教学课件全书电子讲义.pptx

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,12/11/2021,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,12/11/2021,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,12/11/2021,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,12/11/2021,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,12/11/2021,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,12/11/2021,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,12/11/2021,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,高职高专院校“十二五”精品示范系列教材（软件技术专业群）,ASP.NET,（,C#,）网站开发,帆,第,1,章,ASP.NET,开发环境,学习目标,通过本章知识的学习，读者首先对,Web,基础知识有些初步了解；在此基础上，学习、掌握,ASP.NET,开发环境的安装、配置、测试方法，并利用,Visual Studio2008,开发环境创建一个动态网站。通过本章内容的学习，读者可以达到以下学习目的：,了解,Web,系统三层结构的含义。,掌握,IIS,、,Framework,和,Visual Studio,的安装方法。,掌握,ASP.NET,网站开发环境的配置方法。,了解,ASP.NET,网站页面处理过程。,1.1,情景分析,通过本章内容的学习，读者可以掌握,ASP.NET,网站环境设置的相关知识，并能够成功创建动态显示用户姓名的,ASP.NET,网站，效果如图,1-1,所示。,1.2 Web,基础知识,1,、,C/S,结构和,B/S,结构,C/S,（,Client/Server,）结构即客户机和服务器结构,B/S,（,Browser/Server,）结构即浏览器和服务器结构。,C/S,结构是建立在局域网的基础上的，而,B/S,结构则主要是建立于广域网的基础上的。以目前的网络发展和开发技术来看，采用,B/S,结构通过,Internet/Intranet,模式进行数据库访问的网络应用，能够实现不同接入方式（比如,LAN,、,WAN,、,Internet/Intranet,等）访问和操作，在系统开发难易程度、数据库安全，以及系统后期维护等多个方面具有明显优势。,2 Web,系统三层架构,Web,系统的三层架构是将系统的整个业务应用划分为表示层、业务逻辑层和数据访问层，如图,1-2,所示。层与层之间相互独立，任何一层的改变不影响其它层的功能。,图,1-2 Web,系统三层架构示意图,3 ASP.NET,工作原理,传统,ASP,应用程序的工作原理，如图,1-3,所示。客户端通过浏览器向,Web,服务器提出访问请求，,Web,服务器向数据库服务器发出操作请求，数据库服务器对数据进行相应处理，把数据返回到,Web,服务器，,Web,服务器将最终结果返回给客户端。,ASP.NET,同样采用上述工作方式，不同的是,ASP.NET,程序在被访问时要先编译成,MSIL,（,Microsoft Intermediate Language,）语言，然后，,MSIL,再被编译成机器码执行。,MSIL,包含装载、初始化、调用对象的方法等指令及操作，与机器码十分接近，具有很快的执行速度。,使用,MSIL,有以下几个方面的好处。,通过,JIT,（,Just In Time,）编译器将,MSIL,编译成机器码，因为不同的计算机系统支持不同的,JIT,编译器。因此，将相同的,MSIL,通过不同的,JIT,编译器编译后便能实现,MSIL,的跨平台运行。,采用,MSIL,实现了,.NET,框架对多种程序语言的支持，因为任何可编译成,MSIL,的程序语言都可以被,.NET,应用程序所使用。,ASP.NET,程序在第一次被访问时，程序先被编译成,MSIL,再被调用执行，相对于,ASP,程序该处理时间变长了。然而，当该程序被第二次调用时，直接将,MSIL,编译后执行，执行速度很快。这样以来，总体的执行效率就得到了提高。,1.3 ASP.NET,开发环境配置,1 ASP.NET,的运行环境,1.,软件环境,操作系统：,Windows 2000 Professional/Server,、,Windows XP Professional,、,win7,家庭高级版，或者其它,Windows,高级版本。考虑到多方面的条件限制，本书采用,Windows XP Professional,操作系统。,服务器软件：,Internet Information Services,（简称,IIS,）,5.0,，,.NET FrameWork2.0,，,Microsoft Data Access Components,（简称,MDAC,），或者以上软件的高级版本。本书采用,IIS5.0,，,.NET FrameWork3.5,和,MDAC2.8,版本。,客户端软件：,Internet Explorer,（简称,IE,）,6.0,或者以上版本均可。本书采用,IE8.0,版本。,2.,硬件环境,CPU,：,CPU,要求,Intel Pentium III-class 600 MHz,以上。,内存：内存要求在,256MB,以上。,磁盘：磁盘空间,4GB,以上。,上述硬件环境为,ASP.NET,正常运行的最低要求，为了提高开发效率，建议读者采用高性能,CPU,和较大容量内存的计算机。,2,安装,IIS,服务,一般情况下，服务器版的,Windows,操作系统中，,IIS,会作为系统组件预装在电脑里，而非服务器版的,Windows,需要读者自行安装。,IIS,的安装其实很简单，大约需要几分钟时间即可完成。下面以,Windows XP,为例介绍,IIS 5.0,的安装步骤。,（,1,）将,Windows XP,系统光盘放入光盘驱动器。,（,2,）选择“开始”“设置”“控制面板”命令，在“控制面板”窗口中双击“添加或删除程序”图标，打开“添加或删除程序”窗口，如图,1-4,所示。,2,安装,IIS,服务,（,3,）单击“添加或删除程序”窗口左侧的“添加,/,删除,Windows,组件”按钮，弹出“,Windows,组件向导”对话框。选中“,Internet,信息服务（,IIS,）”复选框，如图,1-5,所示。,2,安装,IIS,服务,（,4,）单击“详细信息”按钮，查看,IIS,详细信息，如图,1-6,所示。,2,安装,IIS,服务,（,5,）连续单击两次“确定”按钮，即可完成,IIS,的安装，如图,1-7,所示。,3,安装,.NET Framework,.NET Framework,是,.NET,平台的核心，它主要由两部分组成：公共语言运行库（,Common Language Runtime,，,CLR,）和,.NET Framework,类库（,Framework Class Library,，,FCL,）。,.NET Framework,的组成如图,1-8,所示。,IIS,服务安装完成后，为了支持,ASP.NET,程序，还必须安装,.NET Framework,，用户可到,Microsoft,网站下载。用户如果安装了,Visual Studio2008,，则会自动安装,.NET Framework 3.5,。由于,.NET Framework,的安装简单，在此不再累赘。需要提醒用户的是，安装,.NET Framework,之前，应首先安装,IIS,。,4,测试,ASP.NET,环境,【例,1-1,】使用记事本创建第一个,ASP.NET,程序（,Ex01.aspx,）。,5,安装,Visual Studio,VS2008,安装为例介绍,VS,的安装方法。,（,1,）安装完,IIS,服务和,.NET Framework,之后，就可以开始安装,Visual Studio,了。双击安装光盘中的,Setup.exe,文件，安装程序首先对操作系统的配置进行检测，通过检测就会出现如图,1-10,所示窗口。,（,2,）单击“安装,Visual Studio 2008,”链接，打开,VS2008,安装程序起始页。选择“我已阅读并接受许可条款,(A),”选项，输入产品密钥和名称，如图,1-11,所示。,（,3,）单击“下一步”按钮，打开,VS2008,安装程序功能选择页面，在“选择要安装的功能,(S),”选择“自定义”项，如图,1-12,所示。,（,4,）单击“下一步”按钮，打开,VS2008,安装程序功能选项页，读者可根据需要选择相应功能。本书根据教学内容要求选择了“,Visual C#,”、“,Visual Web Developer,”语言工具和其它几个选项，如图,1-13,所示。,（,5,）单击“安装”按钮，,VS2008,就开始进行安装，如图,1-14,所示。几分钟过后，系统会提示软件安装成功，如图,1-15,所示。,（,6,）单击“完成,(F),”按钮，完成,VS2008,开发环境的安装。,1.4,初识,Visual Studio 2008,1.,“工具箱”窗口,在,VS2008,开发环境中，工具箱窗口主要包含了分类显示的各种控件列表。在设计,Web,窗体界面时，可以直接通过拖放（或双击）工具箱中的控件来实现控件添加。,2.,“解决方案资源管理器”窗口,在,VS2008,中，属于同一应用程序的一组称为解决方案。“解决方案资源管理器”窗口显示了每个项目的树状列表，包括各个项目的引用和组件。该窗口顶部有一系列按钮，这些按钮根据所选项目不同而显示不同。,3.,“属性”窗口,在设计,Web,窗体应用程序界面时，读者可以直接通过“属性”窗口来设置所选控件的属性，省去了编写代码的烦琐，提高了系统开发效率。,2,创建,ASP.NET,网站,【例,1-2,】创建一个基于,Visual C#,语言的,ASP.NET,网站，保存到,D:try,目录下。,（,1,）选择“开始”“程序”“,Microsoft Visual Studio 2008,”“,Microsoft Visual Studio 2008,”命令启动,VS2008,应用程序，打开,VS,起始页，如图,1-17,所示。,（,2,）单击“最近的项目”中“创建：网站,”链接，或者选择“文件”“新建网站,(W),”命令，弹出“新建网站”窗口。在“模板,(T),”项中选择“,ASP.NET,网站”，“位置,(L),”选择“文件系统”项，“语言,(G),”选择“,Visual C#,”项，并修改网站保存位置为,D:try,目录，如图,1-18,所示。,（,3,）单击“确定”按钮，完成,ASP.NET,网站的创建。同时，系统会自动生成并打开,Default.aspx,网页文件，如图,1-19,所示。,3,创建,Web,页面,【例,1-3,】在,try,网站中创建,Default,页面，实现在文本框中输入用户姓名，单击“查看效果”按钮后，用户姓名动态地添加到欢迎语句（,Default.aspx,）。,（,1,）点击页面主窗体中的“设计”视图切换按钮，把图,1-19,的“源”视图方式切换到设计视图，如图,1-20,所示。,（,2,）从工具箱的“标准”类中拖动,Label,控件到页面，或者双击,Label,控件，将其属性窗口的控件“（,ID,）”属性改为“,lblname,”，,Text,属性值删除；在,Label,控件后面输入“同学，欢迎你开始学习,ASP.NET,网站开发！”，如图,1-21,所示。,（,3,）按回车键换行，输入“请输入你的姓名：”。再按步骤（,2,）的方法分别添加一个,TextBox,和,Button,控件，设置,TextBox,控件的,ID,属性为,txtname,，,Button,控件的,Text,属性为“查看效果”，如图,1-22,所示。,（,4,）双击“查看效果”按钮，打开代码文件,Default.aspx.cs,编辑窗口，将光标定位在,Button1_Click,事件内，输入下面代码，如图,1-23,所示。,（,5,）保存文件，选择“调试”“启动调试,(S),”命令，或者按,F5,键运行,Web,应用程序调试。这时系统会提示添加网站,Web.config,配置文件，如图,1-24,所示。,（,6,）选择“修改,Web.config,文件以启用调试”项，单击“确定”按钮，打开,IE,浏览器窗口，运行结果。,该案例中的页面共有两个文件组成，即,Default.aspx,页面文件和,Default.aspx.cs,事件代码文件。,Default.aspx,中的主要内容（源代码）如下：,同学，欢迎你开始学习,ASP.NET,网站开发！,请输入你的姓名：,Default.aspx.cs,文件中的主要内容（事件代码）如下：,public partial class _Default:System.Web.UI.Page,protected void Page_Load(object sender,EventArgs e),protected void Button1_Click(object sender,EventArgs e),lblname.Text=txtname.Text;,第,2,章 常用标准控件,学习目标,通过本章知识的学习，读者首先对服务器控件有些初步了解；掌握,TextBox,、,Label,、,Button,、,DropDownList,等常用控件的使用方法，以及利用表格进行网页页面布局的方法技巧。并利用本章知识设计和实现用户注册页面。通过本章内容的学习，读者可以达到以下学习目的：,了解服务器控件基础知识。,掌握文本控件（,Label,控件、,TextBox,控件）的使用方法。,掌握选择控件（,RadioButtonList,控件、,CheckBoxList,控件、,DropDownList,控件等）的使用方法。,掌握按钮控件（,Button,控件、,LinksButton,控件、,ImageButton,控件等）的使用方法。,掌握利用表格进行页面布局的方法。,掌握网页设计中容器控件的使用方法。,2.1,情景分析,本章的会员注册仅完成会员注册信息填写（如图,2-1,所示）和信息显示功能（如图,2-2,所示）。,2.2,服务器控件概述,ASP.NET,服务器控件是运行在服务器端并且封装了用户界面和其它功能的组件。控件的含义表明它不仅是具有呈现外观作用的元素，而且是一种对象，一种定义,Web,应用程序用户界面的组件。,1.,服务器控件的属性和事件,服务器控件的属性是指控件中具有的与用户界面特征相关的字段或与运行状态有关的字段。大部分服务器控件的属性可分为五类：布局、数据、外观、行为和杂项。,事件是指程序得以运行的触发器（如,Button,控件的,Click,事件等），当用户与,Web,页面进行交互时被触发，并通过执行事件程序做出相应的响应。,2.,服务器控件的特点,公共对象模型。服务器控件是基于公共对象模型的，因此它们可以相互共享大量属性，这是软件复用思想的体现。,保存视图状态。传统的,HTML,元素是无视图状态的。而当页面在服务器端和客户端之间来回传送时，服务器控件会自动保存视图状态。,数据绑定模型。,ASP.NET,服务器控件为使用多种数据源提供了方便，可以快速实现数据绑定和访问，大大简化了动态网页的创建过程。,用户定制。服务器控件为网页开发者提供了多种机制来定制自己的页面。,配置文件。服务器控件在,Web,应用程序级别上可通过,web.config,文件对程序进行配置。,创建浏览器特定的,HTML,。当浏览器申请某个页面时，服务器控件会确定浏览器的类型，然后生成适合该浏览器显示的,HTML,代码。,2.3,常用服务器控件,1.Label,控件,Label,控件用于在页面上显示文本信息，它不但支持静态文本显示，而且还支持用户以编程方式动态显示文本。,Label,控件常用的属性有,ID,、,Text,和,Font,属性等。其中，,ID,表示控件标识，,Text,表示控件显示的文本内容，,Font,属性表示字体格式设置，如大小、颜色等。,【例,2-1,】利用,Label,控件动态显示改变文本内容与显示格式（,Ex2-1.aspx,）。,protected void Button1_Click(object sender,EventArgs e),lblmes.Text=DateTime.Now.ToString();,lblmes.ForeColor=System.Drawing.Color.Red;,lblmes.Font.Bold=true;,2.TextBox,控件,TextBox,控件又称文本框控件，是用于输入任何类型的文本、数字或其它字符的文本区域。同时，,TextBox,控件也可以设置为只读控件，用于文本显示。,属,性,说,明,ID,控件唯一标识,Text,控件要显示的文本,TextMode,控件的输入模式，有,SingleLine,（单行）、,MultiLine,（多行）和,Password,（密码）三种，默认为,SingleLine,Width,控件的宽度,MaxLength,控件可接收的最大字符数,AutoPostBack,控件内容修改后，是否自动回发到服务器。常和控件的,TextChanged,事件配合使用,Visible,控件是否可见,Enabled,控件是否可用,Rows,控件中文本显示的行数，该属性在,TextMode,为,MultiLine,时有效,【例,2-2,】利用,TextBox,控件制作用户登录页面，如图,2-7,所示。用户名最大支持,3,个字符，光标移出姓名文本框时屏幕上出现动态提示文字；密码输入时以黑点显示（,Ex2-2.aspx,）。,protected void txtname_TextChanged(object sender,EventArgs e),Response.Write(,你的姓名是：,+txtname.Text);,2,选择控件,RadioButton,控件,RadioButton,控件是单选按钮控件，当用户选择某个单选按钮时，同组中的其它选项不能被同时选中。,属,性,说,明,ID,控件唯一标识,Text,控件关联的文本标签,GroupName,控件所属的控件组名,Checked,控件是否被选中,AutoPostBack,单击控件时是否自动回发到服务器,Enabled,判断控件是否可用,【例,2-3,】利用,RadioButton,控件实现考试系统中单选题的操作，如图,2-8,所示。用户不选择答案单击“提交”按钮时，页面弹出“请选择答案！”提示；当用户选择正确答案,B,时，页面提示“恭喜你，回答正确！”；否则提示“对不起，正确答案是,B,！”（,Ex2-3.aspx,）。,protected void Button1_Click(object sender,EventArgs e),/,如果没有选择答案,if(R1.Checked=false&R2.Checked=false&R3.Checked=false),Response.Write(alert(,请选择答案！,);,else,/,判断所选答案是否正确,if(R2.Checked=true),Response.Write(alert(,恭喜你，回答正确！,);,else,Response.Write(alert(,对不起，正确答案是,B,！,);,2.RadioButtonList,控件,RadioButtonList,控件有效地解决了每个,RadioButton,控件在,RadioButton,组中是相互独立的问题，为读者提供了一组,RadioButton,，大大方便了用户操作。,属,性,说,明,ID,控件唯一标识,AutoPostBack,单击控件时是否自动回发到服务器，响应,OnSelectedIndexChanged,事件,CellPading,各项目之间的距离，单位是像素,Items,返回,RadioButtonList,控件中的,ListItem,的对象,RepeatDirection,选择项目的排列方向，默认为,Vertical,RepeatColumns,设置一行旋转选择项目的个数，默认为,0,（表示忽略该项）,SelectedItem,返回被选择的,ListItem,对象,TextAlign,设置各项目所显示文字在按钮左边还是右边，默认,Right,【例,2-4,】利用,RadioButtonList,控件,AutoPostBack,属性和,OnSelectedIndex Changed,事件实现性别单选和提示文字即时更新，如图,2-9,所示。如用户选择“男”，页面下面的文字立即改变为“你选择的是：男；对应的值为：,1,”（,Ex2-4.aspx,）。,protected void rblsex_SelectedIndexChanged(object sender,EventArgs e),lbl1.Text=rblsex.SelectedItem.Text;,lbl2.Text=rblsex.SelectedItem.Value;,3.CheckBox,控件,CheckBox,控件用来表示是否选取了某个选项，常用于具有是,/,否、真,/,假选项的选取。,CheckBox,控件和,RadioButton,控件的区别在于前者允许多选。由于,CheckBox,控件和,RadioButton,控件的常用属性大体相同。,【例,2-5,】利用,CheckBox,控件实现考试系统中不定项选择题的操作，如图,2-10,所示。当用户选择,ABC,三个答案时，提示“回答正确”；否则提示“错误，正确答案为,ABC,”（,Ex2-5.aspx,）。,protected void Button1_Click(object sender,EventArgs e),if(!ckb1.Checked&!ckb2.Checked&!ckb3.Checked&!ckb4.Checked),Response.Write(alert(,请选择答案！,);,else,if(ckb1.Checked&ckb2.Checked&ckb3.Checked),Response.Write(alert(,回答正确,);,else,Response.Write(alert(,错误，正确答案为,ABC);,CheckBoxList,控件,用,CheckBox,控件可以实现多选功能，但在判断被选中的选项时需要对每一个对象都进行判断。,CheckBoxList,控件和,RadioButtonList,控件类似，可以方便地判断用户选中的选项。,【例,2-6,】利用,CheckBoxList,控件实现用户个人爱好选择功能页面，如图,2-11,所示。根据用户所选择的爱好不同，页面下方出现的选择结果动态变化（,Ex2-6.aspx,）。,protected void Button1_Click(object sender,EventArgs e),string result=,你选择的是：,;,for(int i=0;i ckl1.Items.Count;i+),if(ckl1.Itemsi.Selected),result+=ckl1.Itemsi.Text+,lblmes.Text=result;,DropDownList,控件,DropDownList,控件是一个下拉式列表控件，功能和,RadioButtonList,控件类似，用户可,【例,2-7,】利用,DropDownList,控件实现用户出生地选择功能，如图,2-12,所示。根据用户所选择的出生地不同，点击“提交”按钮后提示不同的信息（,Ex2-7.aspx,）。,以从下拉列表中选择单一选项。,protected void Button1_Click(object sender,EventArgs e),lblmes.Text+=ddlbir.SelectedItem.Text;,Calendar,控件,Calendar,控件是日历控件，用于选择日期。可以结合,TextBox,控件一起使用，实现日期输入，从而规范并简化的日期格式输入。,【例,2-8,】利用,Calendar,控件实现用户入团日期输入功能，如图,2-13,所示。用户通过选择,Calendar,控件的日期，使其自动出现,TextBox,控件文本框中（,Ex2-8.aspx,）。,protected void Calendar1_SelectionChanged(object sender,EventArgs e),txtdate.Text=Calendar1.SelectedDate.ToShortDateString();,3,按钮控件,Button,控件,Button,控件是读者使用频率最高的控件之一，用户通过单击,Button,来执行该控件的,Click,事件。,Button,控件的常用属性有,Id,、,Text,、,PostBackUrl,，以及,onclick,事件。其中，,PostBackUrl,属性用于设置单击控件所发送的,URL,地址。,【例,2-9,】利用,Button,控件控制,Calendar,控件的显示，效果如图,2-14,所示。单击“显示日历”按钮，出现日历；用户选择日期后，日期出现在文本框中，日历窗口关闭（,Ex2-9.aspx,）。,protected void Calendar1_SelectionChanged(object sender,EventArgs e),txtdate.Text=Calendar1.SelectedDate.ToShortDateString();,Calendar1.Visible=false;,protected void Button1_Click(object sender,EventArgs e),Calendar1.Visible=true;,LinkButton,控件,LinkButton,控件又称超链接按钮控件，该控件在功能上与,Button,控件相同，但样式以超链接形式显示。,LinkButton,控件有一个,PostBackUrl,属性，该属性用于设置单击控件时链接到的网址。,【例,2-10,】利用,LinkButton,控件,PostBackUrl,属性实现超链接功能，如图,2-15,所示。用户单击“打开,Ex2-9,”文本，页面将转向,Ex2-9.aspx,页面（,Ex2-10.aspx,）。,超链接页面,打开,Ex2-9,ImageButton,控件,ImageButton,控件是图片按钮控件，用户单击控件上的图片引发控件的,Click,事件。,ImageButton,控件有一个,ImageUrl,属性，该属性用于设置按钮上显示的图片位置。,【例,2-11,】利用,ImageButton,控件达到美化按钮的效果，如图,2-16,所示（,Ex2-11.aspx,）。,你的入团时间是：,protected void ImageButton1_Click(object sender,ImageClickEventArgs e),Calendar1.Visible=true;,FileUpload,控件,FileUpload,控件是用于客户端文件上传到服务器的控件。该控件显示,1,个文本框和,1,个浏览按钮，用户可以通过“浏览”按钮选择文件。,FileUpload,控件有一个,Save As,方法，用于将上传的文件保存到服务器。,属,性,说,明,ID,控件唯一标识,FileContent,获取指定上传文件的,Stream,对象（,Stream,数据类型）,FileName,获取上传文件在客户端的文件名称,HasFile,获取一个布尔值，用于表示控件是否已经包含一个文件,PostedFile,获取一个与上传文件相关的,HttpPostedFile,对象，使用该对象可以获取上传文件的相关属性,【例,2-12,】利用,FileUpload,控件实现文件上传操作，如图,2-17,所示。用户单击页面“浏览,”按钮，选择要上传的文件，单击“上传”按钮，文件将上传到服务器网站的根目录下（,Ex2-12.aspx,）。,请选择上传的文件：,protected void Button1_Click(object sender,EventArgs e),if(fulfile.HasFile),string strname=fulfile.FileName;,fulfile.SaveAs(Server.MapPath(strname);,lblmes.Text+=,文件：,+strname+,已上传到了根目录！,;,else,Response.Write(,请选择上传文件！,);,4,表格控件,网站开发过程中，表格是页面布局的一种重要手段。使用,Table,表格、,tr,表格行和,td,表格单元格进行页面布局，操作简单、快捷，大大提高了开发效率。,属,性,说,明,Boder,表格边框宽度,CellPadding,单元格边框与内容的间距,CellSpacing,单元格间距,Align,表格、单元格水平方向对齐方式，有,Left,、,Right,和,Center,等,3,种,Valign,单元格竖直方向对齐方式，有,baseline,、,bottom,、,middle,和,top,等,4,种,Style,表格、单元格样式,【例,2-13,】利用表格控件实现系统登录页面布局设计，如图,2-18,所示（,Ex2-13.aspx,）。,2.4,会员注册页面设计,会员注册页面是网站开发过程中经常用到的，本节将利用本章所学知识进行会员注册页面设计，最终效果如图,2-1,和,2-2,所示。,（,1,）新建,Addmember.aspx,，在页面添加,Panel,控件，设置,ID,为,Panel1,。在,Panel1,控件内添加一个,9,行,2,列的,Table,控件。,（,2,）将,Table,左边单元格,td,的,align,属性全部设置为,right,（即右对齐），右边单元格设置为,left,（即左对齐）。将第一行的,2,个单元格合并，输入“会员注册”，并设置单元格格式。,（,3,）左边单元格自上向下依次输入“用户名：”、“密码：”、“确认密码：”、“性别：”、“出生日期：”、“最高学历：”、“个人爱好：”。,（,4,）右边单元格自上向下依次添加相应的服务器控件，并设置其属性如表,2-6,所示,左侧内容,控件,ID,控件类型,说,明,用户名,txtname,TextBox,设置,Width,属性为,82px,密码,txtpwd,TextBox,设置,TextMode,属性为,Password,确认密码,txtpwd2,TextBox,设置,TextMode,属性为,Password,性别,rbtlsex,RadioButtonList,设置,RepeatDirection,属性为,Horizontal,，,ListItem,为“男”、“女”,出生日期,Txtdate,TextBox,设置,Enabled,属性为,False,，,Width,属性为,83px,Ibtndate,ImageButton,设置,ImageUrl=/images/,图标,.JPG,，,onclick=ibtndate_Click,clddate,Calendar,设置,onselectionchanged=clddate_SelectionChanged,，,Visible=False,最高学历,ddlschool,DropDownList,设置,ListItem,为研究生、大学生、中学生、小学生,个人爱好,chblove,CheckBoxList,设置,RepeatDirection=Horizontal,，,RepeatColumns=3,（,5,）将表格最下面一行,2,个单元格合并，添加,2,个,ImageButton,控件来表示“提交”和“取消”。,（,6,）按照上面的操作方法，在,Table,后面再添加一个,Panel,控件,Panel2,。在,Panel2,内添加,8,行,2,列的,Table,控件，表格第一个单元格和左边,1,列内容与上面表格内容相同；右边列单元格里，依次添加,Label,服务器控件，,ID,属性依次为,lblname,、,lblpwd,、,lblsex,、,lbldate,、,lblschool,、,lbllove,等。,（,7,）最下面一行,2,个单元格合并，添加一个,Button,控件，设置,onclick=Button1_Click,和,Text=,关闭窗口,。,（,8,）添加,page_load,和其它,Button,按钮单击事件，详见后台代码。,protected void Page_Load(object sender,EventArgs e),Panel2.Visible=false;,Panel1.Visible=true;,txtpwd.Attributesvalue=txtpwd.Text;,txtpwd2.Attributesvalue=txtpwd2.Text;,protected void ibtndate_Click(object sender,ImageClickEventArgs e),clddate.Visible=true;,protected void clddate_SelectionChanged(object sender,EventArgs e),txtdate.Text=clddate.SelectedDate.ToShortDateString();,clddate.Visible=false;,protected void btnOk_Click(object sender,ImageClickEventArgs e),Panel1.Visible=false;,Panel2.Visible=true;,lbldate.Text=txtdate.Text;,lbllove.Text=;,for(int i=0;i chblove.Items.Count;i+),if(chblove.Itemsi.Selected),lbllove.Text+=+chblove.Itemsi.Text;,lblname.Text=txtname.Text;,lblpwd.Text=txtpwd.Text;,lblschool.Text=ddlschool.SelectedItem.Text;,lblsex.Text=rbtlsex.SelectedValue;,protected void btnclose_Click(object sender,EventArgs e),Response.Write(window.close(););,protected void btnOk_Click1(object sender,ImageClickEventArgs e),Panel1.Visible=false;,Panel2.Visible=true;,lbldate.Text=txtdate.Text;,lbllove.Text=;,for(int i=0;i chblove.Items.Count;i+),if(chblove.Itemsi.Selected),lb