网页制作 第三章.pptVIP

* * 第三章 实例练习 一、目标：让浏览者以最快的速度获知网站的最新动态。网站管理员可以使用这个信息平台，将所有的网站内容浓缩在一项项的信息中。 二、流程图 开始 新闻系统主页面 News.asp 管理员登录页面 Newslogin.asp 新闻管理页面 Newsadmin.asp 添加新闻页面 Newsadd.asp 修改新闻页面 Newsupdate.asp 删除新闻页面 Newsdel.asp 新闻系统页面 Newshow.asp 登录失败 登录成功 离开管理界面 不离开管理界面 添加 修改 删除 点击新闻标题 单击“新闻管理”按钮 三、制作之前的准备： （一）、创建一个新站点newsSystem,将资料复制到站点文件夹下 （二）、程序数据库分析： 1、本实例需要一个数据库：news.mdb；其中包含两个表：newsdata和newsadmin。 2、Newsdata表存放的是新闻公告的数据，其中news_id（新闻公告编号）是主键，数据类型为“自动编号”，它能在添加数据时为每一则新闻自动一个单独而不重复的编号,其他分别为新闻发布的时间、类型、标题、作者、内容。 3、Newsadmin表是管理员数据库，内有username和passwd两个字段。 4、网站程序基本情况表： “Provider=Microsoft.jet.oledb.4.0;Data Source=“ Server.MapPath(“/newsSystem/database/news.mdb”) 数据库连接 E:\j04101\newsSystem\database\news.mdb 数据库名称和位置 http://localhost/newsSystem/ 程序测试网址 E:\j04101\newsSystem 程序使用的文件夹 E:\j04101 本地服务器文件夹 newsSystem 网站名称 “数据库名称和位置”字符串-“本地服务器主文件夹”字符串=“数据库位置”字符串 返回第五页 五、动手实作 (一)、新建站点 （二）、新闻系统主页面（news.asp）的制作 本页面的功能：整个新闻系统的主页面，浏览者可以在这个页面上看到所有新闻事项的标题，然后再点击自己有兴趣的标题阅读完整内容 1、设置数据库的连接：打开网页news.asp，定义连接字符串 2、帮定记录集：新闻数据放在newsdata表中，因此只要帮定news.mdb数据库中的newsdata表 设置完数据库连接以后，为什么还要绑定记录集？ 数据库连接是告诉当前的页面要利用什么驱动程序和路径连接数据库，而记录集是根据当前网页上的需要，去选取所需要的数据字段，甚至进一步对数据内容加以筛选或排序。 记录集名称 使用的连接 选择的表 记录集以时间作降序排序 将所有使用到的字段拖曳到编辑的网页中 3、设置重复区域 若以当前的设置进行预览，只会读出数据库的第一条记录，我们需要通过设置重复区域将所有的记录一一读出。 4、设置显示区域 按照记录集的状况来判别是否要显示某些区域。例：假设数据库没有任何记录，我们希望只有数据库有记录的时候才显示，这是就要进行设置显示区域。 两个地方须设置显示区域： ①、当记录集不为空的时候显示 ②、当记录集为空的时候显示 以上设置完成之后，在区域的左上角回出现“如果符合此条件则显示” 5、插入记录集导航状态条及记录集导航条 记录集导航状态条：显示记录集共有几条记录，当前页面上显示的是第几条到第几条 记录集导航条：可以让浏览者以点选文字或图片连接的方式到上一页、下一页或是第一页、最后一页的控制栏 ①、插入记录集导航状态条 ⅰ、选取[应用程序]标签 ⅱ、输入光标移如此单元格 ⅲ、点击 设置完成后回出现记录集的导航状态条 2、插入记录集导航条 在此处插入记录集导航条（插入图片型） 设置完成后： 记录集导航状态条 记录集导航条 6、转到详细信息页的连接设置（浏览者点击某一标题的文字连接后，转到具体的新闻内容页newshow.asp） 转到详细信息页：浏览者在点击某一标题的文字连接后会转到另一个页面来显示该主题的详细内容。 但是另一个页面怎么知道要从数据库中调出哪一条数据来显示？所以我们在主页面上的连接必须要带一个值让详细信息页面来判断，这就是该服务器行为的目的。 选取新闻标题的显示字段 自动创建连接 详细信息页的网页 传递的参数 7、News.asp预览（没有任何新闻）： 8、整个制作过程的flash播放 三、新闻系统详细信息页面的制作 功能：显示浏览者点击标题的详细完整内容，在这个页面要接收从news.asp页面中传递过来的参数，然后从数据库中将该数据调出并显示。 1、打开newshou.asp,绑定记录集 设置从news.asp传来的 参数来筛选本页的记录集 2、将