WEB实验报告格式.doc

常熟理工学院计算机科学与工程学院实验报告 2014-2015 学年 第 1 学期课程名称 Web应用技术（ASP.NET）专 业 班 级 学 号 姓 名 实验地点 N6106 指导老师 郭 辉 实验报告要求1在实验课前要认真预习实验内容，熟习实验的原理、方法及算法等。2根据实验指导书要求，认真完成实验内容；实验结束后，按照实验报告的要求认真填写相关内容。3实验时要带好实验指导书、实验报告本。4实验时要严肃认真，不得互相抄袭。5实验课的成绩由实验预习、实验过程、实验结果和实验报告四部分构成。39实验名称实验一 搭建ASP.NET 开发与运行环境实验目的1、能够设计Web应用程序，并完成基本功能2、将多个时间链接到单个处理程序并检测浏览器兼容性3、实现应用程序级别的错误处理实验设备安装有Microsoft Visual Studio 2005的计算机实验日期2014.09.04一、实验预习1、阅读课本，了解Web站点的类型，默认处理事件等相关知识；2、下载上课课件和理论课实例，熟悉Web的相关操作，如新建，配置等；3、阅读实验教材，熟悉本次试验内容。二、实验内容 (原理、方法、框图)1、熟悉Web站点的类型：本地IIS Web站点，远程IIS Web站点，FTP站点和文件系统Web站点；2、理解Web程序页面的内容（静态，动态）；3、理解动态化脚本（客户端，服务器端）；4、了解ASP.NET的含义，作用，元素等；5、新建一个Web站点；6、实现将多个事件链接到单个处理程序并检测浏览器兼容性；7、处理音乐程序级别的错误；三、实验过程（步骤、实现代码）1、打开Microsoft VS 2005新建网站ASP.NET网站命名为MyWeb位置：文件系统语言：C#；2、准备工作：将实验中要用到的图片复制到Web站点的目录下：在右边资源管理器的网站上右击，选择添加现有项，把要用到的图片全添加进去；3、Default.aspx页面设置：（1）在Default.aspx设计图中，从工具箱中HTML控件拖Table控件，设置其属性：在stylepositionwidth：100%，在任意的一个单元格中插入下一行和左一列，成为四行四列表格。把第一行，第四行，第二三行的第一列，第四列，第三行的第二三列合并单元格。第一格的align属性设置为centre，第四格的align属性设置为right。则输入的字和图片分别为中间和右边；（2）在第一列拖入标准控件的image控件，设置属性：imageUrl属性选择BookLogo.jpg；style属性中设置其背景颜色，文本字体等；（3）在第二行第一列拖入三个HyperLink控件。分别text属性为：Home，About Us，Favourite Feedback，同时在style中设置其背景色，也可以选中该控件，右击选择样式进行设置；（4）在第二行第二列拖入两个Lable控件，一个HyperLink控件。Lable控件的Text属性分别为：Welcome to New Tech Book store和New Tech Book Store is a unique online platform for all book lovers；HyperLink控件的Text属性值设为know more；（5）在第二行第三列拖入image控件，设置属性：imageUrl属性选择image1.jpg，更改其背景色；（6）在第二行第四列输入文字，并设置背景色，若要外观漂亮，则可以使用Lable控件使其工整； （7）在第三行第二列拖入三个Lable控件，将其Text属性分别设置为New in store，Cold Mountain，Beyond Code，Digital Logic，同时，拖入三个Button控件，text属性都为show details。拖入一个Lable控件，ID属性设为lblDetails，text属性为空，最后，设置该单元格的背景色设置好之后，Table的第一行如下图所示：（8）在第四行拖入Lable控件：text属性设为Copyright New Tech Books 2011，也可以直接在第四行输入，并更改其背景颜色；设置好的Default.aspx页面如下所示：这其中，三个按钮的实现代码如下：public partial class _Default : System.Web.UI.Page private string Book1 = ID: 1234Title: Cold MountainAuthor: John WilliamsPrice: $15; private string Book2 = ID: 5678Title: Beyond CodeAuthor: MarkPrice: $20; private string Book3 = ID: 1245Title: Digital LogicAuthor: Tom WrightPrice: $25; protected void View_Click(object sender, EventArgs e) Button btnClicked = (Button)sender; if (btnClicked.ID = btnDetail1) lblBookDetails.Text = Book1; else if (btnClicked.ID = btnDetail2) lblBookDetails.Text = Book2; else if (btnClicked.ID = btnDetail3) lblBookDetails.Text = Book3; protected void Page_Load(object sender, EventArgs e) Random rndGen = new Random(); int rndNum = rndGen.Next(10); if (rndNum 5) imgBooks.ImageUrl = Image1.jpg; else imgBooks.ImageUrl = Image3.jpg;4、AboutUs.aspx页面（1）右击网站根目录，选择添加新项，然后选择web窗体，并将其默认的页面名称改为About us.aspx；（2）将Default.aspx页面中的表格复制并粘贴，同时做出相应的修改，删除原有内容并将第二行三四列合并单元格，同时添加6个Lable控件，根据书本将其Text属性设置为相应的值，并添加一个button控件，设置其Text属性为Show gift voucher details，在此之后，再添加一个Lable控件，将其ID属性设置为lblgift据此，设计好的About us.aspx页面如下图所示：其中，相关的实现代码如下所示：protected void btnGift_Click(object sender, EventArgs e) if (btnGift.Text = Show gift voucher details) btnGift.Text = Hide gift voucher details; lblGift.Text = New Tech Book store enables you to find the right book you want to gift to someone. We enable you to buy a gift voucher and send it to the person you want to gift books.You can pay for a gift voucher by using a credit card, a cheque, or a draft.; else btnGift.Text = Show gift voucher details; lblGift.Text = I wish you had a good time during the reading time ; 5、依照同样的方法设置以下页面：（1）Feedback页面：其实现代码如下：protected void Feedback_Command(object sender, CommandEventArgs e) switch (e.CommandName) case HomeDelivery: Server.Transfer(YourFeedback.aspx?Feedback=HomeDelivery); break; case Search: Server.Transfer(YourFeedback.aspx?Feedback=Search); break; case Design: Server.Transfer(YourFeedback.aspx?Feedback=Design); break; （2）YourFeedback页面：其相关代码如下所示：public partial class YourFeedback : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) if (this.Page.Request.QueryStringFeedback = null) lblFeedback.Text = Your feedback:; return; switch (this.Page.Request.QueryStringFeedback) case HomeDelivery: lblFeedback.Text = Your feedback on our home delivery services:; Page.Header.Title = Feedback on home delivery services; break; case Search: lblFeedback.Text = Your feedback on the search feature of our website:; Page.Header.Title = Feedback on search feature; break; case Design: lblFeedback.Text = Your feedback on your experience of the site:; Page.Header.Title = Feedback on user experience; break; default: lblFeedback.Text = Your feedback:; break; （3）BrowserCompotibility页面：其实现代码如下public partial class BrowserCompatibility : System.Web.UI.Page protected void Page_Load(object sender, EventArgs e) HttpBrowserCapabilities currentBrowser = Request.Browser; lblBrowserAct.Text = currentBrowser.Browser + + currentBrowser.Version; lblPlatformAct.Text = currentBrowser.Platform.ToString(); lblTableAct.Text = currentBrowser.Tables.ToString(); lblCookieAct.Text = currentBrowser.Cookies.ToString(); lblScriptAct.Text = currentBrowser.VBScript.ToString(); lblECMAAct.Text = currentBrowser.EcmaScriptVersion.ToString(); （4）ErrorPage页面：6、将设置好的页面进行连接：在Default.aspx页面中，单击选中“About us”，在资源管理器中，设置其NavigateUrl属性值为“/About us.aspx”；在About us.aspx的页面中，单价选中“Home”，在资源管理器中，设置其NavigateUrl属性值为“/Default.aspx”，依此方法，完成其他几个页面的设计和关联。三、实验结果（遇到的问题及解决方法）1、在页面设置的过程中，不知道Default.aspx页面中的横线如何添加，经过同学讨论和请教老师，得出方法：要用横线把文字隔开，可以在源代码中，在要插入横线的地方插入代码：；2、能够很好的运行并实现预期功能四、心得体会 (实验收获)能够很好的运用所学知识，创建新的Web程序，并能够使之实现预期的功能，同时，理解了单页面文档和代码隐藏页面模型的区别，尤其是在试验中，Aboutus.aspx页面与老师设计的不同，体现了这一点。希望自己在今后利用所学不断完善Web程序。实验预习20%实验过程20%实验结果30%实验报告30%成绩实验名称实验二实验目的实验设备实验日期一、实验预习二、实验内容 (原理、方法、框图)三、实验过程（步骤、实现代码）三、实验结果（遇到的问题及解决方法）四、心得体会 (实验收获)实验预习20%实验过程20%实验结果30%实验报告30%成绩实验名称实验三实验目的实验设备实验日期一、实验预习二、实验内容 (原理、方法、框图)三、实验过程（步骤、实现代码）三、实验结果（遇到的问题及解决方法