动态网页设计项目教程教学课件作者徐雪鹏项目12课件

《动态网页设计项目教程教学课件作者徐雪鹏项目12课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目12新闻分类展示模块的设计与实现2014年1月3日机械工业出版社项目12新闻分类展示模块的设计与实现任务1系统前台整体架构设计任务2三大类新闻列表展示功能的设计与实现任务3新闻内容展示功能的设计与实现任务4新闻按类别分类展示功能的设计与实现任务5更多图片新闻展示功能的设计与实现2014年1月3日机械工业出版社本项目任务系统首页。新闻内容展示页。所示按类别分类展示页。所示更多图片新闻展示页。2014年1月3日机械工业出版社任务1系统前台整体架构设计教学目标掌握创建母版页的方法。掌握创建内容页方法。理清系统前台整架构设计思路

2、，设计并实现系统前台架构。2014年1月3日机械工业出版社母版页MasterPage（母版页）类似Dreamweaver中的模板，可以实现在多个页面中共享相同的页面内容。母版页是ASP.NET文件，母版页文件的扩展名是.master（如MySite.master），它可以包括静态文本、HTML元素和服务器控件的预定义布局。母版页派生于System.Web.UI.MasterPage类，而MasterPage类又继承于UserControl类，所以母版页其实是一种特殊的ASP.NET用户控件。2014年1月3日机械工业出版社母

3、版页一个应用了母版页的网页由母版页本身和内容页两部分组分。母版页定义了每个页面的公共部分，而内容页主要包含页面中的非公共部分。母版页还包括一个或多个ContentplaceHolder控件，该控件定义非公共部分出现的区域；而每个页面的具体内容出现在内容页面。若修改了母版页，不必再去更新每个内容页面，所有的内容页都会改变。2014年1月3日机械工业出版社母版页母版页和一般的ASP.NET页面的区别：母版页文件的扩展名为.master，而一般的ASP.NET页面文件的扩展名是.aspx。母版页是由@Master指令来识别，而一般

4、的ASP.NET页面是由@Page指令来识别。母版页可以包含一个或多个ContentPlaceHolder控件，ContentPlaceHolder控件是母版页特有的控件，起在占位符的作用。而一般的ASP.NET页面不能包含ContentPlaceHolder控件。用户不能直接浏览母版页，直接浏览母版页会出现错误提示：无法提供此类型的页。而一般的ASP.NET页面用户可以直接浏览。2014年1月3日机械工业出版社内容页内容页是绑定到一个母版页的网页，其设计文件的扩展名是.aspx，与母版页的关系紧密。母版页定义了内容页的构架

5、，而内容页则主要是各个页面的非公共部分。通过创建各个内容页来定义母版页的ContentPlaceHolder控件的内容，内容页中只能包含Content控件，该控件是一个容器控件，可以将一般的Web控件、用户控件等放在Content控件中。但是，Content控件不能独立使用，必须与对应的ContentPlaceHolder控件结合使用。2014年1月3日机械工业出版社内容页根据母版页创建的内容页，文件头自动生成代码如下：<%@PageTitle=""Language="C#"MasterPageFile="~/Master/

6、NewsMaster.master"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default"Theme="NewsThemes"%>@Page指令将内容页绑定到特定的母版页上，指令中属性说明：MasterPageFile属性：用于指示该内容页所关联的母版页URL。Title属性：用于设置网页标题。Theme属性：用于设置网页主题。2014年1月3日机械工业出版社运行机制母版页的执行过程：用户访问内容页。获取内容页后，读取@Page指令；若指定引用一

7、个母版页，则读取该母版页。若是第一次请求，则对母版页和内容页进行编译。母版页合并到内容页的控件树中。内容页中各个Content控件的内容合并到母版页对应的ContentPlaceHodler控件中。浏览器中呈现得到的合并页。2014年1月3日机械工业出版社小结母版页内容页运行机制2014年1月3日机械工业出版社思考与练习简述母版页与网页的区别。设计图12-2所示母版页，并命名为ContentMaster.master。2014年1月3日机械工业出版社任务2三大类新闻列表展示功能的设计与实现教学目标掌握GridView控件Hy

8、perLinkField列的使用方法。学会使用主题、皮肤美化页面。理清三大类新闻列表展示功能设计思路，设计并实现其功能。2014年1月3日机械工业出版社GridView控件HyperLinkField列GridView控件HyperLinkField列实现以超链接的形式显示所绑定的数据。超