欢迎来到天天文库
浏览记录
ID:34050604
大小:468.50 KB
页数:12页
时间:2019-03-03
《visual studio 中添加控件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、使用VisualStudio添加控件VisualStudio(与ASP.NET)对Web开发的底层技术做了包装。正如您在之前章节看到的,Web开发要追溯到20世纪70年代中期的"终端-主机"时代。不过,现在终端变成了复杂的浏览器,计算平台变成了Web服务器(或Web场),并且用户遍及全球。客户端浏览器与服务器进行一次交互,客户端收到的只是服务器状态的一个快照。这是因为构建Web用户界面的标记语言是以非连接协议为基础的。在VisualStudio中构建应用程序非常像是在开发桌面应用程序。使用VisualStudio,开发者不必花大量
2、时间录入ASP风格的代码。"设计器"是以可视方式设计WebUI的理想工具。为学习如何使用VisualStudio,下面我们使用服务器端控件来开发一个简单的页面。该页面看起来与前面给出的示例页面差不多。使用VisualStudio构建一个页面1.在VisualStudio中,新建一个"ASP.NET空Web应用程序"。将该项目命名为ControlsORama,如下图所示。 2.添加默认页面。在项目节点上右击,依次选择"添加"-""
3、"新建项"命令。在"添加新项"对话框列出的模板中,选择"Web窗体",将其命名为Default.asp
4、x,并单击"确定"按钮。VisualStudio会打开Default.aspx标记的编辑窗口。单击编辑框口底部的"设计"选项卡,将当前视图切换至"设计"视图(见下图)。 VisualStudio生成的ASP.NET页面包含一个HTML
5、VisualStudio。下图展示了插入文本后的"设计"视图。 3.编辑页面上文本的格式。为此,我们需要查看页面的属性。将文本选中,并在之上右击,选择"属性"命令。在"属性"窗口中选择Style属性。此时,对应的值字段会显示一个省略号按钮( )。单击该按钮会打开"修改样式"对话框。在这个对话框中,我们可以修改
6、如下图所示。 5.插入一个换行标记(),从"工具箱"中拖放一个Label控件到页面上,然后按下图所示选择它。(VisualStudio的"设计器"会在该标签的上端添加一个小标记,这有助于在开发者选择它时在"设计器"中辨别它。) 6.查看该标签控件的属性并编辑其内容。如果"属性"窗口未被显示,可以在该标签上右击,然后从快捷菜单中选择"属性"命令。该控件的"属性"窗口如下图所示。 读者可以随意修改该标签的外观。本示例的标签控件使用的是小号的TimesNewRoman字体,其文本内容为Typeinme:。7.从"工具箱"拖放一
7、个TextBox控件到页面上,将其置于Label控件旁边。在这个TextBox后面,插入一个换行标签()。8.接下来,从"工具箱"拖放一个DropDownList到页面上。下图展示了这个下拉列表控件在"设计器"中的样式。 在将该控件拖放到页面上后,VisualStudio便允许我们通过如图所示的快捷菜单来为DropDownList添加项。单击"DropDownList任务"菜单上的"编辑项"选项。此时会打开"ListItem集合编辑器",如下图所示。 每次单击"添加"按钮,"ListItem集合编辑器"都会向DropDo
8、wnList的集合中添加一个新项。在添加并选择一项后,可以对其显示的名称(Text属性)进行编辑。也可以添加一个与文本对应的值。例如,在库存跟踪应用程序中,可以将Text属性设置为产品名,而将Value属性设置为企业内部的产品编码。这两个属性都可以在运行时获取。按下图所示在这个DropDownList中添加一些项目。添加完毕后单击"确定"按钮。 9.在页面中添加一个按钮。首先,在DropDownList控件后面添加一个换行标签()。然后,从"工具箱"拖放一个Button到页面上。此时的页面如下图所示。 修改按钮的Text
9、属性,为其添加一个有意义的描述。在继续构建这个页面之前,让我们先来看一下VisualStudio生成的源代码。VisualStudio会在代码中为Label、TextBox、DropDownList和Button控件分别添加一个成员变量(通过控件标
此文档下载收益归作者所有