Lect12WEB程序设计[V3].pptx

第12讲 Web程序设计;学习内容;一、WEB服务器控件;常用的HTML控件 Button：按钮 Image：图象显示 Text：文本输入 File：文件上传 Radio：单选框 Checkbox：复选框 Select：下拉列表 Textarea：多行显示 Div：控件容器;HTML 服务器控件是由 ASP.NET 更新的标准 HTML 标签，通过添加 runat=“server” 属性将其用作服务器控件 HTML 服务器控件属于 System.Web.UI.HTMLControls 命名空间，派生自 HTMLControl 基类 ;HTML 控件： 比较灵活、功能较少 在客户端运行窗体 Web 控件 具备编程功能、控件多 服务器端运行、数据库处理功能完善 往返过程：用户处理的每一操作，必须发送到服务器、进行处理、然后返回到浏览器 无状态性：服务器不记录页面的状态或信息的特性 ;Web控件标记格式：asp:控件类型名 属性/ 基本服务器控件： Label：标签 Button：按钮 TextBox：文本框 CheckBox：多选按钮 RadioButton：单选按钮 HyperLink：超连接 Image：图象 Panel：面板 Table,T：表控件 ;基本属性使用方式： 在属性窗口里设置属性 在定义控件的标记里设置属性 在后台代码中利用“.”操作符设置属性 基本属性 BackColor：获取或设置背景色 Font：关联的字体属性 ForeColor：控件的前景色 Height：控件的高度 ID：?控件的编程标识符 SkinID：控件的外观 Style：样式属性的文本属性的集合 Width：控件的宽度。 ;Web控件事件在客户端引发，在服务器端处理 Web控件的事件模型：客户端捕捉到事件信息，然后通过HTTP POST将事件信息传输到服务器 示例 protected?void?Button1_Click(object?sender ,?EventArgs?e) ??? { ??Label1.Text?=?“Test!”; ｝ ;为了加强应用程序安全性，应该对用户输入的内容进行验证。 验证控件： RequiredFieldValidator CompareValidator RangeValidator RegularExpressionValidator CustomValidator;功能：用户必须为某个特定控件提供信息 控件绑定到用户名文本框，当为空时，会弹出提示信息 常用属性 ControlToValidate：绑定到需要验证的控件 ErrorMessage：当验证控件无效时的显示信息 ValidationGroup：绑定到验证程序所属的组 Text：当验证控件无效时显示的验证程序的文本 Display：设置验证控件的显示模式 ;功能：验证输入信息是否满足条件 主要属性 ControlToValidate：绑定需要验证的控件 ErrorMessage：无效时的显示信息。 ValueToCompare：设置用来做比较的数据。 ControlToCompare：设置用来做比较的控件;功能：验证用户对某个文本框的输入是否在某个范围之内 主要属性 ControlToValidate：绑定到需要验证的控件 Type：来设置按照哪中数据类型来进行比较 MaximumValue：数据范围上限 MinimumValue：数据范围下限 ;功能：验证用户输入的数据是否符合规则表达式预定义的格式，如电话号码、电子邮件等格式 主要属性 ControlToValidate：绑定到需要验证的控件 ValidationExpression：设置正则表达式 ;;使用用户控件(控件组合)，减少重复代码的编写工作，以提高开发效率 用户控件和ASP.NET网页的区别： 用户控件的文件扩展名为.ascx 用户控件中没有@ Page指令，而是包含@ Control指令，该指令对配置及其他属性进行定义 用户控件不能作为独立文件运行。而必须像处理任何控件一样，将它们添加到ASP.NET页中 用户控件中没有html、body或form元素。这些元素必须位于宿主页中;创建用户控件的基本步骤 打开“添加新项”对话框里，Web用户控件模板 在网站项目目录下添加一个WebUserControl1.ascx文件和一个WebUserControl1.ascx.cs文件 在.ascx页面文件中添加用户控件的界面;把用户控件拖放到页面上，设置相关属性，实现对该用户控件的引用。 向页面中注册要添加的用户控件： %@ Register src=WebUserControl1.ascx tagname=WebUserControl1 tagprefix=uc1 % 在页面中使