VisualStudio中添加控件Word格式文档下载.docx
- 文档编号:13739654
- 上传时间:2022-10-13
- 格式:DOCX
- 页数:13
- 大小:348.58KB
VisualStudio中添加控件Word格式文档下载.docx
《VisualStudio中添加控件Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《VisualStudio中添加控件Word格式文档下载.docx(13页珍藏版)》请在冰豆网上搜索。
添加新项"
对话框列出的模板中,选择"
Web窗体"
,将其命名为,并单击"
确信"
按钮。
VisualStudio会打开标记的编辑窗口。
单击编辑框口底部的"
设计"
选项卡,将当前视图切换至"
视图(见以下图)。
VisualStudio生成的页面包括一个HTML<
div>
标签。
中修改页面元素后,为查看VisualStudio生成的代码,能够单击设计窗口底部的"
源"
选项卡。
VisualStudio还提供了一个贴心的"
拆分"
视图,能够同时看到"
和"
视图的内容。
视图中输入的文本会显示在页面顶部。
单击虚线框的内部,然后输入PageinVisualStudio。
以下图展现了插入文本后的"
视图。
3.编辑页面上文本的格式。
为此,咱们需要查看页面的属性。
将文本选中,并在之上右击,选择"
属性"
窗口当选择Style属性。
现在,对应的值字段会显示一个省略号按钮(
)。
单击该按钮会打开"
修改样式"
对话框。
在那个对话框中,咱们能够修改<
的属性,其中包括字体样式和大小。
按以下图所示设置font-family、font-size和font-weight的值,并单击"
4.单击VisualStudio左侧的"
工具箱"
选项卡来打开"
窗口,如以下图所示。
5.插入一个换行标记(<
br/>
),从"
中拖放一个Label控件到页面上,然后按以下图所示选择它。
(VisualStudio的"
会在该标签的上端添加一个小标记,这有助于在开发者选择它时在"
中分辨它。
)
6.查看该标签控件的属性并编辑其内容。
若是"
窗口未被显示,能够在该标签上右击,然后从快捷菜单当选择"
该控件的"
窗口如以下图所示。
读者能够随意修改该标签的外观。
本例如的标签控件利用的是小号的TimesNewRoman字体,其文本内容为Typeinme:
7.从"
拖放一个TextBox控件到页面上,将其置于Label控件隔壁。
在那个TextBox后面,插入一个换行标签(<
)。
8.接下来,从"
拖放一个DropDownList到页面上。
以下图展现了那个下拉列表控件在"
中的样式。
在将该控件拖放到页面上后,VisualStudio便许诺咱们通过如下图的快捷菜单来为DropDownList添加项。
单击"
DropDownList任务"
菜单上的"
编辑项"
选项。
现在会打开"
ListItem集合编辑器"
,如以下图所示。
每次单击"
按钮,"
都会向DropDownList的集合中添加一个新项。
在添加并选择一项后,能够对其显示的名称(Text属性)进行编辑。
也能够添加一个与文本对应的值。
例如,在库存跟踪应用程序中,能够将Text属性设置为产品名,而将Value属性设置为企业内部的产品编码。
这两个属性都能够在运行时获取。
按以下图所示在那个DropDownList中添加一些项目。
添加完毕后单击"
9.在页面中添加一个按钮。
第一,在DropDownList控件后面添加一个换行标签(<
然后,从"
拖放一个Button到页面上。
现在的页面如以下图所示。
修改按钮的Text属性,为其添加一个成心义的描述。
在继续构建那个页面之前,让咱们先来看一下VisualStudio生成的源代码。
VisualStudio会在代码中为Label、TextBox、DropDownList和Button控件别离添加一个成员变量(通过控件标记中的runat=server即能够看出)。
现在,.aspx文件的内容(从<
form>
标签开始)应与清单所列代码类似。
清单
文件最终的标记
1.<
form
id="
form1"
runat="
server"
>
2.
<
div
style=
3.
font-family:
'
Times
New
Roman'
Times,
4.serif;
font-size:
14pt;
font-weight:
bold"
5.
Page
in
Visual
Studio<
6.
asp:
Label
ID="
Label1"
7.Text="
Type
me:
/asp:
Label>
8.
TextBox
TextBox1"
TextBox>
9.
10.
DropDownList
DropDownList1"
11.
ListItem>
Item
1<
12.
2<
13.
3<
14.
4<
15.
5<
16.
6<
17.
DropDownList>
18.
19.
Button
Button1"
Text="
Click
Me"
/>
20.
/div>
21.
/form>
需要注意的是,所有在效劳器端运行的标签都有ID属性。
这是在运行时区分不同控件的标识符。
咱们稍后会用到它。
10.最后,为使按钮真正发挥作用,需要在页面中为其添加事件处置程序,以便在该按钮被单击后作出响应。
添加事件处置程序最简单的方式是在"
视图双击该按钮。
VisualStudio会为按钮的单击事件生成一个处置程序,并显示在"
视图中。
现在即能够添加响应按钮单击事件的代码了。
11.在按钮的事件处置程序中添加清单所示代码。
按钮的事件处置程序
1.protected
void
Button1_Click(object
sender,
EventArgs
e)
{
("
Hello.
Here'
s
what
you
4.typed
into
the
text
box:
);
7.
And
selected
item
is:
}
这段响应按钮单击事件的代码利用Response对象向输出流发送了一些文本。
的输出是客户端阅读器最先读取的文本,因此这些文本会显示在页面的顶端。
需要注意的是,这段处置程序利用了页面类中的TextBox1成员变量。
这说明咱们能够以编程方式在运行时挪用控件。
以下图展现了该页面在阅读器中的成效。
注意,输出的文本会被插入到所有控件之前。
为测试页面上的控件,能够在"
调试"
菜单当选择"
开始执行(不调试)"
为查看所有效劳器端控件生成的HTML,能够查看发送给阅读器的源文件。
(若是利用InternetExplorer,那么依次在命令栏中单击"
页面"
查看源文件"
命令)打开源文件后,应看到清单所示的代码。
注意,输出的文本位于输出流的最顶端。
运行后取得的HTML
1.Hello.
typed
Hello
world<
2.And
4
4.
!
DOCTYPE
html
PUBLIC
-//W3C//DTD
XHTML
Transitional//EN"
xmlns="
head>
title>
/title>
/head>
body>
name="
method="
post"
action
13.="
input
type="
hidden"
__VIEWSTATE"
value="
/wEPDwUKMTc0ODY5OTM3N2RkvlciIj/EgelYYjZ7ti51iSLFZ6g="
__
20.EVENTVALIDATION"
__EVENTVALIDATION"
/wEWCQLi6ca/AgLs0bLrBgKTmtqTCAKTmsaT
22.CAGBhPVvUl6OSn5X9GuTKtorQF1aF3r"
23.
24.
style="
Times,
serif;
25.
26.
27.
span
/span>
28.
text"
29.world"
30.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- VisualStudio 添加 控件