Lec_Two.pptVIP

内容 创建一个登录表单，单击【提交】按钮显示用户输入 的用户名和昵称。 1. 建立项目 新建项目，在【模板】上选择【ASP .NET Web应用程序】，新建aspx文件，存入IIS服务器默认目录下。 2.设计表单 设计如图所示表单。 3. 编写【提交】按钮代码 单击【提交】按钮后，用户名和昵称在上方的标签框中显示。 按钮的Click事件代码如下： Lbldisp.text=用户名 txtname.text 昵称 txtnini.text 运行界面如图所示。 完成e-通讯录 设计Web窗体 Web窗体的组成部分 HTML控件和Web控件 Web窗体创建的项目文件 Web项目的编译和部署 Web窗体的组成部分 与新建的Windows应用程序项目窗体页面不同，Web应用程序的窗体页面有两种视图：【设计】视图和HTML视图，两种视图的显示切换使用Web窗体页面下面的按钮。 【设计】视图是Web窗体页面的可视化用户界面。通过将工具箱里的控件拖拽到【设计】视图的Web窗体页面上来建立Web应用程序的界面。 单击Web窗体页面的HTML选项卡按钮，打开HTML视图，如图所示。 HTML控件和Web控件 设计Web窗体页面时可以使用不同类型的控件：HTML控件和Web控件。这两种控件都能提供用于Web浏览器的HTML。 1.HTML控件 2.Web控件 3.比较HTML控件和Web控件 1. HTML控件 HTML控件是标准HTML标记的服务器端拷贝。HTML控件是为了向后兼容而被包括在Web应用程序中的。使用工具箱的HTML选项卡来添加这些控件，如图所示。 示例：在Web窗体页面中使用HTML控件 (1) 从工具箱中选择HTML选项卡。 (2) 将Button按钮拖拽到Web窗体页面的【设计】视图上，如图所示。 (3) 在Web窗体的HTML视图上可以看出增加了标准HTML标记如下： INPUT style=Z-INDEX: 101; LEFT: 72px; POSITION: absolute; TOP: 56px type=button value=Button (4) 在Web窗体页面的【设计】视图上，双击刚刚添加的Button按钮，显示如图所示的提示对话框。 示例：在Web窗体页面中使用HTML控件 (5) 如图所示，在Web窗体页面的【设计】视图上，右击Button按钮，在弹出菜单中选择【作为服务器控件运行】子菜单。 示例：在Web窗体页面中使用HTML控件 (6) 转换以后的Button按钮上多出了一个带方框的小箭头，如图所示。 示例：在Web窗体页面中使用HTML控件 (7) 切换到Web窗体页面的HTML视图上，可以看到HTML代码如下： INPUT style=Z-INDEX: 101; LEFT: 72px; POSITION: absolute; TOP: 56px type=button value=Button id=Button1 name=Button1 runat=server (8) 在Web窗体页面的【设计】视图上双击Button按钮，可切换到代码编辑窗口，对HTML控件的Button编写应用程序逻辑。 2. Web控件 Web控件包括了传统的窗体控件，如文本框和按钮等，以及其他具有更加复杂、更为抽象的功能控件，如以表格方式显示数据的控件和选择日期的控件等。 使用工具箱的【Web窗体】选项卡来添加这些控件，如图所示。 示例：在Web窗体页面中使用Web控件 (1) 从工具箱中选择【Web窗体】选项卡。 (2) 将Button按钮拖拽到Web窗体页面的【设计】视图上。 (3) 在Web窗体的HTML视图上可以看出增加的代码不是标准HTML标记。 asp:Button id=Button2 style=Z-INDEX: 101; LEFT: 64px; POSITION: absolute; TOP: 56px runat=server Text=Button Width=72px/asp:Button (4) 在Web窗体页面的【设计】视图上，双击刚刚添加的Button按钮，可切换到代码编辑窗口，对Web控件的Button编写应用程序逻辑。 部分常用的Web控件 TextBox控件 Label控件 CheckBox和CheckBoxList控件 RadioButton和RadioButtonList控件 ListBox控件 DropDownList控件 HyperLink控件 Table、T