DW制作ASP动态页与access数据库连接教程

DW制作ASP动态页与access数据库连接教程

DW创建ASP动态网页和连接访问数据库

教程。doc

设置IIS

构建正确的网页开发环境。事实上，这里最重要的事情是我们需要确定我们安装的网络服务器(例如winXXXX，星期一，2005年5月11日下午5:17——建立一个数据库和一个测试站点

分析来实现要实现的功能

。首先，我们需要弄清楚。新闻发布系统可以实现的最基本功能:1 .一般来说，有一个新闻标题列表。ASP)

2，新闻的内容可以通过显示的新闻标题(news_detail.asp) 3看到。有一个管理员登录门户(login.asp)4，一个用于添加新闻的页面(新闻添加asp) 5，一个用于编辑新闻列表的页面(新闻编辑asp) 6，一个用于修改和更新新闻的页面(新闻更新asp)

7，此外，还有已经被成功修改和删除的页面(新闻删除asp，新闻更新确定asp)

。从上面的分析，我们可以看到，只要我们制作10页左右，就可以实现动态发布新闻的功能。

让我们从这些特定的功能开始吧:)，我想我在这里不会感到头晕。首

先，oh:)

数据库建立。

动态网站的内容一般来自数据库，如SQL Server数据库，甚至小型Access数据库。哈哈，对于刚接触动态网页制作的新手用户来说，Access数据库更容易使用，也更实用，所以我们制作的新闻系统是基于Access数据库的。

我们可以使用Access2000创建一个数据库文件，并将其命名为“newstest.mdb”图1-1

图1-1

使用“用数据库创建表”在newstest.mdb中创建一个存储新闻信息的表。名字是“新闻”。具体字段内容如下图所示。

图1-2

输入具体字段和内容后，在“视图”菜单中选择“数据表视图”可以随意输入几条记录，方便测试新闻。如图1-2-2所示:

图1-2-2

创建一个存储用户名和帐户的表，并将其保存为“mypass”表中字段

的具体内容如图1-3所示。在表格中输入测试的账号和密码。在本例中，用户名字段是“管理员”，密码字段是“管理员”。”也就是说，保存在表中的号码的名称和密码是“admin”。如图1-3-3所示

图1-3

图1-3-3

注:表中“说明”一栏括号内的文字说明，尤其是括号内的文字说明，是每个字段的必要设置。例如，图1-2中“news_adddate”字段的默认值必须是“Now()”，否则，添加新闻的时间不能同步获得。建立

测试站点

下一步，打开DreamweaverMX2004并选择”站点”-> “管理站点”-> “新建

构建...”--> “站点”在弹出的对话框中设置”基本”选项卡，如下图所示。关键点用线标出:)

图1-4

在“是否使用服务器技术”一栏中，一定要选择“是，我要使用服务器技术”。” ASP VBScript”

注意:为了便于测试，文件的位置必须在IIS主目录中，即” F:\\webtest\\ “目录。此处测试站点的名称为“Newst”

图1-5

图1-6

在上图中，在测试网址中输入“localhost/Newst/”，然后单击“测试网址”按钮。如果显示“网址前缀测试成功”对话框，则设置成功。

当“基本”选项卡上的这些位置设置完成后，不要立即单击“完成”按钮。最好在高级选项卡上修改几个位置:“本地信息”中的“本地根文件夹”和“默认图像文件夹”都设置为同一路径。如图所示:

图1-7

主要设置在如下图所示的”远程信息”中:

图1-8

在”测试服务器”中，设置”服务器型号”、”访问权限”和”测试服务器文件夹”。具体设置如下:

图1-9

经过以上设置，新闻发布系统的测试站点已经建立你觉得无聊吗？事实上，只要冷静下来，按照要求完成以上步骤第三，DreamweaverMX2004数据库连接

为了制作动态网页，我们必须首先将数据库(Access)与网页连接起来，这样我们就可以很容易地调用网页上的数据库内容并在网页上显示它们。这很容易在Dreamweaver中实现还有很多方法，为了让大家不晕，我将只介绍一种非常实用的数据库连接方法，“字符串连接方法”，这是asp个人主页普遍支持的空数据库连接方法

的具体方法如下:

启动Dreamweaver软件，打开上面新建的“newstest”站点，创建站点中的第一个asp网页文件，并打开它

您可以像这样创建一个新的asp页面(图1-10):

图1-10

也可以像这样创建(图1-11):

图1-11

