实用教程项目教学版及代码等5课件

实用教程（项目教学版）项目五：“新闻发布系统”系统实施--首页设计目录工作情景及分析工作任务知识准备任务实施归纳总结、拓展实践教学目标了解网站首页设计的功能；掌握母版页、用户控件的使用方法；熟悉查询、显示数据的操作步骤。能够设计所需的功能页面；会使用控件、母版页、用户控件设计首页；能使用GridView和Repeater控件显示信息。培养学生逻辑思维能力；培养学生分析解决问题的能力。工作任务知识准备任务实施归纳总结、拓展实践工作情景及分析目录工作情景

当今社会是一个信息化的社会，新闻作为信息的一部分有着信息量大，类别繁多，形式多样的特点，新闻发布系统的概念就此提出。新闻发布系统是一个基于新闻和内容管理的全站管理系统，是基于B/S模式的WEBMIS系统，它可以将杂乱无章的信息（包括文字，图片和影音）经过组织，合理有序地呈现在大家面前。主要功能有新闻的分类、管理、检索、浏览；新闻评论的管理和用户的管理等。此外，新闻系统还可以通过提供新闻服务的方式，把系统中的新闻提供给用户或其他站点。本单元主要是新闻发布系统的首页设计模块的设计与实现。情景分析

任何一个网站系统的首页都是非常重要的，需要精心设计。首页一般顶部是Logo或主题图片，接下来是新闻类别导航，中间是主要信息区，一般有最新新闻列表和热点新闻列表，还要有搜索新闻以及用户登录区，最下面是版权信息。工作任务知识准备任务实施归纳总结、拓展实践工作情景及分析目录工作任务

以“新闻发布系统”项目为载体，设计教学内容。项目分解为4个工作任务：【任务1】：页面设计【任务2】：新闻类别导航【任务3】：热点和最新新闻显示【任务4】：搜索新闻工作任务任务实施归纳总结、拓展实践工作情景及分析知识准备目录知识准备母版的使用

母版页的作用类似于DreamWeaver中的模板，扩展名是.master，母版页包含页面中所有固定不变的内容，母版页中的内容将显示在所有的页面中。由于这些元素的统一布局，保证了整个程序中所有页面外观的一致性。母版页仅仅是一个页面模板，单独的母版页是不能被用户所访问的。知识准备页面传值QueryString：一种非常简单的传值方式，将传送的值显示在浏览器的地址栏中。在源页面的代码用Response.Redirect(URL)传值，在目的页面的代码使用Request.QueryString[“name”]取出URL地址中传递的值。Session：不仅能传递简单数据类型，还能传递对象。在源页面的代码中创建需要传递的名称和值构造Session变量，在目的页面的代码使用Session变量取出传递的值。Cookie：与Session一样，但是Cookie是存放在客户端的，而session是存放在服务器端的。Server.Transfer：直接在服务器端重定向，使用简单方便，可以传递各种数据类型的值和控件的值。在源页面的代码中使用Server.Transfer跳到另一个页面传递页面数据，在目的页面中使用Context.Handler来接收数据。工作任务归纳总结、拓展实践工作情景及分析知识准备任务实施目录任务实施分析：任务1：页面设计

首页是一个网站的门户，根据新闻发布系统的实际要求，应该大方简洁，分类清晰。除了首页还有很多其他页面都有很多固定不变的内容，我们可以使用母版页以保证整个程序中所有页面外观的一致性。任务实施母版页设计如图所示任务1：页面设计任务实施

母版页仅仅是一个页面模板，单独的母版页是不能被用户所访问的，主要的HTML代码：任务1：页面设计任务实施内容页设计如图所示任务1：页面设计任务实施

母版页和内容页有着严格对应关系，程序运行时，内容页和母版页的页面内容组合到一起，主要的HTML代码：任务1：页面设计任务实施首页运行效果：任务1：页面设计任务实施分析：任务2：新闻类别导航

首页可以显示新闻类别，并且可以通过类别显示该类所有新闻，就像导航一样可以链接到各个类别页面中。任务实施新闻类别设计如图所示：任务2：新闻类别导航任务实施

使用Repeater控件显示新闻类别，前台HTML代码：任务2：新闻类别导航任务实施加载导航的主要后台代码：任务2：新闻类别导航DAL层查询新闻类别代码：任务实施分析：任务3：热点和最新新闻显示

用户一般关注访问量最大的新闻和最新发布的新闻，这就是热点和最新新闻，在首页中应该显示这两类新闻。任务实施

用GridView控件来分别显示热点新闻和最新新闻，首页内容页中热点和最新新闻的控件设置如图所示：任务3：热点和最新新闻显示任务实施对应的HTML代码如图：任务3：热点和最新新闻显示任务实施对应的后台代码如图：任务3：热点和最新新闻显示任务实施运行效果：任务3：热点和最新新闻显示任务实施分析：任务4：搜索新闻

通过首页的新闻搜索框可将查询结果显示在搜索新闻页面中，搜索新闻页面也可以再次搜索新闻，并可以通过标题链接到新闻正文页。任务实施

搜索新闻放到母版页中，搜索结果要显示在另一个内容页中，搜索新闻列表的控件设置如图所示：任务4：搜索新闻任务实施对应的HTML代码如图：任务4：搜索新闻任务实施运行效果：任务4：搜索新闻工作任务工作情景及分析知识准备任务实施归纳总结、拓展实践目录归纳总结母版页中包含的是页面公共部分，即网页模板，因此，在设计前必须分析页面结构，判断哪些内容是页面公共部分；用Repeater控件和GridView控件可以显示数据集中的数据。网页中变量不能保存状态，页面传值就要使用恰当的方法。归纳总结

【问题1】网站多个页面中的公共部分如何只设置一次其余页面都可使用？

【答】可以使用母版页实现。母版页的作用类似于DreamWeaver中的模板，扩展名是.master，母版页包含页面中所有固定不变的内容，如网站标志、公共标题、广告条、导航条、版权声明、联系信息等放到母版页中，母版页中的内容将显示在所有的页面中。由于这些元素的统一布局，保证了整个程序中所有页面外观的一致性。母版页仅仅是一个页面模板，单独的母版页是不能被用户所访问的，单独的内容页也不能够使用。母版页和内容页有着严格对应关系，程序运行时，内容页和母版页的页面内容组合到一起，由母版页中的占位符包含内容页中的内容，最后将完整的页面发送给客户端浏览器。归纳总结【问题2】母版页和内容页中事件的执行先后顺序是怎样的？【答】当客户端浏览器向服务器发出请求，要求浏览某个内容页面时，引擎