第12章综合实例要点分析.pptVIP

第12章综合实例 目录 12.1 实例介绍 该实例包括3个基本模块。 浏览者模块：该模块任何人都可以进入并浏览和查询新闻。 管理模块：该模块是专为管理员设计的，包括登录、发布新闻、修改新闻、删除新闻和添加管理员。 权限模块：该模块是为了限制非管理人员进入管理页面而设计的，包括登录出错信息的提示页面。 浏览者通过浏览首页，点击新闻标题进入新闻内容的页面。还可以在首页进行新闻查询，单击查询结果中的新闻标题即可浏览详细的新闻内容。管理员可以从首页登录到新闻管理页面，如果登录失败则会提示登录出错信息。登录成功进入管理页面后可以进行新闻的发布、修改、删除等操作。 12.2.1 创建虚拟目录并建立站点 在本实例中，需要使用动态服务器技术，故需要先在IIS中创建一个虚拟目录webdesign。本综合实例位于chapter12文件夹下，数据库文件也位于该文件夹下，为了在Dreamweaver中直接预览asp动态页，需要设置站点支持服务器技术，本实例使用asp Javascript服务器技术，测试前缀为http://localhost/webdesign/。 站点建立好后，网站所需的图像、文件等内容都应该放置在站点文件夹中。 12.2.2创建数据库 1．创建数据库 本例的数据库比较简单，共有2个数据表，一个是用于保存管理员账号和密码的users表；一个是用于保存新闻内容的news表。 2．设置数据源名 在“控制面板”中定义系统DSN的具体步骤如下： (1)在“控制面板”中打开“管理工具”窗口，双击“数据源(ODBC)”图标，在打开的“ODBC数据源管理器”对话框中，单击“系统DSN”标签，打开“系统DSN”对话框。 (2)单击【添加】按钮，弹出定义新数据源对话框，选择数据源类型。在此，数据库的类型为access，在列表中选择Microsoft Access Driver(*.mdb)，如图12.5所示，单击【完成】按钮。 (3)在弹出的“ODBC Microsoft Access 安装”对话框，在“数据库源名”文本框中输入cmxnews，单击【选择】按钮，选择站点中的###cmxnews###.mdb数据库文件，如图12.6所示。 12.2.3 界面设计 1．首页设计 首页要实现的功能是显示新闻标题列表，提供管理员登录模块，以及查询新闻模块。设计如图12.7所示的首页结构。 2．其它页面设计 (1)出错页面 该页面文件名为error.asp，是一个动态页面，当然也可做成静态页面error.html。在首页登录失败后转到该页，页面上需要设置一个返回首页重新登录的链接，页面效果如图12.8所示。 (2)显示新闻详细内容页面 该页面文件名为shownews.asp，动态显示新闻的详细内容，当浏览者点击新闻标题时，新闻的内容随即通过该页面动态显示出来。这里只设计了一个框架，具体显示新闻的内容在后面的内容中介绍。页面框架如图12.9所示，这里给页面中的“首页”文字设置链接到首页index.asp。 (3)显示查询结果页面 该页面的文件名为result.asp，动态显示查询新闻的结果，将查询出来的新闻标题显示出来。当点击标题浏览新闻时，可以通过shownews.asp页面浏览新闻的详细内容，页面框架如图12.10所示。 12.3.1 首页的动态新闻标题实现 1．创建数据库的连接 (1)打开Dreamweaver的“应用程序”面板组，选择“数据库”选项卡，单击左上角的【+】按钮，从弹出的菜单中选择“数据源名称(DSN)”。 (2)在弹出的“数据源名称(DSN)”对话框中，在“连接名称”文本框中输入conncmxnews，在“数据源名称(DSN)”下拉列表中选择在控制面板中定义的名为“cmxnews”的系统DSN，如图12.11所示。 (3)在index.asp页面的“系内新闻”模块中插入一个1行3列的表格。在第一个单元格中插入一个修饰性的小图片；在第二个单元格中绑定记录集的“title”的值；在第三个单元格中绑定记录集的“pbtime”的值，如图12.15所示。当然为了使页面更美观，还可以给页面定义相关的CSS样式。 (4)把“标题”设置为动态链接。选中显示标题的“{rscmxnews.title}”。然后打开“应用程序”面板组中的“服务器行为”面板，单击【+】按钮，从弹出的菜单中选择“转到详细页面”，如图12.16所示。 (5)在弹出的“转到详细页面”对话框中，在“详细信息页面”浏览文本框中输入showNews.asp，或者通过单击【浏览】按钮设置showNews.asp；在“传递URL参数”文本框中设置一个传递参数，这里设置为“id”，该参数名称可自定。在“设置为以下项的记录集”下拉列表框中选择“rscmxnews”，“列”选择“id”