选择”窗口菜单”-> “数据库”，打开数据库面板，在弹出的”自定义连接字符串”对话框中选择”自定义连接字符串”，在连接名称框中输入” mynews “，并输入以下字符串” \

(*。mdb)}在连接字符串框中；DBQ=\pPath(\其中\是站点中数据库的路径在下面的“Dreamweaver应该连接”选项中选择“在测试服务器上使用驱动程序”输入完成后，点击旁边的“测试”按钮。如果弹出“成功连接脚本”对话框，则数据库连接成功如果有错误，请检查以下刚刚输入的字符串是否正确:)具体选项见图1-12:

图1-12

4。制作新闻列表页面-新闻列表。接下来我们可以制作特定的页面根据前面的分析，我们将首先制作新闻列表这里的重点是向每个人介绍具体的方法，所以页面的美丽不被认为是

根据一般网页中的最新新闻栏目，我们将制作具体的页面样式，如图1-13:

图1-13

所示。我们应该怎么做才能在新闻列表页面的数据库的“新闻”表中显示新闻标题？

在“窗口”菜单中选择“绑定”，调出“绑定面板”，创建一个名为“rsnews”的记录集。具体设置如图1-14所示:

图1-14

将“新闻主题”和“新闻添加日期”字段分别拖到“绑定”面板中表格的相应位置。如图1-15:

图1-15

完成后，保存并预览网页。有两种方法，一种是直接在Dreamweaver

中按“F12”预览网页，另一种是在IE地址栏中输入

“localhost/news/news _ list . ASP”结果如图1-16所示:

图1-16

我们发现从Access数据库中成功调用了一个新闻标题呵呵你体验过制作动态网页的乐趣吗？但是如果我们想展示大量的新闻，我们应该怎么做呢？让我们来处理它！选择刚刚加入记录集的表行，打开“服务器行为”面板，单击“+”号，然后选择“重复记录集”从弹出的对话框中，可以指定要重复记录的记录集和要重复记录的记录数，如图1-17:

图1-17

保存后，预览，效果如图1-18:

图1-18

新闻内容页面的制作-新闻_详细信息. asp

为了使我们能够点击新闻列表页面中的新闻标题(news_list.asp)来查看新闻内容，我们必须制作一个网页新闻_详细信息。显示新闻内容的ASP页面样式如图1-19所示:

图1-19

接下来，在news_list.asp页面的“绑定”面板中复制“rsnews”记录集(右键单击“+”)，将其粘贴到news_detail.asp页面的“绑定”面板上，双击该记录。稍微修改复制的记录集，如图1-20所示:

图1-20

然后将“绑定”面板上的每个记录拖到内容页面上的相应位置(news_detail.asp)如图1-21:

图1-21

此时，内容页面结束此时，为了访问内容页面，有必要创建一个指向news_list.asp页面

的新闻标题的超链接，但这与我们创建静态页面时有些不同。我们在news_list.asp页表中选择“{renews.news_subject}”，然后在“服务器行为”面板上选择“转到详细信息页”。具体设置见图1-22，

图1-22

。设置完成后，保存，预览，哈哈，我们能看看内容吗效果如图1-236所示。如何将新闻

添加到网页。如果你和本教程一起做，我们说新闻发布系统最基本的功能已经完成。然而，如何将新闻动态地添加到网页的数据库中呢？现在是解决这个问题的时候了！我们通常通过表格添加新闻。根据数据库中的字段，要添加的特定项目会有所不同。

新建一个news_add.asp网页，并插入一个表单，每个文本字段的最佳名称最好与数据库中相应的字段名相同例如，我们将新闻标题的文本字段命名为“新闻主题”其他类似原因见图1-24

图1-24

最好在addok.asp建立一个提示页面，说明新闻添加成功，写下“成功添加”等字样，并做两个超链接。如果“继续添加”链接到新闻_添加. asp页面，如果“退出”链接到新闻_列表. asp页面。选择整个表单，在”服务器行为面板”中调用”插入记录”，在弹出的面板中，各种选择如图1-25所示:

图1-25

，设置完成后保存页面按F12立即预览，或在ie中输入

“ localhost/news ST/news _ add . ASP “添加新闻。7.编辑、修改和删除新闻页面。

新闻已经可以添加到我们的新闻发布系统。让我们继续完成其他功能的制作我们不仅应该能够添加新闻，还应该能够修改和删除新闻。因此，我们需要创建一个名为news_edit.asp的新网页文件，以便于选择需要修改和删除的网页。需要创建一个名为news_del_ok.asp的文件来删除新闻创建名为news_update.asp的文件来修改新闻内容同时，需要指示修改完成的转换页面news_update_ok.asp。

