第章 新闻发布系统Word文档下载推荐.docx

第章 新闻发布系统Word文档下载推荐.docx

《第章 新闻发布系统Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《第章 新闻发布系统Word文档下载推荐.docx（40页珍藏版）》请在冰豆网上搜索。

表8-1新闻发布系统的页面文件

文件名称

功能说明

news.jsp

新闻发布系统主页面

news_show.jsp

新闻发布详细内容页面

news_login.jsp

系统管理员登录页面

news_admin.jsp

系统管理员管理主页面

news_add.jsp

添加公告页面

news_upd.jsp

修改公告页面

news_del.jsp

删除公告页面

8.2数据库设计

在本书所有的案例中，每个案例的文件夹下都包含一个数据库文件夹。

程序中用到的数据库均采用复制数据库文件夹的方法，还原数据库到MySQL的数据库文件夹下。

8.2.1还原数据库

1.复制数据库文件夹到MySQL的数据库文件夹

打开案例所在的文件夹，将数据库文件夹news复制到MySQL的数据库文件夹data下，如图8-2所示，即完成了数据库的还原。

图8-2复制数据库文件夹到目标位置

2.在MySQLQueryBrowser中查看数据库中的表

登录MySQLQueryBrowser，在MySQLQueryBrowser主界面的右侧导航中显示出已经还原的数据库news，如图8-3所示。

图8-3已经还原的数据库

双击数据库news，在展开的包含文件中显示出数据库中的数据表admins和newsdata，如图8-4所示。

图8-4数据库中包含的数据表

8.2.2数据表的结构

在图8-4中，选中某个数据表，按<

F2>

键将打开表的结构定义。

1.表admins的结构

表admins用来存储管理页面的账号和密码，表的结构如图8-5所示。

表8-5表admins的结构

当前表中已经预存了一条管理员的记录，用户名和密码的值都是“admin”。

2.表newsdata的结构

表newsdata用来存储新闻公告的信息，所有字段的命名都以“news_”为前缀，目的在于避免与系统保留字的冲突。

本表的主键是news_id（新闻编号），并设置为自动编号auto_increment，表的结构如图8-6所示。

图8-6表newsdata的结构

8.3定义网站与设置数据库连接

接下来要在Dreamweaver中定义一个JSP网站，设置本地文件夹、测试服务器和数据库的连接，见表8-2。

表8-2定义网站

参数

设置值

站点名称

JSP新闻公告系统

本地文件夹

C:

\Tomcat\webapps\news

测试服务器

网站测试地址

http:

8080/news/

MySQL服务器地址

localhost:

3306

MySQL服务器管理账号/密码

root/root

数据库名称

news

数据表名称

admin、newsdata

1.复制网页源文件

本书所附的素材文件中的news文件夹包含此案例所需的全部原始文件（静态页面），用户可以将其全部复制到网站的根目录C:

\Tomcat\webapps下。

2.定义网站

（1）建立本地站点

打开Dreamweaver，选择“站点”→“新建站点”，打开站点定义对话框，新建一个名称为“JSP新闻公告系统”的本地站点，使用的本地文件夹为C:

\Tomcat\webapps\news，如图8-7所示。

图8-7建立本地站点

（2）建立测试服务器

将分类切换到“测试服务器”类别，设置服务器模型为“JSP”，访问为“本地/网络”，测试服务器文件夹为C:

\Tomcat\webapps\news，HTTP地址为http:

8080/news，如图8-8所示。

图8-8建立测试服务器

完成设置后，单击“确定”按钮，完成网站的定义。

3.设置数据库连接

完成了网站的定义后，需要设置网站与数据库的连接，才能在此基础上制作出动态页面。

操作步骤如下。

（1）打开网页news.jsp，在“应用程序”面板的“数据库”选项卡中单击“+”按钮，弹出选择数据库连接的菜单，如图8-9所示。

图8-9选择数据库连接的菜单

（2）在弹出的菜单中选择“MySQL驱动程序（MySQL）”命令，打开“MySQL驱动程序（MySQL）”对话框，如图8-10所示。

接下来，参照如表8-3所示的参数进行数据库连接设置。

图8-10“MySQL驱动程序”对话框

表8-3设置数据库连接参数

连接名称

connNews

URL

Jdbc:

mysql:

3306/news

用户名

root

密码

Dreamweaver应连接

使用测试服务器上的驱动程序

（3）单击“测试”按钮测试是否与MySQL数据库连接成功。

如果连接成功，将打开如图8-11所示的对话框，显示“成功创建连接脚本”的提示信息。

图8-11连接成功

（4）单击“确定”按钮，返回到“MySQL驱动程序（MySQL）”对话框。

在“MySQL驱动程序（MySQL）”对话框中，单击“确定”按钮，完成设置网站与数据库的连接。

（5）打开生成的数据库连接文件connNews.jsp，生成的数据库连接代码如下：

<

%

