• 沒有找到結果。

新闻栏目管理的设计与实现

在本家教系统中,设置了“校园新闻”和“家教新闻”两个新闻栏目,读者可以根据自 己的需要设置更多的新闻栏目,以便突出站点的特色,在站点的后台管理中设置新闻栏目管理 模块,便于灵活地对新闻栏目进行设置与修改,因新闻栏目管理属于网站后台管理的一部分,

所以在进行新闻栏目管理前需要登录网站后台管理模块。

根据需要,我们在此节中加入了后台的管理员登录部分,在后面的相关小节中,还将介 绍其他后台管理模块的设计与实现方法。

7.5.1 管理员登录

在前面已经详细讲解了教员用户登录的原理与实现过程,因本家教管理系统的管理员用 户与其他用户是分开登录的,所以对于管理员用户,要设计一个独立的登录模块,以利于网站 后台管理的安全性。

1.设计管理员登录页

(1)在“文件”面板中表示“家教管理系统”的 admin 文件夹内新建一个文件 login.asp。

(2)打开该文件,在属性面板中选择“页面属性”按钮,弹出如图 7-71 所示的“页面属 性”对话框,设置“文本颜色”为白色“#FFFFFF”,设置“背景颜色”为天蓝色“#6699CC”,

单击“确定”按钮完成设置。

图 7-71 “页面属性”对话框设置

(3)设计一个特殊的圆角矩形作为登录界面:使用回车键在页面顶端空两行,切换到代 码视图,在“<body>”与“</body>”标签之间插入如下代码:

<body>

<p>&nbsp;</p>

<p>&nbsp;</p>

<center>

<fieldset style="width:300px">

<legend>用户登录</legend>

</fieldset>

</center>

</body>

(4)将鼠标光标置于“</fieldset>”标签的上一行,切换回设计视图,打开“插入”菜单,

选择“表单”选项里面的“表单”菜单项插入一个表单。

(5)在红色虚线的表单中插入一个宽度为 250 像素、3 行 2 列的表格,适当设置表格大 小,如图 7-72 所示。

图 7-72 管理员登录页面设计

(6)在绘制的表格中录入相关文本,并插入文本字段 admin_username 和密码文本字段 admin_password,以及一个用于提交表格的“登录”按钮。

(7)保存页面文件,并在浏览器中进行浏览,我们可以看到我们所设计的用户登录的显 示效果,如图 7-73 所示。

图 7-73 管理员登录页面显示效果

注意:因 Dreamweaver 的原因,在设计视图里面不能显示出“<legend>”标签的效果,如 果要浏览效果,必须在浏览器中进行浏览查看。

2.登录用户

(1)如图 7-74 所示,打开“应用程序”工具面板,选择其中的“用户身份验证:登录用 户”工具按钮 。

图 7-74 “登录用户”工具栏按钮

(2)如图 7-75 所示,在弹出的“登录用户”对话框中进行如下设置:

z “用户名字段”选择 admin_username;

z “密码字段”选择 admin_password;

z “使用连接验证”选择 conn;

z “用户名列”选择 Admin_Username;

z “密码列”选择 Admin_Password;

z “如果登录成绩,转到”输入 admin.asp;

z “如果登录失败,转到”输入 login.asp;

z “基于以下项限制访问:”选择“用户名、密码和访问级别”,获取级别自选择 Admin_Power。

图 7-75 “登录用户”对话框设置

(3)单击“确定”按钮完成“登录用户”的设置。

7.5.2 后台管理页面的设计

由于管理员登录成功后需要进行新闻栏目管理、新闻管理、教员用户管理、学员用户管 理等一系列的管理操作,通过我们前面所讲过的普通页面很难操作,所以在此建议使用框架集 页面作为后台管理平台。

1.建立框架集

(1)如图 7-76 所示,打开“文件”菜单,选择“新建”菜单项。

图 7-76 建立“框架集”页面

