DW制作ASP动态网页与access数据库连接教程.docx
- 文档编号:12189014
- 上传时间:2023-04-17
- 格式:DOCX
- 页数:9
- 大小:21.40KB
DW制作ASP动态网页与access数据库连接教程.docx
《DW制作ASP动态网页与access数据库连接教程.docx》由会员分享,可在线阅读,更多相关《DW制作ASP动态网页与access数据库连接教程.docx(9页珍藏版)》请在冰豆网上搜索。
DW制作ASP动态网页与access数据库连接教程
DW制作ASP动态网页与access数据库连接教程
DW制作ASP动态网页与access数据库连接教程.doc设置IIS构建了一个正确的网页开发环境,实际上这里最重要的是我们要确定我们安装的web服务器(如win2019/xp以上为IIS)IIS是否已经正确启动了。
如何确定呢?
我们可以启动IE浏览器,在地址栏中输入http:
//localhost/或http:
//127.0.0.1/或http:
//计算机名/看看能不能打开默认的网页,如过能打开IIS默认的网页,则说明IIS已经正常启动了,这时就可以用来测试asp动态网页了。
为了更好的进行测试,我们也可以打开IIS管理器对IIS进行具体设置。
打开控制面板--管理工具--internet信息服务器这样就打开了IIS管理器。
如图1图1我们可以对默认WEB站点的主目录进行更改。
主目录是什么?
想详细知道IIS的详细设置的话,可以看相关专业书籍哦。
我们这里要讲求速成,我们可以理解为,主目录就是我们要存放代测试的动态网页的地方。
其默认的路径为C:
\Inetpub\wwwroot\如果你想更改主目录也非常简单:
选中默认web站点--右击--选择属性在弹出的窗口中选择主目录选项卡,这样就可以给该为任意的磁盘分区或目录了,当然是越方便越好了,本人的电脑,主目录被我改成了f:
\webtest\如下图所示:
用Dreamweaver+access制作一个简单的asp新闻发布系统
(二)2009年05月11日星期一下午05:
17----数据库与测试站点的建立分析实现所要实现功能首先我们要明确,一个新闻发布系统所能实现的最基本的功能:
1、一般在网站的首页有新闻的标题列表(news_list.asp)2、通过显示的新闻标题可以看到新闻的内容(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个左右的页面就可以实现动态发布新闻的功能了。
我们就围绕着这些具体功能开工吧:
),到这里应该不会晕的吧,刚开始哦:
)数据库的建立动态网站中的内容一般源自数据库,如SQLServer数据库甚至是小型的Access数据库,呵呵,对于刚接触动态网页制作的菜鸟来说,还是Access数据库比较容易上手,而且实用一点,所以我们制作的新闻系统是基于Access数据库的。
我们可以用Access2019创建一个数据库文件,并命名为newstest.mdb。
如图1-1图1-1用使用数据库创建表在newstest.mdb中创建一个存储新闻信息的表,保存名为news,具体字段内容如下图,图1-2具体字段及内容输入完毕后,选择视图菜单中的数据表视图随便输入几条记录,方便接下来测试新闻用。
如图1-2-2:
图1-2-2创建一个存储用户名和帐号的表,保存名为mypass。
表中的字段具体内容如图1-3所示,在表中输入一个用来测试用的帐号和密码。
本例中,Username字段为admin,Password字段为admin。
即表中保存的张号名和密码都是admin.如图1-3-3所示。
图1-3图1-3-3注意:
其中表中说明列括号中的文字说明,特别是括号中的,是对每个字段的必要设置,如:
图1-2中news_adddate字段的默认值一定要填Now()不然就不能同步取得加入新闻的时间。
测试站点的建立接下来,打开DreamweaverMX2004,选择站点--管理站点--新建...--站点在弹出的对话框中先设置基本选项卡,设置如下图所示,重点都用线标上了:
)图1-4在是否使用服务器技术一栏,一定要选择是,我想使用服务器技术,ASPVBScript注意:
为了方便测试,文件的位置一定要在IIS的主目录,即F:
\webtest\目录,这里测试站点的名称为newstest图1-5图1-6在上图中,测试URL的地址中输入http:
//localhost/newstest/,然后再点击测试URL按钮,如果显示URL前缀测试已成功对话框,表明该项设置成功。
当基本选项卡的这几个地方设置完成后,不要马上点完成按钮,最好还要对高级选项卡的几处进行修改:
在本地信息里面的本地根文件夹和默认图象文件夹都设置相同的路径。
如图所示:
图1-7在远程信息里面主要设置如下图所示:
图1-8在测试服务器中,要设置服务器模型,访问,测试服务器文件夹,具体设置如下图:
图1-9经过以上的设置,新闻发布系统的测试站点就建立完成了。
是不是觉得很烦,其实只要静下心来,把上面介绍的步骤都按照要求做完,就可以了。
三、DreamweaverMX2004中数据库的连接我们要制作动态网页,首先必须要把数据库(Access)和网页联系起来,使我们在网页上很容易调用数据库中的内容,并显示在网页上。
这在Dreamweaver中就很容易实现的。
而且方法有多种,为了让大家不晕,我在这里只介绍一种很实用用的数据库连接的方法,字符串连接法,这是一般支持asp的个人主页空见所用的数据库连接方法。
具体方法如下:
启动Dreamweaver软件,打开我们在上面新建的newstest站点,并在站点内创建第一个asp网页文件,并打开。
你可以这样创建新的asp页(图1-10):
图1-10也可以这样创建(图1-11):
图1-11当我们创建并打开了news_list.asp文件后,就可以进行数据库的连接了。
选择窗口菜单--数据库,打开数据库面板,选择自定义连接字符串在弹出的自定义连接字符串对话框中,连接名称框中输入mynews,在连接字符串框中输入如下字符串Driver={MicrosoftAccessDriver(*.mdb)};DBQ=Server.MapPath(/newstest/newstest.mdb)注意一定不要输错。
其中/newstest/newstest.mdb是数据库在站点中的路径。
在下面的Dreamweaver应连接选项中选择使用测试服务器上的驱动程序。
输入完成后,点击旁边的测试按钮,如果弹出成功连接脚本对话框则数据库连接成功了。
如果出错那就要检查以下刚才输入的字符串是否正确了:
)。
具体选项如图1-12所示:
图1-12四、新闻列表页的制作-news_list.sp接下来我们便可以对具体的页面进行制作了。
按照前面分析的,我们首先来制作news_list.asp页。
这里注重是向让大家介绍具体的方法,所以页面的美观就不作考虑了。
我们按照一般网页中的最新新闻栏目来进行制作,制作的具体页面样式,如图1-13:
图1-13我们要实现把数据库news表中的新闻标题显示在news_list.asp页面上应该怎么办呢?
选择窗口菜单中绑定调出绑定面板创建一个名为rsnews的记录集,具体设置如图1-14所示:
图1-14在绑定面板中所动分别拖动news_subject和news_adddate字段到表格相应位置。
如图1-15所示:
图1-15完成后,保存并预览网页,这里有两种方法,一种是按F12在Dreamweaver中直接预览网页,另一种是在IE的地址栏中输入http:
//localhost/newstest/news_list.asp。
得到的效果如图1-16:
图1-16我们发现,成功从Access数据库中调用了一条新闻标题。
呵呵。
体验到制作动态网页的快乐了吧?
但是我们要将多条新闻显示出来该怎么办呢?
接下来就搞定它!
选中刚加入记录集的表格行,打开服务器行为面板,单击+号,选择重复记录集。
从弹出的对话框中可以指定需要重复记录的记录集和需要重复记录的条数,具体如图1-17所示:
图1-17保存后,预览,效果如图1-18:
图1-18五、新闻内容页的制作--news_detail.asp为了要使我们点击新闻列表页(news_list.asp)中的新闻标题能够看到新闻内容,我们必须制作显示新闻内容的网页news_detail.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-23六、实现如何在网页上添加新闻如果大家跟这我的教程一起做到现在,我们说,新闻发布系统的最基本功能已经完成。
但是,怎样实现在网页上动态添加新闻到数据库中呢。
现在就是要解决这个问题了!
我们一般要通过表单来实现新闻的添加。
具体要添加什么项目要视数据库中字段的不同而有所不同。
新件一个news_add.asp的网页,并且插入一个表单,各个文本域最好的名称最好和数据库中相应的字段名称相同。
如:
新闻标题文本域我们命名为news_subject。
见图1-24图1-24其他同理。
这里最好还要建立一个页面用来表示新闻添加成功的提示页addok.asp,写上诸如添加成功的字样,最好还做两个超连接,如果继续添加则链接到news_add.asp页,如果退出则链到news_list.asp页。
选中整个表单,调用服务器行为面板中的插入记录在弹出的面板中,各种选择如图1-25所示:
图1-25设置完成后,保存页面。
立即按F12预览,或在IE中输入http:
//localhost/newstest/news_add.asp就可以进行新闻的添加了七、编辑、修改、删除新闻页的制作我们的新闻发布系统已经可以添加新闻了,下面我们继续完成其他功能的制作。
我们不仅要能添加新闻还要能够修改和删除新闻。
所以我们要新建名为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对于news_update.asp我们可以复制news_add.asp页,并拷贝newsdetail页中的rsnews记录集,同时删除news_add.asp页中所设置的插入记录动态服务器行为。
记录集中的news_subject,news_faburen,news_content分别绑定到news_update.asp页表单的各文本域中。
绑定方法如图1-28所示.先选中需要做绑定的文本域,选择绑定面板中需要绑定的字段,点击面板右下方的绑定按钮即可。
图1-28新建news_update_ok.asp页,并在页的中间位置写上更新成功等字样,作为更新成功的提示页面。
选择news_update.asp页中的整个表单,对其应用服务器行为面板中的更新记录。
如图1-29所示。
图1-29接着应用一下记录集分页里面的移至特定记录。
上面的各个页面建立完成之后,为了让各个页面起作用,还需要对news_edit.asp页中的del和edit字符应用服务器行为面板中的转到详细页注意选择正确的网页文件哦:
)图1-30图1-30八、新闻后台登陆页面的制作与页面保护前面的制作都会吧,一个新闻发布系统是越来越完善了。
现在我们需要做一个网站登陆入口页(login.asp),用于管理员同过帐好和密码登陆news_list.asp页对新闻进行管理。
建立一个表单,其中帐号名所在的文本域命名为user,密码所在的文本域命名为:
Password。
选中整个表单,对其应用服务器行为面板中用户身份验证中登陆用户。
图1-31。
图1-31在弹出的对话框中选择用户帐号和密码所在的表mypass,当在login.asp页中输入的帐号和密码与mypass表中的相同时,登陆到指定的页面,我们这里应指定news_edit.asp为登陆成功页,当然应该在这页里面加上添加新闻页的连接,以方便登陆成功后添加新闻。
具体设置见图1-32。
图1-32设置完成后,保存网页按f12预览,当我们输入帐号admin,密码admin之后就会成功登陆到news_edit.asp,如果输入的用户名与密码不对,则停留在login.asp不进行跳转。
我们可以在网页的适当地方加上login.asp的链接,这样变非常方便使用了。
那么这样我们的系统就制作完成了么,当然不是,虽然我们可以通过login.asp输入密码和帐号来进入news_edit.asp但是如果我们在测试时直接输入http:
//localhost/newstest/news_edit.asp也可以直接访问,也就是说任何人只要他输入了正确的地址就能访问,显然是不安全的,所以我们要对所有在后台对新闻进行添加/编辑/修改/删除的网页应用一下服务器行为面板中限制对页的访问。
完成之后,你在直接输入news_edit.asp的直接路径看还能不能访问,当然这时候网页会自动跳转到login.asp页了。
提高了安全性。
这样一个具备基本功能的新闻发布系统就制作成功!
是不是觉得很简单?
如果一时有写地方还弄不明白,那也没关系〈下载〉这个教程的源文件再研究研究就可以了。
补述1:
虽然上面的新闻系统基本功能都已制作完成,但是应用到实际还有段距离,比如还要解决在新闻内容页显示的内容是否与在添加新闻时格式一样的问题,空格,回车问题。
等等。
这也不难,也不需要你掌握很多的知识,现在在国内有很多DW的插件,可以解决这样的问题的,自己去找找吧!
补述2:
如果要把我们制作的这个例子放到网上去测试,则要把connections目录下的mynews.asp中/newstest/newstest.mdb改为相对路径newstest.mdb。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DW 制作 ASP 动态 网页 access 数据库连接 教程