第章 新闻发布系统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“记录集导航条”命令