家教管理系统作为一个动态网站,数据的输入系统是必不可少的,在很多模块中都需要 进行数据的输入。输入系统除了提供一个信息输入的平台,还需要进行表单的检查、数据的接 收和录入到数据库,以及数据的列表、数据的更新及删除等一系列操作。
在本小节中,我们将以后台管理平台中的新闻管理模块为例,详细讲解数据输入系统的 设计与实现方法。
7.6.1 数据的添加
1.设计新闻栏目添加页
(1)在“家教管理系统”的 admin 文件夹中新建文件 NAdd.asp。
(2)在设计视图中打开该文件,将页面的对齐方式设为“水平居中”。
(3)在设计视图中插入一个表格,设置其宽为 500 像素,2 行 1 列,“边框”值为“1”,
“边框颜色”设置为“#007DB5”。
(4)如图 7-97 所示,适当调整表格行高度,选择表格的第 1 行,将其“背景颜色”设置 为“#007DB5”,文字颜色设置为白色“#FFFFFF”,并添加文本“添加新闻”。
图 7-97 新闻添加页设计
(5)打开“表单”工具面板,使用里面的“表单”按钮在表格的第 2 行插入一个红色虚 线框的表单。
(6)在红色虚线框表单中插入一个宽为 96%,“边框”值为 1,4 行 2 列的表格,如图 7-98 所示,调整单元格大小。
图 7-98 绑定记录集
(7)在表格的第 1 行第 1 列中输入文本“新闻标题:”,在第 2 列中插入一个 “文本字 段”,选择刚插入的文本字段,在属性面板中设置“文本域”值为 News_Text,“字符宽度”值 为 50。
(8)在表格的第 2 行第 1 列中输入文本“新闻栏目:”,在第 2 列中插入一个“列表/菜单”,
选择刚插入的列表/菜单,在属性面板中设置“列表/菜单”值为 News_Type。
(9)在表格的第 3 行第 1 列中输入文本“新闻内容:”,在第 2 列中插入一个 “文本区 域”,选择刚插入的文本区域,在属性面板中设置其“文本域”值为 News_Text,“字符宽度”
值为 50,“行数”值为 15。
(10)在表格的第 4 行插入一个“按钮”,选择为“提交表单”。
2.绑定记录集
在此页面中,有一个显示新闻栏目的“列表/菜单”,因为它的值是通过读取数据库中新闻 栏目表来动态显示的,所以需要在当前页中绑定“新闻栏目”的记录集,并在该“列表/菜单”
上绑定动态数据的值。
(1)如图 7-98 所示,打开“应用程序”面板中的“绑定”选项卡,单击“添加行为”按 钮 ,在弹出的菜单中选择“记录集(查询)”菜单项。
(2)在弹出的“记录集”对话框中,将记录集命名为 Recordset1,选择连接为 conn,选 择表格为 Newtype。 为 News_User。
(2)单击“值(V)”文本输入框后面的 图标按钮,在弹出的“动态数据”对话框中选 择 Session 中的 MM_Username 字段,单击“确定”按钮完成设置。
5.插入记录
(1)如图 7-101 所示,打开“应用程序”面板的“服务器行为”选项卡,单击“添加”
按钮 右下角的箭头,从弹出的菜单中选择“插入记录”菜单项。
图 7-100 插入“隐藏域” 图 7-101 “插入记录”对话框
(2)在弹出的“插入记录”对话框中进行如下设置:
z “连接”:从下拉列表中选择数据库连接名 conn。
z “插入到表格”:因为是插入新闻,所以选择新闻表 News。
z “插入后,转到”:当记录插入成功后转到文档 URL 路径,这里我们输入新闻栏目列 表页 NManage.asp。
z “获取值自”:从下拉列表中选择页面中的表单名 form1。
z “表单元素”:将“表单”中的元素与数据库新闻表中的字段一一对应。
6.限制对该页的访问
(1)选择“应用程序”工具面板中的“用户身份验证:限制对页的访问”工具按钮 , 弹出“限制对页的访问”对话框。
(2)选择“基于以下内容进行限制”为“用户名、密码和访问级别”,在“选取级别”
列表中选择级别“1”。
(3)在“如果访问被拒绝,则转到”后面的文本框中输入 login.asp,要求管理员进行重 新登录。
7.6.2 数据列表
与前面讲过的新闻栏目列表相比,新闻数据的列表因记录数量多,需要按闻栏目来进行 分类列表,并且要加入记录的分页导航,以免造成一个页面的记录数过多,不便于浏览和管理。
1.绑定记录集
因在本页面中要同时显示新闻栏目表和新闻列表,所以需要给此页面绑定两个记录集。
(1)如图 7-102 所示,打开“应用程序”面板中的“绑定”选项卡,单击“添加行为”
按钮 ,在弹出的菜单中选择“记录集(查询)”菜单项。
(2)在弹出的“记录集”对话框中,将记录集命名为 Recordset1,选择连接为 conn,选 择表格为 Newtype,在“排序”后面选择 Newtype_ID 和“升序”。
(3)单击“确定”按钮完成新闻栏目记录集的绑定。
(4)如图 7-103 所示,打开“应用程序”面板中的“绑定”选项卡,单击“添加行为”
按钮 ,在弹出的菜单中选择“记录集(查询)”菜单项。
(5)在弹出的“记录集”对话框中,将记录集命名为 Recordset2,选择连接为 conn,选 择表格为 News,并进行“筛选”条件的相关设置。这里分别选择筛选条件为:“News_Type”、
“=”、“URL 参数”和“News_Type”,表示筛选出数据库表中 News_Type 字段的值与接收到 的变量 News_Type 值完全相同的记录,在“排序”后面选择 News_ID 和“降序”。
(6)单击“确定”按钮完成新闻记录集的绑定。
图 7-102 绑定新闻栏目记录集 图 7-103 绑定新闻记录集
2.新闻列表页面的设计
(1)在“家教管理系统”的 admin 文件夹中新建文件 NManage.asp。
(2)在设计视图中打开该文件,将页面的对齐方式设为“水平居中”。
(3)如图 7-104 所示,在视图中插入一个新表格,设置其宽为 600 像素,2 行 1 列,“边 框”值为“1”,“边框颜色”设置为“#007DB5”。
图 7-104 新闻栏目列表设计
(4)适当调整表格行高度,选择表格的第 1 行,将其“背景颜色”设置为“#007DB5”,
文字颜色设置为白色“#FFFFFF”,并添加文本“请选择新闻栏目”。
(5)重复第(3)、(4)步,建立一个相同样式的表格,并添加文本“新闻列表”。
(6)在表格的第 2 行中插入一个宽为 96%,2 行 4 列,“边框”值为“1”的表格,适当 调整表格行宽度与高度,在 4 列的首行分别添加文本“新闻标题”、“发布者”、“发布时间”和
“相关操作”。
3.新闻栏目列表动态数据的显示
(1)如图 7-105 所示,打开“应用程序”面板中的“绑定”选项卡,将“记录集(Recordset1)”
中的 NewType_Text 字段插入到第一个表格的第 2 行。
(2)在刚插入的动态文本后面插入 1 个空格和 1 条竖线,使之变成“{ } |”的样式。
(3)如图 7-106 所示,选择动态数据所在部分“{ } |”,打开“插入”菜单中“应用程
序对象”中的“重复的区域”菜单项。
图 7-105 在新闻栏目表格中插入动态数据 图 7-106 设置重复区域
(4)在弹出的“重复区域”对话框中选择所绑定的记录集 Recordset1,设置“显示”为
“所有记录”。单击“确定”按钮完成重复区域的设置。
(5)如图 7-107 所示,选择表格中的动态数据“{ }”,打开“应用程序”工具面板,单 击“转到详细页面”按钮 。
图 7-107 为动态数据“{}”设置超链接
(6)弹出“转到详细页面”对话框,输入“详细信息页”为 NManage.asp,“传递 UTL 参数”输入 News_Type,选择“记录集”为 Recordset1,选择“列”为 Newtype_ID。
(7)单击“确定”按钮完成对动态数据“{ }”的超链接设置操作。
4.新闻列表动态数据显示
(1)如图 7-108 所示,打开“应用程序”面板中的“绑定”选项卡,选择“记录集
(Recordset3)”,将 News_Topic 插入至“新闻标题”列,News_User 插入至“ 发布者”列,
News_PTime 插入至“发布时间”列。
(2)在表格中“操作”列中插入文本“编辑|删除”。
(3)通过上面的步骤,已经能显示一条列表记录了,我们需要通过插入“重复的区域”
来显示整个新闻栏目列表。选择动态数据所在的表格第 2 行,打开“插入”菜单中“应用程序 对象”中的“重复的区域”菜单项,如图 7-109 所示。
(4)在弹出的“重复区域”对话框中选择所绑定的记录集 Recordset2,设置“显示”值 为“15”记录。单击“确定”按钮完成重复区域的设置。
图 7-108 插入动态数据
图 7-109 “重复区域”的设置 5.设置相关操作
在新闻列表管理中,涉及的操作有“编辑”和“删除”两项。下面分别对其进行讲解。
(1)如图 7-110 所示,选择表格中的“编辑”文本,打开“应用程序”工具面板,单击
“转到详细页面”按钮 。
图 7-110 为“编辑”按钮设置超链接
(2)弹出“转到详细页面”对话框,输入“详细信息页”为 NMEdit.asp,“传递 UTL 参 数”输入 News_ID,选择“记录集”为 Recordset2,选择“列”为 News_ID。
(3)单击“确定”按钮完成对“编辑”文本的超链接设置操作。
(4)重复(1)~(3)步,为“删除”文本制作“转到详细页面”,转到 URL 为 NMDel.asp。
(5)在属性面板中分别设置“编辑”和“删除”两个超链接的“目标”值为“_blank”,
用于在新窗口中打开该链接。
6.设置记录集导航
因为前面已经设置了每页显示的新闻列表记录数,就必须要添加“记录集导航条”来进 行分页导航。具体设置如下:
(1)在新闻列表表格的后面插入两行空白行,用于与列表拉开距离。
(2)如图 7-111 所示,将鼠标光标置于后一行,打开“应用程序”工具面板,在工具面 板中选择“记录集导航条”工具按钮 。
图 7-111 “记录集导航条”的设置
(3)在弹出的“记录集导航条”对话框中选择新闻记录集 Recordset2,显示方式为“文 本”。
(4)单击“确定”按钮完成“记录集导航条”的设置。
7.“添加新闻”页面链接
在“新闻列表”文本后面添加文字“——添加新闻”,并选择“添加新闻”文本,设置其 超链接为 NAdd.asp,“目标”设置为“_parent”。
8.限制对该页的访问
(1)选择“应用程序”工具面板中的“用户身份验证:限制对页的访问”工具按钮 , 弹出“限制对页的访问”对话框。
(2)选择“基于以下内容进行限制”为“用户名、密码和访问级别”,在“选取级别”
列表中选择级别“1”。
(3)在“如果访问被拒绝,则转到”后面的文本框中输入 login.asp,要求管理员进行重 新登录。
7.6.3 数据的编辑
我们仍然以新闻管理模块里的新闻编辑为例,讲解数据的编辑过程。
1.数据编辑页面设计
(1)在“家教管理系统”的 admin 文件夹中新建文件 NMEdit.asp。
(2)在设计视图中打开该文件,将页面的对齐方式设为“水平居中”。
(3)在设计视图中插入一个表格,设置其宽为 500 像素,2 行 1 列,“边框”为“1”,“边 框颜色”设置为“#007DB5”。
(4)如图 7-112 所示,适当调整表格行高度,选择表格的第 1 行,将其“背景颜色”设 置为“#007DB5”,文字颜色设置为白色“#FFFFFF”,并添加文本“编辑新闻”。
图 7-112 新闻添加页设计
(5)打开“表单”工具面板,使用里面的“表单”按钮在表格的第 2 行插入一个红色虚
(5)打开“表单”工具面板,使用里面的“表单”按钮在表格的第 2 行插入一个红色虚