Dreamweaver+access制作新闻发布系统

1、相关软件准准备在进行行具体制作作之前要做做什么准备备工作呢？首先必须须要有一个个合适的动动态网页开开发环境，如如果是wiindowws98操操作系统，则则必须要安安装winndowss98中PPWS也既既个人weeb服务器器。这个东东东在wiin98安安装光盘中中的addd_onss目录下可可以找到。(前面写写的这段早早过时了，现现在谁还用用win998呢？嘿嘿嘿)如果果您使用的的win22000/20033/winnxp操作作系统的话话那就更方方便了。只只需要安装装IIS(inteernett信息服务务器，也称称web服服务器)就就可以了，如如果您的系系统还没有有安装，那那么，在“控制面板板

2、”中“添添加删除程程序”中“winddows组组件”里面面给装上就就行了。当当然要制作作网页还必必须要安装装时下最流流行最专业业的网页制制作软件DDreammweavverMXX(20004)，还还要安装MMicroosoftt Offfce20000或以以上版本，因因为我们要要用里面的的数据库软软件ACCCESS来来作为动态态内容源,安装了oofficce20000,里面面就包含了了Acceess数据据库软件。本人使用用的电脑配配置是wiindowws20000 prrofesssonaal+access22000系系统，所以以要用这个个环境来给给大家作介介绍了。设设置IISS 以以上条件具

3、具备之后，我我们还没有有构建了一一个正确的的网页开发发环境，实实际上这里里最重要的的是我们要要确定我们们安装的wweb服务务器（如wwin20000/xxp以上为为IIS）IIIS是否否已经正确确启动了。如何确定定呢？我们们可以启动动IE浏览览器,在地地址栏中输输入“ HYPERLINK http:/localhost/ htttp:/loccalhoost/”或“ HYPERLINK / htttp:/1277.0.00.1/”或“ HYPERLINK http:/ htttp:/计算机机名/”看看看能不能能打开默认认的网页，如如过能打开开IIS默默认的网页页，则说明明IIS已已经正常启启动

4、了，这这时就可以以用来测试试asp动动态网页了了。为了更更好的进行行测试，我我们也可以以打开IIIS管理器器对IISS进行具体体设置。打打开 控控制面板-管理工具具-intterneet信息服服务器 这样就打打开了IIIS管理器器。如图11图1 我们们可以对“默认WEEB站点”的主目录录进行更改改。主目录录是什么？想详细知知道IISS的详细设设置的话，可可以看相关关专业书籍籍哦。我们们这里要讲讲求“速成成”，我们们可以理解解为，主目目录就是我我们要存放放代测试的的动态网页页的地方。其默认的的路径为“C:IInetppubwwwwrooot”如果你想想更改主目目录也非常常简单：选选中“默认认we

5、b站站点”-右击-选择择“属性”在弹出的的窗口中选选择“主目目录”选项项卡，这样样就可以给给该为任意意的磁盘分分区或目录录了，当然然是越方便便越好了，本本人的电脑脑，主目录录被我改成成了“f:webbtestt”如下下图所示：用Dreaamweaaver+acceess制作作一个简单单的aspp新闻发布布系统(二二)2009年年05月111日 星星期一 下下午 055:17-数数据库与测测试站点的的建立分析析实现所要要实现功能能首先我们们要明确，一一个新闻发发布系统所所能实现的的最基本的的功能：11、一般在在网站的首首页有新闻闻的标题列列表（neews_llist.asp）2、通过显示的新闻标

6、题可以看到新闻的内容(news_detail.asp)3、有一个管理员登陆的入口（login.asp）4、添加新闻的页面（news_add.asp）5、编辑新闻的列表的页面（news_edit.asp）6、修改并更新新闻的页面（news_update.asp）7、此外还有新闻修改和删除成功的页面（news_del_ok.asp，news_update_ok.asp）从上面的分析可以看出，我们只要制作10个左右的页面就可以实现动态发布新闻的功能了。我们就围绕着这些具体功能开工吧：），到这里应该不会晕的吧，刚开始哦:)数据库的建立动态网站中的内容一般源自数据库，如SQL Server 数据库 甚至

