Dreamweaver+access制作新闻发布系统_第1页
Dreamweaver+access制作新闻发布系统_第2页
Dreamweaver+access制作新闻发布系统_第3页
Dreamweaver+access制作新闻发布系统_第4页
Dreamweaver+access制作新闻发布系统_第5页
已阅读5页,还剩26页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、相关软件准备在进行具体制作之前要做什么准备工作呢?首先必须要有一个合适的动态网页开发环境,如果是windows98操作系统,则必须要安装windows98中PWS也既个人web服务器。这个东东在win98安装光盘中的add_ons目录下可以找到。(前面写的这段早过时了,现在谁还用win98呢?嘿嘿)如果您使用的win2000/2003/winxp操作系统的话那就更方便了。只需要安装IIS(internet信息服务器,也称web服务器)就可以了,如果您的系统还没有安装,那么,在“控制面板”中“添加删除程序”中“windows组件”里面给装上就行了。当然要制作网页还必须要安装时下最流行最专业的网页

2、制作软件DreamweaverMX(2004),还要安装Microsoft Offce2000或以上版本,因为我们要用里面的数据库软件ACCESS来作为动态内容源,安装了office2000,里面就包含了Access数据库软件。本人使用的电脑配置是windows2000 professonal+acess2000系统,所以要用这个环境来给大家作介绍了。设置IIS 以上条件具备之后,我们还没有构建了一个正确的网页开发环境,实际上这里最重要的是我们要确定我们安装的web服务器(如win2000/xp以上为IIS)IIS是否已经正确启动了。如何确定呢?我们可以启动IE浏览器,在地址栏中输入“ HYP

3、ERLINK http:/localhost/ http:/localhost/”或“ HYPERLINK / /”或“ HYPERLINK http:/ http:/计算机名/”看看能不能打开默认的网页,如过能打开IIS默认的网页,则说明IIS已经正常启动了,这时就可以用来测试asp动态网页了。为了更好的进行测试,我们也可以打开IIS管理器对IIS进行具体设置。打开 控制面板-管理工具-internet信息服务器 这样就打开了IIS管理器。如图1图1 我们可以对“默认WEB站点”的主目录进行更改。主目录是什么?想详细知道IIS的详细设置的话,可以看相关专业书籍哦。我们这里要讲求“速成”,我们

4、可以理解为,主目录就是我们要存放代测试的动态网页的地方。其默认的路径为“C:Inetpubwwwroot”如果你想更改主目录也非常简单:选中“默认web站点”-右击-选择“属性”在弹出的窗口中选择“主目录”选项卡,这样就可以给该为任意的磁盘分区或目录了,当然是越方便越好了,本人的电脑,主目录被我改成了“f:webtest”如下图所示:用Dreamwweaverr+acceess制作一一个简单的aasp新闻发发布系统(二二)2009年055月11日 星期一 下下午 05:17-数据库库与测试站点点的建立分析析实现所要实实现功能首先先我们要明确确,一个新闻闻发布系统所所能实现的最最基本的功能能:1

5、、一般般在网站的首首页有新闻的的标题列表(nnews_llist.aasp)2、通通过显示的新新闻标题可以以看到新闻的的内容(neews_deetail.asp)33、有一个管管理员登陆的的入口(loogin.aasp)4、添添加新闻的页页面(newws_addd.asp)5、编辑新闻的列表的页面(news_edit.asp)6、修改并更新新闻的页面(news_update.asp)7、此外还有新闻修改和删除成功的页面(news_del_ok.asp,news_update_ok.asp)从上面的分析可以看出,我们只要制作10个左右的页面就可以实现动态发布新闻的功能了。我们就围绕着这些具体功能

6、开工吧:),到这里应该不会晕的吧,刚开始哦:)数据库的建立动态网站中的内容一般源自数据库,如SQL Server 数据库 甚至是小型的Access数据库,呵呵,对于刚接触动态网页制作的菜鸟来说,还是Access数据库比较容易上手,而且实用一点,所以我们制作的新闻系统是基于Access数据库的。我们可以用Access2000创建一个数据库文件,并命名为“newstest.mdb”。如图1-1图1-1用“使使用数据库创创建表”在nnewsteest.mddb中创建一一个存储新闻闻信息的表,保保存名为“nnews”,具具体字段内容容如下图,图1-2具体字字段及内容输输入完毕后,选选择“视图”菜菜单中

7、的“数数据表视图”随随便输入几条条记录,方便便接下来测试试新闻用。如如图1-2-2:图1-2-2创创建一个存储储用户名和帐帐号的表,保保存名为“mmypasss”。表中的的字段具体内内容如图1-3所示,在在表中输入一一个用来测试试用的帐号和和密码。本例例中,Useernamee字段为“aadmin”,Passwword字段段为“admmin”。即即表中保存的的张号名和密密码都是“aadmin”.如图1-33-3所示。图1-3图1-3-3 注意:其中中表中“说明明”列括号中中的文字说明明,特别是括括号中的,是是对每个字段段的必要设置置,如:图11-2中“nnews_aadddatte”字段的的默

