科创学院Web应用开发课件 第十一节 大案例优化.ppt

11.2使用AJAX控件部分刷新 例 11?1 使用AJAX优化“CartInfo.aspx”页面 （3）把图 11?3中“/asp:UpdatePanel”标记下面的折叠起来的“div…/div”部分（为节省篇幅，该部分折叠标记代码即为显示填写订单信息部分的代码）剪贴到“ContentTemplate”和“ /ContentTemplate”标记之间，如图 11?4所示； 第十一章 大案例优化 11.2使用AJAX控件部分刷新 第十一章 大案例优化 图 11?4 更改“填写订单信息”标记代码位置 11.2使用AJAX控件部分刷新 经过上述三步后，重新运行该网页，当单击“下订单”按钮时，发现只有填写订单信息部分的局部页面刷新，而整个页面不刷新，增强了用户体验。 除了上述使用AJAX技术实现网页局部刷新外，在实际应用中，有时会需要页面在某个时刻进行自动更新，而不需要人为干预，这就需要用到ASP.NET AJAX中的Timer控件（本教材大案例的需求没有此功能的要求）。 设置Timer控件的Interval属性，可以控制刷新的时间间隔，单位是毫秒。 第十一章 大案例优化 11.2使用AJAX控件部分刷新 例 11?2 使用Timer控件自动局部更新 （1）从工具箱中拖一个UpdatePanel 控件和一个ScriptManager 控件到Default.aspx页面上， UpdatePanel 控件中包含一个 Timer 控件，设置其Interval属性为1000，要求在 UpdatePanel 控件里面和外面分别输出页面的加载时间。 根据题目要求，参照课本给出的部分网页源视图代码布置网页源视图。 第十一章 大案例优化 11.2使用AJAX控件部分刷新 该网页运行效果如图 11?5所示。 第十一章 大案例优化 图 11?5 定时刷新 11.2使用AJAX控件部分刷新 从图 11?5浏览的效果可以看到，网页上面的时间（背景为灰色的部分）每隔1000毫秒就会被刷新一次，而下面显示的时间则始终是页面加载时的时间，并不会被刷新。这是由于上面显示的时间放在了UpdatePanel 控件内，并设置了Timer的Interval为1000毫秒，所以会定时被刷新，而下面显示的时间放在了UpdatePanel 控件外，所以不会被定时刷新。 若要将 AJAX 功能添加到 ASP.NET 网页，请标识网页上要更新的各个部分。然后，将这些部分的内容放入 UpdatePanel 控件。UpdatePanel 控件的内容可以是 HTML 或其他 ASP.NET 控件。向网页中添加 UpdatePanel 控件的方式与添加任何其他控件相同。例如，可以将该控件从“工具箱”任务窗格拖到网页上，也可以通过在相应网页的“代码”视图中添加该控件的代码来进行添加。 第十一章 大案例优化 11.2使用AJAX控件部分刷新 例如，可以将该控件从“工具箱”任务窗格拖到网页上，也可以通过在相应网页的“代码”视图中添加该控件的代码来进行添加。 若要支持部分页呈现，必须将 ScriptManager 控件放到相应的网页上。ScriptManager 控件会跟踪该网页的所有更新面板及其触发器。它会协调服务器上的部分页呈现行为，并确定因异步回发而呈现的网页的各个部分。 第十一章 大案例优化 11.3 网页输出缓存 通常，应用程序可以将那些频繁访问的数据，以及那些需要大量处理时间来创建的数据存储在内存中，从而提高性能。例如，如果应用程序使用复杂的逻辑来处理大量数据，然后再将数据作为用户频繁访问的报表返回，避免在用户每次请求数据时重新创建报表可以提高效率。同样，如果应用程序包含一个处理复杂数据但不需要经常更新的页，则在每次请求时服务器都重新创建该页会使工作效率低下。 第十一章 大案例优化 11.3 网页输出缓存 在这些情况下，为了帮助您提高应用程序的性能，ASP.NET 使用两种基本的缓存机制来提供缓存功能。第一种机制是页输出缓存，它保存页处理输出，并在用户再次请求该页时，重用所保存的输出，而不是再次处理该页。第二种机制是应用程序缓存，它允许您缓存所生成的数据，如DataSet或自定义报表业务对象。 性能是任何 Web 应用程序的关键方面。必须减少 Web 服务器的处理量，以便使单个请求结果响应速度更快、服务器有能力处理更多并发请求并减少中间和后端数据系统的负荷。使用输出缓存以减少服务器的工作负荷，能够实现更佳的 ASP.NET 性能。输出缓存是一种优化方案，可以缩短 Web 服务器响应的时间。 第十一章 大案例优化 11.3 网页输出缓存 通常，浏览器请求 ASP.NET 页时，ASP.NET 将创建该页的实例，运行该页中的任何代码，运行数据库