对于news_edit.asp页面，还必须在news_list.asp页面的“绑定”面板上复制记录集“rsnews ”,以根据创建news_list.asp页面的方法创建以下页面样式，如图1-26所示请注意，此时“重复记录”中的值10应该是20，以便在有更多新闻时可以显示更多新闻。在表格底部插入一个记录集导航栏。当页面中

的内容超过“重复记录”的规定时，新闻内容可以在页面中显示。方法是:选择插入菜单->应用程序对象->记录集分页->记录集导航栏

图1-26

对于news_del_ok.asp页面，我们将在此页面中放入一些相关语句来实现删除新闻的功能首先在页面中间写上“成功删除”几个字。然后在

“绑定”面板上选择“命令(存储过程)”，并在弹出的对话框中进行以下相关设置如图1-27所示

图1-27

for news_update.asp我们可以复制news_add.asp页面，复制newsdetail页面中的“rsnews”记录集，并删除news_add.asp页面中设置的“插入记录”动态服务器行为记录集中的

“新闻主题”、“新闻内容”和“新闻内容”分别绑定到

新闻更新. asp页面表单的文本字段绑定方法如图1-28所示。首先选择要绑定的文本字段，在“绑定”面板中选择要绑定的字段，点击面板右下角的“绑定”按钮。

图1-28

创建一个新的news_update_ok.asp页面，并在页面中间写下“update succeeded”字样，作为成功更新的提示页面在news_update.asp页面中选择整个表单，并将“服务器行为”面板中的“更新记录”应用于该表单如图1-29所示

图1-29

然后在“记录集分页”中应用“移动到特定记录”在上述页面建立之后，为了使每个页面工作，news_edit.asp页面中的“del”和“edit”字符也应该与“服务器行为”面板中的“转到详细页面”一起应用。注意选择正确的网页文件:)图1-30

图1-30

8、制作新闻后台登陆页面和制作城市首页保护

，新闻发布系统越来越完善现在我们需要做一个网站登录门户页面(login.asp)，让管理员登录到有帖子和密码的新闻管理页面。创建一个表单，其中帐户名称所在的文本字段命名为“用户”，机密

代码所在的文本字段命名为“密码”选择整个表单，并在“服务器行为”面板的“用户身份验证”中应用“登录用户”。图1-31

图1-31

在弹出的对话框中选择用户帐户和密码所在的表“mypass”。当在login.asp页面中输入的帐户和密码与“我的通行证”表中的相同时，请登录到指定的页面。这里我们应该指定news_edit.asp作为登录成功页面。当然，我们应该添加“添加新闻\页面连接”到这个页面，以便在登录成功后添加新闻具体设置见图1-32

图1-32

设置完成后，按f12预览保存的网页。当我们输入帐户管理和密码管理，我们将成功登录新闻编辑。如果用户名和密码输入不正确，我们将留在login.asp没有跳跃。我们可以在网页的适当位置添加一个到login.asp的链接，这样使用起来非常方便。

那么我们的系统完成了吗？当然不是。虽然我们可以通过login.asp 输入密码和账号来输入新闻编辑asp，但是如果我们在测试过程中直接输入“本地主机/新闻系统/新闻编辑asp”，我们也可以直接访问它。也就是说，任何人只要输入正确的地址就可以访问它，这显然是不安全的，所以我们应该将“服务器行为”面板中的“限制对页面的访问”应用于所有在后台添加/编辑/修改/删除新闻的网页。完成后，您可以直接输入news_edit.asp的直接路径，看看您是否仍然可以访问它。当然，此时网页会自动跳转到login.asp页面。安全性得到了提高

这样一个具有基本功能的新闻发布系统已经成功制作！你认为这很简单吗？如果你一时想不出该在哪里写，那么重新学习本教程的源文件也没关系。

补遗1:虽然上述新闻系统的基本功能已经完成，但要应用还有很长的路要走，比如新闻内容页面上显示的内容是否与添加新闻时的格式相同，空格和回车。等待这并不难，也不需要你掌握很多知识，现在中国有很多DW插件，可以解决这样的问题，你自己去找吧！

附录2:如果我们想将我们在互联网上创建的这个示例用于测试，我们需要将connections目录中的

ynews . asp

中的”/newste/newste.mdb “更改为相对路径

“newste.mdb “