7、是小型的Access数据库，呵呵，对于刚接触动态网页制作的菜鸟来说，还是Access数据库比较容易上手，而且实用一点，所以我们制作的新闻系统是基于Access数据库的。我们可以用Access2000创建一个数据库文件,并命名为“newstest.mdb”。如图1-1图1-1用用“使用数数据库创建建表”在nnewsttest.mdb中中创建一个个存储新闻闻信息的表表，保存名名为“neews”，具具体字段内内容如下图图,图1-2具具体字段及及内容输入入完毕后，选选择“视图图”菜单中中的“数据据表视图”随便输入入几条记录录，方便接接下来测试试新闻用。如图1-2-2：图1-2-2创建一一个存储用用户名

8、和帐帐号的表，保保存名为“mypaass”。表中的字字段具体内内容如图11-3所示示，在表中中输入一个个用来测试试用的帐号号和密码。本例中，UUsernname字字段为“aadminn”,Paasswoord字段段为“addmin”。即表中中保存的张张号名和密密码都是“admiin”.如如图1-33-3所示示。图1-3图1-3-3 注意：其其中表中“说明”列列括号中的的文字说明明，特别是是括号中的的，是对每每个字段的的必要设置置，如：图图1-2中中“newws_addddatte”字段段的默认值值一定要填填“Noww()”不不然就不能能同步取得得加入新闻闻的时间。测试站点点的建立 接下来，打打

9、开DreeamweeaverrMX20004,选选择“站点点”-“管理站站点”-“新建建.”-“站点”在在弹出的对对话框中先先设置“基基本”选项项卡，设置置如下图所所示，重点点都用线标标上了:)图1-4 在“是否否使用服务务器技术”一栏，一一定要选择择“是，我我想使用服服务器技术术”，“AASP VVBScrript”注意：为为了方便测测试，文件件的位置一一定要在IIIS的主主目录，即即“F:webttest”目录，这这里测试站站点的名称称为“neewsteest”图1-5图1-6 在上图中中，测试UURL的地地址中输入入“ HYPERLINK http:/localhost/newstest

10、/ htttp:/locaalhosst/neewsteest/”，然后再再点击“测测试URLL”按钮，如如果显示“URL前前缀测试已已成功”对对话框，表表明该项设设置成功。 当“基基本”选项项卡的这几几个地方设设置完成后后，不要马马上点“完完成”按钮钮，最好还还要对高级级选项卡的的几处进行行修改：在在“本地信信息”里面面的“本地地根文件夹夹”和“默默认图象文文件夹”都都设置相同同的路径。如图所示示：图1-7 在“远程程信息”里里面主要设设置如下图图所示：图1-8在在“测试服服务器”中中，要设置置“服务器器模型”，“访问”，“测试服务务器文件夹夹”，具体体设置如下下图：图1-9 经过以上上的设

11、置，新新闻发布系系统的测试试站点就建建立完成了了。是不是是觉得很烦烦，其实只只要静下心心来，把上上面介绍的的步骤都按按照要求做做完，就可可以了。三、DreeamweeaverrMX20004中数数据库的连连接 我们要制制作动态网网页，首先先必须要把把数据库（AAccesss）和网网页联系起起来，使我我们在网页页上很容易易调用数据据库中的内内容，并显显示在网页页上。这在在Dreaamweaaver中中就很容易易实现的。而且方法法有多种，为为了让大家家不晕，我我在这里只只介绍一种种很实用用用的数据库库连接的方方法，“字字符串连接接法”，这这是一般支支持aspp的个人主主页空见所所用的数据据库连接方

12、方法。具体体方法如下下：启动DDreammweavver软件件，打开我我们在上面面新建的“newsstestt”站点，并并在站点内内创建第一一个aspp网页文件件，并打开开。 你可可以这样创创建新的aasp页(图1-110)：图1-100也可以这这样创建(图1-111)：图1-111当我们创创建并打开开了newws_liist.aasp文件件后，就可可以进行数数据库的连连接了。选选择“窗口口菜单”-“数数据库”，打打开数据库库面板，选选择“自定定义连接字字符串”在在弹出的“自定义连连接字符串串”对话框框中，连接接名称框中中输入“mmynewws”,在在连接字符符串框中输输入如下字字符串“Dri

13、vver=Micrrosofft Acccesss Driiver (*.mmdb);DBQQ=&SServeer.MaapPatth(/newsstestt/newwstesst.mddb)”注意一定定不要输错错。其中/newwstesst/neewsteest.mmdb是是数据库在在站点中的的路径。在在下面的“Dreaamweaaver 应连接”选项中选选择“使用用测试服务务器上的驱驱动程序”。输入完完成后，点点击旁边的的“测试”按钮，如如果弹出“成功连接接脚本”对对话框则数数据库连接接成功了。如果出错错那就要检检查以下刚刚才输入的的字符串是是否正确了了:)。具具体选项如如图1-112所示