8、认值一定定要填“Noow()”不不然就不能同同步取得加入入新闻的时间间。测试站点点的建立 接接下来,打开开DreammweaveerMX20004,选择择“站点”-“管理理站点”-“新建.”-“站点”在在弹出的对话话框中先设置置“基本”选选项卡,设置置如下图所示示,重点都用用线标上了:)图1-4 在“是是否使用服务务器技术”一一栏,一定要要选择“是,我我想使用服务务器技术”,“AASP VBBScrippt”注意:为了方便测测试,文件的的位置一定要要在IIS的的主目录,即即“F:wwebtesst”目录录,这里测试试站点的名称称为“newwstestt”图1-5图1-6 在上上图中,测试试UR

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

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

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

12、ooft Acccess Driveer (*.mdb);DBQ=&Serrver.MMapPatth(/nnewsteest/neewstesst.mdbb)”注意意一定不要输输错。其中/newsstest/newsttest.mmdb是数数据库在站点点中的路径。在在下面的“DDreamwweaverr 应连接”选选项中选择“使使用测试服务务器上的驱动动程序”。输输入完成后,点点击旁边的“测测试”按钮,如如果弹出“成成功连接脚本本”对话框则则数据库连接接成功了。如如果出错那就就要检查以下下刚才输入的的字符串是否否正确了:)。具体选项项如图1-112所示:图1-12四、新闻列表页页的制作-nn

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

14、分别拖拖动“newws_subbject”和和“newss_addddate”字字段到表格相相应位置。如如图1-155所示:图1-15 完完成后,保存存并预览网页页,这里有两两种方法,一一种是按“FF12”在Drreamweeaver中中直接预览网网页,另一种种是在IE的的地址栏中输输入“ HYPERLINK http:/localhost/newstest/news_list.asp htttp:/llocalhhost/nnewsteest/neews_liist.assp”。得到到的效果如图图1-16:图1-16我们们发现,成功功从Acceess数据库库中调用了一一条新闻标题题。呵呵。体

15、体验到制作动动态网页的快快乐了吧?但但是我们要将将多条新闻显显示出来该怎怎么办呢?接接下来就搞定定它!选中刚刚加入记录集集的表格行, 打开“服务务器行为”面面板,单击“+”号,选择择“重复记录录集”。从弹弹出的对话框框中可以指定定需要重复记记录的记录集集和需要重复复记录的条数数,具体如图图1-17所所示:图1-17保存存后,预览,效效果如图1-18:图1-18五、新闻内容页页的制作-news_detaiil.aspp 为了要使使我们点击新新闻列表页(news_list.asp)中中的新闻标题题能够看到新新闻内容,我我们必须制作作显示新闻内内容的网页nnews_ddetaill.asp。页页面样

16、式如图图1-19:图1-19接下下来拷贝neews_liist.assp页面上“绑绑定”面板中中的“rsnnews”记记录集(在“+”上点击鼠鼠标右键),粘贴到neews_deetail.asp页中中的“绑定”面面板上,双击击记录,对拷拷贝过来的记记录集稍作修修改,具体如如图1-200所示:图1-20 接接下来把“绑绑定”面板上上的各记录拖拖到内容页(nnews_ddetaill.asp)的的相应位置。如如图1-211所示:图1-21 此此时,内容页页制作完成。这这时要实现访访问内容页还还需要对neews_liist.assp页的新闻闻标题制作超超级链接,但但这与我们在在制作静态页页面的时候有

17、有点不同。我我们选中neews_liist.assp页表格中中的“reenews.news_subjeect”,然然后在“服务务器行为”面面板上选择“转转到详细页”具具体设置如图图1-22,图1-22完成成设置后,保保存,预览,呵呵呵,可以看看了内容了吧吧。效果如图图1-23六、实现如何在在网页上添加加新闻 如果果大家跟这我我的教程一起起做到现在,我我们说,新闻闻发布系统的的最基本功能能已经完成。但但是,怎样实实现在网页上上动态添加新新闻到数据库库中呢。现在在就是要解决决这个问题了了!我们一般般要通过表单单来实现新闻闻的添加。具具体要添加什什么项目要视视数据库中字字段的不同而而有所不同。新件一

