• 沒有找到結果。

数据输入系统的设计与实现

家教管理系统作为一个动态网站,数据的输入系统是必不可少的,在很多模块中都需要 进行数据的输入。输入系统除了提供一个信息输入的平台,还需要进行表单的检查、数据的接 收和录入到数据库,以及数据的列表、数据的更新及删除等一系列操作。

在本小节中,我们将以后台管理平台中的新闻管理模块为例,详细讲解数据输入系统的 设计与实现方法。

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 行插入一个红色虚