14、：图1-122四、新闻列列表页的制制作-neews_llist.sp接下下来我们便便可以对具具体的页面面进行制作作了。按照照前面分析析的，我们们首先来制制作newws_liist.aasp页。这里注重重是向让大大家介绍具具体的方法法，所以页页面的美观观就不作考考虑了。我我们按照一一般网页中中的最新新新闻栏目来来进行制作作，制作的的具体页面面样式，如如图1-113:图1-133我们要实实现把数据据库“neews”表表中的新闻闻标题显示示在newws_liist.aasp页面面上应该怎怎么办呢？选择“窗窗口”菜单单中“绑定定”调出“绑定面板板”创建一一个名为“rsneews”的的记录集，具具体设置

15、如如图1-114所示：图1-144在“绑定定”面板中中所动分别别拖动“nnews_subjject”和“neews_aadddaate”字字段到表格格相应位置置。如图11-15所所示：图1-155 完成后后，保存并并预览网页页，这里有有两种方法法，一种是是按“F112”在DDreammweavver中直直接预览网网页，另一一种是在IIE的地址址栏中输入入“ HYPERLINK http:/localhost/newstest/news_list.asp htttp:/locaalhosst/neewsteest/nnews_listt.aspp”。得到到的效果如如图1-116：图1-166我们

16、发现现，成功从从Acceess数据据库中调用用了一条新新闻标题。呵呵。体体验到制作作动态网页页的快乐了了吧？但是是我们要将将多条新闻闻显示出来来该怎么办办呢？接下下来就搞定定它！选中中刚加入记记录集的表表格行， 打开“服服务器行为为”面板，单单击“+”号，选择择“重复记记录集”。从弹出的的对话框中中可以指定定需要重复复记录的记记录集和需需要重复记记录的条数数，具体如如图1-117所示：图1-177保存后，预预览，效果果如图1-18：图1-188五、新闻内内容页的制制作-nnews_detaail.aasp 为为了要使我我们点击新新闻列表页页(newws_liist.aasp)中中的新闻标标题能

17、够看看到新闻内内容，我们们必须制作作显示新闻闻内容的网网页newws_deetaill.aspp。页面样样式如图11-19:图1-199接下来拷拷贝newws_liist.aasp页面面上“绑定定”面板中中的“rssnewss”记录集集（在“+”上点击击鼠标右键键）,粘贴贴到newws_deetaill.aspp页中的“绑定”面面板上，双双击记录，对对拷贝过来来的记录集集稍作修改改，具体如如图1-220所示：图1-200 接下来来把“绑定定”面板上上的各记录录拖到内容容页（neews_ddetaiil.assp）的相相应位置。如图1-21所示示：图1-211 此时，内内容页制作作完成。这这时要

18、实现现访问内容容页还需要要对newws_liist.aasp页的的新闻标题题制作超级级链接，但但这与我们们在制作静静态页面的的时候有点点不同。我我们选中nnews_listt.aspp页表格中中的“rrenewws.neews_ssubjeect”，然后在在“服务器器行为”面面板上选择择“转到详详细页”具具体设置如如图1-222,图1-222完成设置置后，保存存，预览，呵呵呵，可以以看了内容容了吧。效效果如图11-23六、实现如如何在网页页上添加新新闻 如果果大家跟这这我的教程程一起做到到现在，我我们说，新新闻发布系系统的最基基本功能已已经完成。但是，怎怎样实现在在网页上动动态添加新新闻到数据

19、据库中呢。现在就是是要解决这这个问题了了！我们一一般要通过过表单来实实现新闻的的添加。具具体要添加加什么项目目要视数据据库中字段段的不同而而有所不同同。新件一一个newws_addd.assp的网页页，并且插插入一个表表单，各个个文本域最最好的名称称最好和数数据库中相相应的字段段名称相同同。如：新新闻标题文文本域我们们命名为“newss_subbjectt”。见图图1-244图1-244 其他同同理。这里里最好还要要建立一个个页面用来来表示新闻闻添加成功功的提示页页addook.assp,写上上诸如“添添加成功”的字样，最最好还做两两个超连接接，如果“继续添加加“则链接接到newws_addd

