关于ASP.NET编程的几个基本控件2-1

学习过程:

    语言基础-》控件基础-》编程技能提高-》更多的控件-》用代码来操作控件;


看下列一段代码:

(图一)

关于ASP.NET编程的几个基本控件2-1


在div主层当中,有三个控件:

asp:代表asp的命名空间;

runat=“server”:说明该控件为服务器端的控件,可以由服务器进行操作和管理;


上述代码的运行效果:

(图二)

关于ASP.NET编程的几个基本控件2-1

该运行界面的源代码:

(图三)

关于ASP.NET编程的几个基本控件2-1

蓝色部分为标准的HTML控件,下面解释发生原因:被服务器操纵过

(图四)

关于ASP.NET编程的几个基本控件2-1

1)当使用浏览器对服务器发起页面请求时,服务器在本地 硬盘中发布的网站中获取该页面;

2)把页面中的服务器控件根据要求进行操纵和编译,编译成拥有普通HTML控件的页面;

3)将编译好的页面返回浏览器;

由此,浏览器只能看到HTML格式的页面,即编程代码不能被客户端访问;


asp控件的编写:

双击图二中的Button控件,进入下列编辑文件,其中Default.aspx.cs文件隶属于Default.asp页面,.cs表示使用C Sharp语言,实现了源文件与控件代码的分离管理;

(图五)

关于ASP.NET编程的几个基本控件2-1

说明:.Text属性,用于获取或设置显示的内容;


接下来添加一个新的程序:注意图和添加

(图六)

关于ASP.NET编程的几个基本控件2-1


然后仍然选择添加Web窗体

(图七)

关于ASP.NET编程的几个基本控件2-1


注意将代码放到单独文件中,才能实现源代码与程序的分离;


添加之后的效果图:

(图八)在解决方案资源管理器中出现Default1.aspx

关于ASP.NET编程的几个基本控件2-1

接下来双击Default2.aspx进入编辑页面,如下图:

(图九)

关于ASP.NET编程的几个基本控件2-1

点击左下角“设计”按钮,如下图:

( 图十)

关于ASP.NET编程的几个基本控件2-1

工具箱菜单打开方法:视图-》工具箱

在该编辑页面下添加文本框等控件,双击控件,进入对应的.cs文件,进行相应控件的编辑(同上述编辑);

由于图九中的鼠标置位于div区块,因此,点击设计后,拖动的控件也都在div区块中;


控件的具体编写:

1)文件-》新建-》网站-》ASP.NET空网站-》此时解决方案资源管理器出现新建空网站和相应配置文件(.config)

2)右键空网站名-》添加-》添加新项-》Web窗体(注意将代码放到单独的文件中)-》在解决方案资源管理器中

出现.aspx源文件;

关于ASP.NET编程的几个基本控件2-1

3)添加控件:

将鼠标光标定位.aspx文件的<div></div>区块中,点击左下角设计按钮,出现对控件编辑界面;

双击控件,产生控件编写文件,.aspx.cs文件,在该文件中可对控件进行编写;

4)完成及运行;