StringMM_connNews_DRIVER=”org.gjt.mm.mysql.Driver”;

StringMM_connNews_USERNAME=”root”;

StringMM_connNews_PASSWORD=”root”;

StringMM_connNews_STRING=”jdbc:

3306/news”;

%>

8.4新闻发布系统主页面的制作

在Dreamweaver中定义网站，建立与MySQL数据库的连接后，就可以开始设计JSP页面了。

新闻发布系统主页面包含了新闻标题页面及新闻内容页面。

用户浏览新闻标题页面后，可以直接选择有兴趣的主题阅读详细内容。

8.4.1新闻标题页面的制作

新闻标题页面news.jsp用于显示网站所有公告的标题，用户可以选择要阅读的标题链接至详细内容，管理员可以从中选择进入管理页面的链接，如图8-12所示。

图8-12新闻标题页面

1.绑定记录集newslist

记录集可根据当前网页的需要选取所需的字段，甚至进一步筛选或排列信息内容。

在建立与MySQL数据库的连接后，就可以利用“绑定”面板，将所需要的字段链接至网页中。

news.jsp所使用的数据表是newsdata，绑定这个数据表字段的操作步骤如下。

（1）打开“绑定”面板，单击“+”按钮，从弹出的菜单中选择“记录集（查询）”命令。

（2）打开“记录集”对话框，参照如表8-4所示的参数进行记录集的设置，见图8-13，完成后单击“确定”按钮。

表8-4绑定记录集newslist的参数设置

名称

newslist

连接

表格

newsdata

列

全部

排序

以news_date降序排列

图8-13记录集的参数设置

（3）绑定记录集后，将记录集的字段拖动至news.jsp网页的适当位置，如图8-14所示。

图8-14将记录集的字段拖动至网页

2.设置重复区域

由于要在news.jsp页面中显示数据库中的所有记录，而当前的设置只能显示数据库的第一条记录，所以需要设置“重复区域”服务器行为将数据一一读取并显示出来。

（1）选取news.jsp页面中的数据行，如图8-15所示。

图8-15选取数据行

（2）打开“服务器行为”面板，单击“+”按钮，从弹出的菜单中选择“重复区域”命令，如图8-16所示。

图8-16选择“重复区域”命令

（3）打开“重复区域”对话框，设置每页显示的记录数。

例如，设置为3条记录，如图8-17所示。

图8-17“重复区域”对话框

（4）单击“确定”按钮返回到设计窗口，会发现所选取要重复区域的左上角出现了一个“重复”的灰色标签，表示已经完成设置，如图8-18所示。

图8-18重复区域的灰色标签

3.设置显示区域

如果根据记录集的状况或条件来判断是否要显示网页中的某些区域，这就是显示区域的设置。

例如，如果数据库中没有任何数据，则希望隐藏公告数据栏中的表格，并且显示没有任何数据的说明文字。

（1）选取记录集有数据时要显示的数据表格，如图8-19所示。

图8-19选取数据表格

（2）打开“服务器行为”面板，单击“+”按钮，从弹出的菜单中选择“显示区域”→“如果记录集不为空则显示区域”命令，如图8-20所示。

图8-20选择“如果记录集不为空则显示区域”命令

（3）打开“如果记录集不为空则显示区域”对话框，如图8-21所示。

图8-21“如果记录集不为空则显示区域”对话框

（4）单击“确定”按钮返回到设计窗口，会发现所选取要显示的区域的左上角出现了一个“如果符合此条件则显示…”的灰色标签，表示已经完成设置，如图8-22所示。

图8-22显示区域的设置效果

（5）选取记录集没有数据时要显示的数据表格，如图8-23所示。

图8-23选取记录集没有数据时要显示的数据表格

（6）仍然在“服务器行为”面板中单击“+”按钮，从弹出的菜单中选择“显示区域”→“如果记录集不为空则显示区域”命令，如图8-24所示。

图8-24选择“如果记录集为空则显示区域命令”

（7）打开“如果记录集为空则显示区域”对话框，如图8-25所示。

图8-25“如果记录集为空则显示区域”对话框

（8）单击“确定”按钮返回到设计窗口，会发现所选取要显示的区域的左上角出现了一个“如果符合此条件则显示…”的灰色标签，表示已经完成设置，如图8-26所示。

图8-26记录集为空时的设置效果

4.加入记录集导航条与记录集导航状态

当记录集超过一页时，就必须设置上一页、下一页、第一页、最后一页的按钮或文字，让浏览者单击进行翻页，这就是记录集导航条的功能。

如果要进一步显示记录集的总记录数及当前是第几条记录，就必须加入记录集导航状态。

（1）移动鼠标指针到要加入记录集导航条的位置，如图8-27所示。

单击“插入”工具栏“数据”面板中的记录集分页按钮，在弹出的菜单中选择“记录集导航条”命令，如图8-28所示。

图8-27定位记录集导航条的位置

图8-28“记录集导航条”命令