2024年4月12日发(作者：)

使用Visual Studio添加控件

Visual Studio(与)对Web开发的底层技术做了包装。正如您在之前章节看到

的，Web开发要追溯到20世纪70年代中期的"终端-主机"时代。不过，现在终端变成了复

杂的浏览器，计算平台变成了Web服务器(或Web场)，并且用户遍及全球。客户端浏览器

与服务器进行一次交互，客户端收到的只是服务器状态的一个快照。这是因为构建Web用

户界面的标记语言是以非连接协议为基础的。

在Visual Studio中构建应用程序非常像是在开发桌面应用程序。使用Visual

Studio，开发者不必花大量时间录入ASP风格的代码。"设计器"是以可视方式设计Web UI

的理想工具。

为学习如何使用Visual Studio，下面我们使用服务器端控件来开发一个简单的页

面。该页面看起来与前面给出的示例页面差不多。

使用Visual Studio构建一个页面

1.在Visual Studio中，新建一个"空Web应用程序"。将该项目命名为

ControlsORama，如下图所示。

2.添加默认页面。

在项目节点上右击，依次选择"添加"-""|"新建项"命令。在"添加新项"对话框列出的

模板中，选择"Web窗体"，将其命名为，并单击"确定"按钮。Visual Studio

会打开标记的编辑窗口。单击编辑框口底部的"设计"选项卡，将当前视图切

换至"设计"视图(见下图)。

Visual Studio生成的页面包含一个HTML

标签。在"设计器"中修改页

面元素后，为查看Visual Studio生成的代码，可以单击设计窗口底部的"源"选项卡。

Visual Studio还提供了一个贴心的"拆分"视图，可以同时看到"设计"和"源"视图的内

容。

在"设计"视图中输入的文本会显示在页面顶部。单击虚线框的内部，然后输入Page

in Visual Studio。下图展示了插入文本后的"设计"视图。