(2)在弹出的“新建文档”对话框中,从“类别”列表框中选择“框架集”,并在右侧 的“框架集”列表框中选择“左侧固定”的框架集。

(3)单击“新建文档”对话框右下角的“创建”按钮完成页面的创建。

(4)打开“文件”菜单,选择“保存全部”菜单项,在弹出的保存文件对话框中选择“保 存至”文件夹 admin,将“框架集”页保存为 admin.asp,“左框架”页保存为 left.asp,“右框 架”页保存为 main.asp。

2.设计左框架页面

在家教管理系统中,对新闻栏目管理、新闻管理、教员用户管理、学员用户管理等的管 理操作,都是通过左框架的链接来打开的,即左框架起到的是一个导航的作用。

(1)在“左框架”页 left.asp 中插入一个宽为 100%的 10×1 表格,并按图 7-77 所示添加 图片和文字。

图 7-77 “左框架”页面布局

(2)选择“新闻栏目管理”文本,在属性面板中设置其“链接”为 NType.asp,选择“目 标”为 mainFrame。并将“新闻栏目管理”文字上方的图片设置为相同的属性。

(3)选择“新闻管理”文本,在属性面板中设置其“链接”为 NManage.asp?News_Type=1,

选择“目标”为 mainFrame。并将“新闻管理”文字上方的图片设置为相同的属性。

(4)选择“教员用户管理”文本,在属性面板中设置其“链接”为 TUser.asp,选择“目 标”为 mainFrame。并将“教员用户管理”文字上方的图片设置为相同的属性。

(5)选择“学员用户管理”文本,在属性面板中设置其“链接”为 SUser.asp,选择“目 标”为 mainFrame。并将“学员用户管理”文字上方的图片设置为相同的属性。

(6)选择“退出”图片,在“应用程序”工具面板中选择“用户身份验证:注销用户”

工具按钮 ,设置“在完成后,转到”值为“../index.asp”。

(7)限制对该页的访问设置如下:

1)选择“应用程序”工具面板中的“用户身份验证:限制对页的访问”工具按钮 ,弹 出“限制对页的访问”对话框,如图 7-78 所示。

图 7-78 “限制对页的访问”对话框

2)选择“基于以下内容进行限制”为“用户名、密码和访问级别”,并单击“定义”按钮,

在弹出的“定义访问级别”对话框中单击 按钮添加访问级别“1”(注:访问级别可以根据读 者在数据库的管理员用户表中设置的 Admin_Power 字段的值自行设置),如图 7-79 所示。

图 7-79 “定义访问级别”对话框

3)在“选取级别”列表中选择刚才所添加的级别“1”,并在“如果访问被拒绝,则转到”

后面的文本框中输入 login.asp,要求管理员进行重新登录。

(8)保存当前页面。

3.设计右框架页面

(1)单击右框架页面,将页面的对齐方式设置为“水平居中”。

(2)如图 7-80 所示,在页面中添加“欢迎登录本家教管理系统后台管理平台!”、“请从 左侧选择相关项目进行管理操作。”等相关文本信息。

(3)保存当前页面。

图 7-80 “右框架”页面设计

7.5.3 新闻栏目添加

1.新闻栏目表和新闻表的关系

在新闻表和新闻栏目表之间应该有一定的独立性和联合性,即新闻所属的栏目与新闻栏 目表中的栏目是相关联的。当新闻栏目表中的数据改变后,新闻表中不需要变动,因而不影响 栏目的类别的归属;当更新某个新闻栏目时,将级联更新新闻表中该栏目的所有新闻记录;当 删除某个新闻栏目时,将级联删除新闻表中该栏目的所有新闻记录。

(1)如图 7-81 所示,打开 Access 数据库文件 Newsbase.mdb,单击工具栏中的“关系”

按钮 。

(2)弹出“显示表”对话框,在“表”选项卡中按住 Ctrl 键的同时选择 News 表和 NewType

