vbnet的WEB编程

程序设计与实践项目十二WEB编程2011.12.12相关语法及设计理念活动一显示日历时间活动二显示数据库内容小结相关语法及设计理念1．HTML标签Web内容包括HTML标记、客户端脚本、图像和二进制数据等。Microsoft的ActiveServerPage.NET(ASP.NET)技术创建的Web内容一般以多个后缀名为.aspx的文件形式存在，每个文件将被编译为一个独特的类。这个类的对象负责事件处理、代码初始化、方法和其它支持代码，包含这个类的文件由两部分组成，其一是HTML标记组成的页面，其二是称为Code-behind代码。通常两部分分属于不同的文件，有时合二为一共处一个文件中。1．HTML标签标签描述!--...--!DOCTYPEaabbracronymaddressappletareabbasebasefontbdobigblockquotebodybrbuttoncaptioncentercitecodecolcolgroupdddeldirdivdfndldtemfieldsetfontformframeframeseth1h6headhrhtmliiframeimginputinskbdlabellegendlilinkmapmenumetanoframesnoscriptobjectoloptgroupoptionpparampreqscriptselectsmallspanstrikestrongstylesubsuptabletbodytdtextareaootththeadtitletrttuulvarxmp标记注释。标记文档类型。标记锚。标记缩写。标记只取首字母的缩写。标记文档作者或拥有者的联系信息。标记嵌入的applet（不赞成使用）。标记图像映射内部的区域。标记粗体字。标记页面中所有连接的默认地址或默认目标。标记页面中文本的默认字体、颜色或尺寸。标记文字方向。标记大号文本。标记长的引用。标记文档的主体。标记简单的换行。标记一个按钮。标记一个表格的标题。标记文本显示居中。标记引用。标记计算机代码文本。标记表格中的一个或多个列的属性值。标记表格中供格式化的列组。标记列表中项目的描述。标记被删除的文本。标记目录列表（不再建议使用）。标记文档中的节。标记标记项目。标记列表。标记列表中的项目。标记强调的文本。标记围绕表单中元素的边框。标记文字的字体、尺寸和颜色。标记供用户输入的HTML表单。标记框架集的窗口或框架。标记框架集。标记标题。标记文档的信息。标记水平线。标记HTML文档。标记倾斜字。标记内联框架。标记图像。标记输入控件。标记被插入文本。标记键盘文本。标记input元素的标注。标记fieldset元素的标题。标记列表的项目。标记文档与外部资源的关系。标记图像映射。标记菜单列表。标记关于HTML文档的元信息。标记针对不支持框架的用户的替代内容。标记针对不支持客户端脚本的用户的替代内容。标记内嵌对象。标记有序列表。标记选择列表中相关选项的组合。标记选择列表中的选项。标记段落。标记对象的参数。标记预格式文本。标记短的引用。标记客户端脚本。标记选择列表（下拉列表）。标记小号文本。标记文档中的节。标记加删除线文本（不赞成使用）。标记强调文本。标记文档的样式信息。标记下标文本。标记上标文本。标记表格。标记表格中的主体内容。标记表格中的单元。标记多行的文本输入控件。标记表格中的表注内容（脚注）。标记表格中的表头单元格。标记表格中的表头内容。标记文档的标题。标记表格中的行。标记打字机文本。不赞成使用。标记下划线文本。标记无序列表。标记文本的变量部分。不赞成使用。标记预格式文本。2．浏览器活动一显示日历时间活动简介新建一个Asp.Netweb站点。要求该站点包含一个Web页，页面中显示一日历控件、一标签控件和一按钮控件。当网站运行时，用户选中该日历控件中的任意一日期并点击按钮后，在该标签控件中回显用户所选中的日期。活动实施一、建立项目选择“开始”→“所有程序”→“MicrosoftVisualStudio2008”→“MicrosoftVisualStudio2008”，启动VisualStudio2008。单击“文件”→“新建”→“网站”，打开“新建网站”对话框，在“模板”列表中选择“Asp.net网站”。选择“语言”列表中的“VisualBasic”，在“位置”列表框中选择“文件系统”，点击“浏览”按钮指定某个文件夹，如“D:\webSite1\”，点击“确定”按钮。创建了一个新的Web站点。活动实施二、界面设计活动实施三、代码设计1．Defualt.aspx页面的HTML代码%@PageLanguage=VBAutoEventWireup=falseCodeFile=Default.aspx.vbInherits=_Default%!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==servertitle无标题页/title/headbodyformid=form1runat=serverdivbr/asp:LabelID=Label1runat=serverText=Label/asp:Labelbr/br/asp:CalendarID=Calendar1runat=serverBackColor=#FFFFCCBorderColor=#FFCC66BorderWidth=1pxDayNameFormat=ShortestFont-Names=VerdanaFont-Size=8ptForeColor=#663399Height=200pxShowGridLines=TrueWidth=220pxSelectedDayStyleBackColor=#CCCCFFFont-Bold=True/SelectorStyleBackColor=#FFCC66/TodayDayStyleBackColor=#FFCC66ForeColor=White/OtherMonthDayStyleForeColor=#CC9966/NextPrevStyleFont-Size=9ptForeColor=#FFFFCC/DayHeaderStyleBackColor=#FFCC66Font-Bold=TrueHeight=1px/TitleStyleBackColor=#990000Font-Bold=TrueFont-Size=9ptForeColor=#FFFFCC//asp:Calendarbr/br/asp:ButtonID=Button1runat=serverText=Button//div/form/body/html活动实施三、代码设计2、Button的Click事件的处理方法的代码ProtectedSubButton1_Click(ByValsenderAsObject,ByValeAsSystem.EventArgs)HandlesButton1.ClickLabel1.Text=Calendar1.SelectedDate.ToStringEndSub活动实施四、调试单击工具栏上的“启动调试”按钮，运行程序（快捷键是F5），并点击“确定”按钮。如果出现错误，修改后重新运行。五、保存单击工具栏上的“全部保存”按钮。试一试1、如果想在活动一所创建的页面的标题栏中中显示“HelloTime”，该如何编程？试一试2、尝试调整活动一页面中日历控件的显示样式，如星期用英文该如何设置？试一试3、尝试在活动一的页面中添加一个新的按钮和文本框，实现以下逻辑：当页面运行时，用户点击新增的按钮，日历控件中调整到该用户在文本框中输入的日期。活动二显示数据库内容活动简介有一个表格存储的是某个班的部分学生的成绩情况。要求建立一个站点，通过Web网页的方式把表中的记录显示出来。活动实施一、建立项目选择“开始”→“所有程序”→“MicrosoftVisualStudio2008”→“MicrosoftVisualStudio2008”，启动VisualStudio2008。单击“文件”→“新建”→“网站”，打开“新建网站”对话框，在“模板”列表中选择“Asp.net网站”。选择“语言”列表中的“VisualBasic”，在“位置”列表框中选择“文件系统”，点击“浏览”按钮指定某个文件夹，如“D:\webSite2\”，点击“确定”按钮。创建了一个新的Web站点。活动实施二、界面设计活动实施-数据库设计活动实施三、代码设计通过代码窗口编辑程序代码，以下是程序的代码设置方法。活动实施1．Default.aspx添加GridView控件和配置AcessDataSource后的代码%@PageLanguage=VBAutoEventWireup=falseCodeFile=Default.aspx.vbInherits=_Default%!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN==servertitle无标题页/title/headbodyformid=form1runat=serverdivbr/asp:GridViewID=GridView1runat=serverAutoGenerateColumns=FalseDataKeyNames=学号DataSourceID=AccessDataSource1Columnsasp:BoundFieldDataField=学号HeaderText=学号InsertVisible=FalseReadOnly=TrueSortExpression=学号/asp:BoundFieldDataField=姓名HeaderText=姓名SortExpression=姓名/asp:BoundFieldDataField=年级HeaderText=年级SortExpression=年级/asp:BoundFieldDataField=语文HeaderText=语文SortExpression=语文/asp:BoundFieldDataField=数学HeaderText=数学SortExpression=数学/asp:BoundFieldDataField=英语HeaderText=英语SortExpression=英语/asp:BoundFieldDataField=总分HeaderText=总分SortExpression=总分/asp:BoundFieldDataField=备注HeaderText=备注SortExpression=备注//Columns/asp:GridViewasp:AccessDataSourceID=AccessDataSource1runat=serverDataFile=~/App_Dat