ASPNET实验二

第1页，共16页延安大学计算机学院实验报告专用纸实验室：软件实验室（一）机号：R033实验日期：2017年5月4日姓名秦红志班级信息14课程名称ASP.NET程序设计教程任课教师牛永洁实验项目名称实验二使用母版页与C#语法练习指导教师牛永洁实验组别第组同组者教师评语及成绩：实验成绩：教师签字：（请按照实验报告的有关要求书写，一般必须包括：1、实验目的；2、实验内容；3、实验步骤与方法；4、实验数据与程序清单；5、出现的问题及解决方法；6、实验结果、结果分析与体会等内容。）一、实验目的1.通过本实验理解在VisualStudio环境中创建、编辑和引用母版页、内容页的基本步骤，理解母版页和内容页之间的关系；综合运用母版页、内容页和CSS+DIV布局技术设计出实用的，具有统一风格的网站页面体系。2.通过上机操作掌握C#中的常用方法和结构化程序设计的基本方法；理解顺序结构、选择结构和循环结构的基本概念；掌握if…else、switch、for和while语句的使用方法。通过本实验进一步理解使用C#创建的ASP.NET网站的一般步骤和常用编程技巧。二、实验内容1.使用母版页和内容页2.C#语法与结构化程序设计综合练习三、实验步骤与方法1.准备需要的图片文件新建一个ASP.NET网站，在站点文件夹中创建一个名为“images”的子文件夹，将所需图片文件复制到该文件夹中。2.设计母版页在网站中添加一个母版页MasterPage.master，添加一个级联样式表文件Stylesheet.css。母版页由用于显示标题图片的Logo层、显示左侧专栏的left层、显示具体专栏内容的leftcolumn层和显示底部版权信息的bottom层组成。其中，leftbottom层包含在left层内部，层内包含一个4行1列的表格，用于说明文字和3个超链接标签控件的定位。第2页，共16页延安大学计算机学院实验报告附页姓名秦红志班级信息14学号1060414014016MasterPage.master的XHTML代码如下：htmlxmlns==servertitle延安大学网站/titlelinkhref=StyleSheet.cssrel=stylesheettype=text/css/asp:ContentPlaceHolderid=headrunat=server/asp:ContentPlaceHolder/headbodyformid=form1runat=serverdivid=pagedivid=logo/divdivid=leftdivid=leftcolumntabletrtdstyle=font-size:medium;background-color:White;font-family:楷体;font-weight:bold;color:#000099学校专栏/td/trtrtdasp:HyperLinkID=HyperLink1runat=serverNavigateUrl=~/Default.aspx学校简介/asp:HyperLink/td/trtrtdasp:HyperLinkID=HyperLink2runat=serverNavigateUrl=~/sight.aspx校园风光/asp:HyperLink/td/trtrtdasp:HyperLinkID=HyperLink3runat=serverNavigateUrl=~/QA.aspx考生问答/asp:HyperLink/td/tr/table第3页，共16页延安大学计算机学院实验报告附页姓名秦红志班级信息14学号1060414014016/div/divasp:ContentPlaceHolderid=ContentPlaceHolder1runat=server/asp:ContentPlaceHolderdivid=bottom延安大学版权所有2016-2017/div/div/form/body/html3.设计母版页使用的样式表在“解决方案资源管理器”中，将StyleSheet.css拖动到MasterPage.master的head/head标记之间完成对样式表的引用。StyleSheet.css的代码如下：body{text-align:center}#page{width:750px;border:solid1pxSilver;text-align:left;}#logo{background-image:url(./images/logo.jpg);text-align:center;width:750px;height:141px;border:solid1pxSilver;}#bottom{width:750px;height:19px;padding-top:27px;background-image:url(./images/bottom_bg.gif);border:solid1pxSilver;text-align:center;vertical-align:text-bottom;font-size:small;}#left第4页，共16页延安大学计算机学院实验报告附页姓名秦红志班级信息14学号1060414014016{float:left;width:185px;height:150px;background-color:#FEEEDC;}#leftcolumn{margin:10px;width:165px;height:30px;background-color:#FFFFFF;}#lefttable{height:100%;width:100%;}#lefttd{text-align:center;font-size:small;}4.设计内容页在“解决方案资源管理器”中删除系统创建的默认Default.aspx页面。右键单击网站名称，在弹出的快捷菜单中执行“添加新项”命令，在打开的对话框中选择“Web窗体”模板，将文件命名为Default.aspx，并选中“选择母版页”复选框，单击“添加”按钮，在打开的对话框中选择前面创建的MasterPage.master为网页的母版。切换到Default.aspx的设计视图，在系统自动创建的Content2控件中添加一个2行1列的表格。并调整表格属性，使其美观。并向其中录入需要的文本。另一内容页QA.aspx的设计可参照上述方法完成。用于显示图片列表的内容页Slight.aspx需要在Content2控件中添加一个div元素和3个image控件，在每个image控件中显示一副事先准备好的存放在images文件夹下的图片。Slight.aspx的XHTML代码如下：asp:ContentID=Content2ContentPlaceHolderID=ContentPlaceHolder1runat=Serverdivstyle=height:150px;text-align:center;padding-top:2px;asp:ImageID=Image1runat=serverHeight=147pxWidth=170pxImageUrl=~/images/1.jpg/ asp:ImageID=Image2runat=serverHeight=147pxWidth=170pxImageUrl=~/images/2.jpg/ asp:ImageID=Image3runat=serverHeight=147pxWidth=170pxImageUrl=~/images/3.jpg//div/asp:Content第5页，共16页延安大学计算机学院实验报告附页姓名秦红志班级信息14学号1060414014016图1母版页MasterPage.master设计效果图2引用母版后的Default.aspx内容页效果图3引用母版后的Sight.aspx内容页效果第6页，共16页延安大学计算机学院实验报告附页姓名秦红志班级信息14学号10604140140161.C#中的常用方法使用练习创建一个ASP.NET网站，用户访问网站时显示提示信息和4个按钮。单击不同按钮，页面将显示对应数据类型常用方法的使用示例。1)设计Web界面新建一个ASP.NET项网站项目，切换到Default.aspx的设计视图。在页面中添加一个2行4列的的HTML表格，设置边框为1。合并第一行的4个单元格，向其中添加1个用于显示输出信息的标签控件Label1。向第二行的4个单元格中各添加1个按钮控件Button1~Button4。2)设置对象属性在设计视图中选中Label1控件，在属性窗口中设置其ID属性为LabelInfo，Text属性为空；分别选中4个按钮控件，设置它们的ID属性分别为ButtonDateTime、ButtonMath、ButtoString和ButtonRandom，设置它们的Text属性分别为“日期时间”、“数学”、“字符串”和“随机数”。3)编写事件代码页面装入时执行的事件代码如下：protectedvoidPage_Load(objectsender,EventArgse){this.Title=常用数据类型及其方法;LabelInfo.Text=b请单击相应的按钮/b;}“日期时间”按钮被单击时执行的事件代码如下：protectedvoidButtonDataTime_Click(objectsender,EventArgse){this.Title=常用日期时间方法使用示例;LabelInfo.Text=b获取当前日期字符串(1),DateTime.Now.ToLongDateString():/b+DateTime.Now.ToLongDateString()+brbr;LabelInfo.Text+=b获取当前日期字符串(2),DateTime.Now.ToShortDateString():/b+DateTime.Now.ToShortDateString()+brbr;LabelInfo.Text+=b获取当前时间字符串(1),DateTime.Now.ToLongTimeString():/b+DateTime.Now.ToLongTimeString()+brbr;LabelInfo.Text+=b获取当前时间字符串(2),DateTime.Now.ToShortTimeString():/b+DateTime.Now.ToShortTimeString()+brbr;LabelInfo.Text+=b今天是星期几,DateTime.Now.DayOfWeek:/b+DateTime.Now.DayOfWeek+brbr;LabelInfo.Text+=b今天是一年中的第几天,DateTime.Now.DayOfYear:/b+DateTime.Now.DayOfYear+brbr;LabelInfo.Text+=b增减天数后的日期¨²,DateTime.Now.AddDays(1.5):/b+DateTime.Now.AddDays(1.5)+brbr;}“数字”按钮被单击时执行的事件代码如下：protectedvoidButtonMath_Click(objectsender,EventArgse){this.Title=常用数学方法使用示例;第7页，共16页延安大学计算机学院实验报告附页姓名秦红志班级信息14学号106041401