表,单击“添加”按钮。

(3)如图 7-82 所示,从表 NewType 中拖动字段 NewType_ID 到表 News 的字段 News_Type,

表示新闻栏目表和新闻表的关系是由这两个字段联系在一起的。

图 7-81 为表添加“关系” 图 7-82 编辑“关系”

(4)弹出“编辑关系”对话框,选中“实施参照完整性”、“级联更新相关字段”和“级 联删除相关记录”前的复选框,然后单击“创建”按钮完成这两个表关系的添加。

2.设计新闻栏目添加页

(1)在“家教管理系统”的 admin 文件夹中新建文件 NType.asp。

(2)在设计视图中打开该文件,将页面的对齐方式设为“水平居中”。

(3)在设计视图中插入一个表格,设置其宽为 400 像素,2 行 1 列,“边框”值为“1”,

“边框颜色”设置为“#007DB5”。

(4)如图 7-83 所示,适当调整表格行高度,选择表格的第 1 行,将其“背景颜色”设置 为“#007DB5”,文字颜色设置为白色“#FFFFFF”,并添加文本“添加新闻栏目”。

图 7-83 新闻添加页设计

(5)打开“表单”工具面板,使用里面的“表单”按钮在表格的第 2 行插入一个红色虚 线框的表单。

(6)在红色虚线框表单中输入文本“新闻栏目名称:”,并在其后使用“表单”工具面板 中的“文本字段”按钮插入一个文本字段,选择刚插入的文本字段,在属性面板中设置“文本 域”为 Newtype_Text。

(7)在表单区域内继续插入一个“按钮”,将其设置为提交表单。

3.插入记录 段中,以什么类型插入的。这里选择 Newtype_Text,即新闻栏目名称字段。

4.限制对该页的访问

(1)选择“应用程序”工具面板中的“用户身份验证:限制对页的访问”工具按钮 , 弹出“限制对页的访问”对话框。

(2)选择“基于以下内容进行限制”为“用户名、密码和访问级别”,在“选取级别”

列表中选择级别“1”。

(3)在“如果访问被拒绝,则转到”后面的文本框中输入 login.asp,要求管理员进行重 新登录。

7.5.4 新闻栏目列表

当有多个新闻栏目以后,需要对已有的新闻栏目进行操作管理,如对已有的新闻栏目进 行修改或删除,那么一个新闻栏目的列表就必不可少了。

1.栏目列表的设计

(1)打开刚刚建立的新闻栏目添加页 NTpey.asp,我们将在“添加新闻栏目”表格的后 面继续添加一个新闻栏目列表表格。

(2)如图 7-85 所示,在“添加新闻栏目”表格后插入一个新表格,设置其宽为 400 像素,

2 行 1 列,“边框”为值“1”,“边框颜色”设置为“#007DB5”。

(3)适当调整表格行高度,选择表格的第 1 行,将其“背景颜色”设置为“#007DB5”,

文字颜色设置为白色“#FFFFFF”,并添加文本“新闻栏目列表”。

(4)如图 7-85 所示,在表格的第 2 行中插入一个宽为 390 像素,2 行 3 列,“边框”值 为 1 的表格,适当调整表格行高度,在两列的首行分别添加文本“编号”、“新闻栏目名称”、

“相关操作”。 2.绑定记录集

(1)如图 7-86 所示,打开“应用程序”面板中的“绑定”选项卡,单击“添加行为”按 钮 ,在弹出的菜单中选择“记录集(查询)”菜单项。

图 7-85 新闻栏目列表设计 图 7-86 新闻栏目列表设计

(2)在弹出的“记录集”对话框中,将记录集命名为 Recordset1,选择“连接”为 conn,

选择“表格”为 NewType,在“排序”后面选择 NewType_ID 和“升序”。

(3)单击“确定”按钮完成记录集的绑定。

(3)单击“确定”按钮完成记录集的绑定。