构建基本web页面.ppt

第4章 Web页面 4.1服务器控件 在服务端运行,完成相关功能的对象。有些传回相应的html标记 html服务器控件 web服务器控件 验证控件 用户控件，等 HTML服务器控件 HTML控件改造,增加如下属性 加id, runat=“server”, onServerClick等属性 见VS工具箱的HTML 例：04-0.aspx input id=Button1 type=button value=在服务端执行 onserverclick=Button1_Click runat=server / input type=button value=在本地执行 onclick =Button2_OnClick() //div web服务器控件 中定义,见VS工具箱的标准 共有的属性,如 Id Enabled Backcolor Height 控件放入网页方法(form表单内) 使用设计视图 输入代码 4.2 Label控件和Literal控件 显示静态文本, Label翻译成htmlspan标记 例: 04-01.aspx Literal无修饰格式的属性，无html标记 例: 04-02.aspx 导入名字空间: System.Net 4.3 提交页面控件 命令控件 Button LinkButton ImageButton OnClick事件 onClick属性 例：04-03.aspx protected void Button1_Click(object sender, EventArgs e) { Label1.Text = Hello ASP.net; } asp:Label ID=Label1 runat=server/asp:Labelbr / asp:Button ID=Button1 runat=server OnClick=Button1_Click Text=Button / OnCommand事件 多个按钮共享事件处理过程 commandName传递参数 onCommand执行过程 例：04-04.aspx(四则运算) asp:button id=“btn1” runat=“server” text=“+” CommandName=“add” OnCommand=“calc” / OnClientClick事件 执行客户端代码 OnClicntClick属性 例 04-05.aspx script type=text/javascript function pop(){ return confirm(are you confirm?); } /script asp:Button ID=btn runat=server OnClientClick=return pop(); / LinkButton和ImageButton 二控件外观不同,常用OnClick事件 例: 04-06.aspx(文本编辑器) void boldClick(object sender, EventArgs e) { if (txt.Font.Bold == false) txt.Font.Bold = true; else txt.Font.Bold = false; } asp:ImageButton ID=btnBold runat=server ImageUrl=bold.gif OnClick=boldClick / br / asp:TextBox ID=txt runat=server TextMode=multiLine Width=400px Height=200px / 4.4 收集用户数据的控件 TextBox, CheckBox, RadioBox TextBox控件 属性 TextMode= Single 单行(默认) MultiLine 多行 Password 密码框 Wrap=true 自动换行 MaxLength 最多字符 Rows 行数 Columns 列数 方法和事件 设置焦点 Textbox1.Focus(); //Page.setFocus(“textbox1”) TextChanged事件 文本框内容发生变化 如果事件发生,自动回传服务器,设置 AutoPostBack=true 例: void change(object sender, EventArgs e) { lab.Text = txt.Text; //