20、.assp页，如如果”退出出“则链到到newss_lisst.assp页。选选中整个表表单，调用用“服务器器行为面板板”中的“插入记录录”在弹出出的面板中中，各种选选择如图11-25所所示：图1-255 设置完完成后，保保存页面。立即按FF12预览览，或在IIE中输入入“ HYPERLINK http:/localhost/newstest/news_add.asp htttp:/locaalhosst/neewsteest/nnews_add.asp”就可以进进行新闻的的添加了七、编辑、修改、删删除新闻页页的制作我我们的新闻闻发布系统统已经可以以添加新闻闻了，下面面我们继续续完成其他他功能的

21、制制作。我们们不仅要能能添加新闻闻还要能够够修改和删删除新闻。所以我们们要新建名名为newws_eddit.aasp的网网页文件，用用于方便选选择需要修修改和删除除的网页。需要建立立一个名为为newss_dell_ok.asp的的文件用于于删除新闻闻。建立一一个名为nnews_updaate.aasp的文文件用于修修改新闻内内容。同时时还需要一一个表明完完成修改的的过渡页nnews_updaate_ook.assp。对于于newss_ediit.assp页，同同样先要要要拷贝neews_llist.asp页页“绑定”面板上的的记录集“rsneews”按按照制作nnews_listt.aspp页

22、的方法法制作出如如下样式的的页面， 见图1-26。注注意这时把把“重复记记录”中的的值10该该为20，这这样当新闻闻比较多的的时候可以以可以显示示更多条的的新闻。在在表格的下下放插入一一个记录集集导航条，当当页面中的的内容超过过“重复记记录”中所所规定的时时，可以分分页显示新新闻内容。方法是：选择“插插入”菜单单-“ 应用程程序对象”-“记录集分分页”-“记录录集导航条条”。图1-266 对于nnews_del_ok.aasp页，我我们要在这这页里面放放一些相关关语句来实实现删除新新闻的功能能。首先在在页面的中中间位置写写上“删除除成功”字字样。然后后在“绑定定”面板上上选择“命命令（存储储过

23、程）”在弹出的的对话框进进行如下相相关设置。具体按照照图1-227所示就就可以了。图1-277对于neews_uupdatte.assp我们可可以复制nnews_add.asp页页，并拷贝贝newssdetaail页中中的“rssnewss”记录集集，同时删删除newws_addd.assp页中所所设置的“插入记录录”动态服服务器行为为。记录集集中的“nnews_subjject”,“neews_ffaburren”,“newws_coontennt”分别别绑定到nnews_updaate.aasp页表表单的各文文本域中。绑定方法法如图1-28所示示.先选中中需要做绑绑定的文本本域，选择择“绑

24、定”面板中需需要绑定的的字段，点点击面板右右下方的“绑定”按按钮即可。图1-288新建neews_uupdatte_okk.aspp页，并在在页的中间间位置写上上“更新成成功”等字字样，作为为更新成功功的提示页页面。选择择newss_upddate.asp页页中的整个个表单，对对其应用“服务器行行为”面板板中的“更更新记录”。如图11-29所所示。图1-299 接着应应用一下“记录集分分页”里面面的“移至至特定记录录”。上面面的各个页页面建立完完成之后，为为了让各个个页面起作作用，还需需要对neews_eedit.asp页页中的“ddel”和和“ediit”字符符应用“服服务器行为为”面板中中

25、的“转到到详细页”注意选择择正确的网网页文件哦哦:)图11-30图1-300八、新闻后后台登陆页页面的制作作与页面保保护 前面面的制作都都会吧，一一个新闻发发布系统是是越来越完完善了。现现在我们需需要做一个个网站登陆陆入口页(logiin.assp)，用用于管理员员同过帐好好和密码登登陆newws_liist.aasp页对对新闻进行行管理。建建立一个表表单，其中中帐号名所所在的文本本域命名为为“useer”,密密码所在的的文本域命命名为:“Passswordd”。选中中整个表单单，对其应应用“服务务器行为”面板中“用户身份份验证”中中“登陆用用户”。图图1-311。图1-311 在弹出出的对话框框中选择用用户帐号和和密码所在在的表“mmypasss”,当当在loggin.aasp页中中输入的帐帐号和密码码与“myypasss”表中的的相同时，登登陆到指定定的页面，我我们这里应应指定neews_eedit.asp为为登陆成功功页，当然然应该在这这页里面加加上“添加加新闻页页的连接，以以方便登陆陆成功后添添加新闻。具体设置置见图1-32。图1-322设置完成成后,保存存网页按ff12预览览，当我们们输入帐号号admiin,密码码admiin之后就就会成功登登陆到nee