JSP+MySQL+Dreamweaver动态网站开发实例教程 教学课件 作者 刘瑞新 电子课件 第9章 网络日记本.ppt

JSP+MySQL+Dreamweaver动态网站开发案例教程  机械工业出版社同名教材 配套电子教案 * * 一 网站的规划 二 数据库设计 定义网站与设置数据库连接 网络日记本主页面的制作 五 网络日记本管理页面的制作 六 上传图片设计 第9章 网络日记本 9.1.1 网站结构 网络日记本的网站结构示意图如图9-1所示，主要包括浏览者页面与管理员页面两部分，网站的首页为ediary.jsp。 9.1 网站的规划 9.1.2 页面设计 本案例所介绍的网络日记本的页面包括浏览日记、添加日记、修改日记、删除日记和上传图片等7个页面，见表9-1。 9.1 网站的规划 9.2.1 还原数据库 1．复制数据库文件夹到MySQL的数据库文件夹 打开案例所在的文件夹，将数据库文件夹news复制到MySQL的数据库文件夹data下，即完成了数据库的还原。 2．在MySQL Query Browser中查看数据库中的表 右侧导航中显示出已经还原的数据库news，如图9-3所示。 9.2 数据库设计 9.2.2 数据表的结构 1．表admins的结构 这个表用来存储管理页面的账号和密码，表的结构如图9-5所示。 9.2 数据库设计 9.2.2 数据表的结构 2．表ediary的结构 这个表用来存储日记的信息，所有字段的命名都以“ediary_”为前缀，目的在于避免与系统保留字的冲突。本表的主键是ediary_id（日记编号），并设置为自动编号auto_increment，表的结构如图9-6所示。 9.2 数据库设计 接下来要在Dreamweaver中定义一个JSP网站，设置本地文件夹、测试服务器和数据库的连接，如表9-2所示。 9.3 定义网站与设置数据库连接 完成了网站的定义后，需要设置网站与数据库的连接，才能在此基础上制作出动态页面。 9.3 定义网站与设置数据库连接 9.4.1 日记首页的制作 首先，要制作网络日记的首面ediary.jsp。这个页面用于显示发布在网站上的日记内容。这里将页面设计成一次只能显示一条记录，再利用导航栏来浏览其他的日记内容。其版面设计如图9-12所示。 9.4 网络日记本主页面的制作 9.4.2 浏览照片页面的制作 本节讲解的是制作浏览照片页面ediary_photo.jsp，用来显示浏览者单击日记照片的缩略图后打开的放大照片。 9.4 网络日记本主页面的制作 9.5.1 管理员登录页面的制作 由于管理页面是不允许普通浏览者进入的，所以必须受到权限管理。可以利用登录账号与密码来判断是否有适当的权限进入管理页面。 9.5 网络日记本管理页面的制作 9.5.2 日记管理主页面的制作 网络日记本的管理主页面是在系统管理员成功登录后转向的页面，管理员可以使用此页面实时添加、修改或者删除日记的内容，其版面布局如图9-56所示。 9.5 网络日记本管理页面的制作 9.5.3 添加日记页面的制作 接下来要设计添加日记的页面ediary_add.jsp，如图9-87所示。该页面包含一个用于提供日记信息的表单，主要功能是将页面的表单数据添加到网站的数据库中。 9.5 网络日记本管理页面的制作 *