18、个news_add.asp的网页,并且插入一个表单,各个文本域最好的名称最好和数据库中相应的字段名称相同。如:新闻标题文本域我们命名为“news_subject”。见图1-24图1-24 其其他同理。这这里最好还要要建立一个页页面用来表示示新闻添加成成功的提示页页addokk.asp,写上诸如“添添加成功”的的字样,最好好还做两个超超连接,如果果“继续添加加“则链接到到news_add.aasp页,如如果”退出“则则链到newws_lisst.aspp页。选中整整个表单,调调用“服务器器行为面板”中中的“插入记记录”在弹出出的面板中,各各种选择如图图1-25所所示:图1-25 设设置完成后,保

19、保存页面。立立即按F122预览,或在在IE中输入入“ HYPERLINK http:/localhost/newstest/news_add.asp httpp:/loocalhoost/neewstesst/newws_addd.asp”就就可以进行新新闻的添加了了七、编辑、修改改、删除新闻闻页的制作我我们的新闻发发布系统已经经可以添加新新闻了,下面面我们继续完完成其他功能能的制作。我我们不仅要能能添加新闻还还要能够修改改和删除新闻闻。所以我们们要新建名为为news_edit.asp的网网页文件,用用于方便选择择需要修改和和删除的网页页。需要建立立一个名为nnews_ddel_okk.asp

20、的的文件用于删删除新闻。建建立一个名为为news_updatte.aspp的文件用于于修改新闻内内容。同时还还需要一个表表明完成修改改的过渡页nnews_uupdatee_ok.aasp。对于于news_edit.asp页,同同样先要要拷拷贝newss_listt.asp页页“绑定”面面板上的记录录集“rsnnews”按按照制作neews_liist.assp页的方法法制作出如下下样式的页面面, 见图11-26。注注意这时把“重重复记录”中中的值10该该为20,这这样当新闻比比较多的时候候可以可以显显示更多条的的新闻。在表表格的下放插插入一个记录录集导航条,当当页面中的内内容超过“重重复记录”

21、中中所规定的时时,可以分页页显示新闻内内容。方法是是:选择“插插入”菜单-“ 应应用程序对象象”-“记记录集分页”-“记录录集导航条”。图1-26 对对于newss_del_ok.assp页,我们们要在这页里里面放一些相相关语句来实实现删除新闻闻的功能。首首先在页面的的中间位置写写上“删除成成功”字样。然然后在“绑定定”面板上选选择“命令(存存储过程)”在在弹出的对话话框进行如下下相关设置。具具体按照图11-27所示示就可以了。图1-27对于于news_updatte.aspp我们可以复复制newss_add.asp页,并并拷贝newwsdetaail页中的的“rsneews”记录录集,同时删

22、删除newss_add.asp页中中所设置的“插插入记录”动动态服务器行行为。记录集集中的“neews_suubjectt”,“neews_faaburenn”,“neews_coontentt”分别绑定定到newss_updaate.assp页表单的的各文本域中中。绑定方法法如图1-228所示.先先选中需要做做绑定的文本本域,选择“绑绑定”面板中中需要绑定的的字段,点击击面板右下方方的“绑定”按按钮即可。图1-28新建建news_updatte_ok.asp页,并并在页的中间间位置写上“更更新成功”等等字样,作为为更新成功的的提示页面。选选择newss_updaate.assp页中的整整个表

23、单,对对其应用“服服务器行为”面面板中的“更更新记录”。如如图1-299所示。图1-29 接接着应用一下下“记录集分分页”里面的的“移至特定定记录”。上上面的各个页页面建立完成成之后,为了了让各个页面面起作用,还还需要对neews_eddit.assp页中的“ddel”和“eedit”字字符应用“服服务器行为”面面板中的“转转到详细页”注注意选择正确确的网页文件件哦:)图11-30图1-30八、新闻后台登登陆页面的制制作与页面保保护 前面的的制作都会吧吧,一个新闻闻发布系统是是越来越完善善了。现在我我们需要做一一个网站登陆陆入口页(llogin.asp),用用于管理员同同过帐好和密密码登陆ne

24、ews_liist.assp页对新闻闻进行管理。建建立一个表单单,其中帐号号名所在的文文本域命名为为“userr”,密码所所在的文本域域命名为:“PPasswoord”。选选中整个表单单,对其应用用“服务器行行为”面板中中“用户身份份验证”中“登登陆用户”。图图1-31。图1-31 在在弹出的对话话框中选择用用户帐号和密密码所在的表表“mypaass”,当当在logiin.aspp页中输入的的帐号和密码码与“myppass”表表中的相同时时,登陆到指指定的页面,我我们这里应指指定newss_editt.asp为为登陆成功页页,当然应该该在这页里面面加上“添加加新闻页的的连接,以方方便登陆成功功后添加新闻闻。具体设置置见图1-332。图1-32设置置完成后,保保存网页按ff12预览,当当我们输入帐帐号admiin,密码aadmin之之后就会成功功登陆到neews_eddit.assp,如果输输入的

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论