基于ASP与Dreamweaver数据库网站的开发
- 格式:pdf
- 大小:1.22 MB
- 文档页数:3
第8章 Dreamweaver CS3数据库数据操作借助Dreamweaver CS3的数据操作功能,网页设计师可以不用手写代码来实现对库的操作。
其所提供的 DataGrid、DataList、Repeater 等数据显示控件,让数据库开发变得更为灵活多变。
本章以制作一个无权限控制的简单留言系统,讲解如何对数据库记录的录入、修改和删除等操作。
8.1 服务器配置在进行留言系统开发前,应该先对服务器进行配置,构建好开发环境。
具体步骤如下所示。
(1)单击【开始】【| 所有程序】【| 管理工具】【| Internet信息服务(IIS)管理器】命令,打开【Internet 信息服务】窗口。
(2)右击【本地计算机】|【网站】|【默认站点】节点,选择【属性】命令。
弹出【默认站点属性】窗口。
(3)选择【主目录】选项卡。
在【本地路径】文本框中输入本地站点的路径,例如“F:\guest”。
分别选中【读取】选项和【写入】选项,如图8.1所示。
图 8.1 【主目录】选项卡(4)选择【文档】选项卡。
选中【启用默认内容文档】选项。
在其列表框中删除默认的所有选项。
单击【添加】按钮,弹出【添加内容页】对话框。
在【默认内容页】文本框中输入“index.asp”,如图8.2所示。
(5)单击【确定】按钮,关闭对话框。
返回【默认站点属性】窗口,会在【启用默认内容文档】列表框中新增了一条【index.asp】选项,如图8.3所示。
·123·图8.2 【添加内容页】对话框图8.3 【启用默认内容文档】列表框(6)单击【确定】按钮,关闭【默认站点属性】窗口。
(7)打开Dreamweaver的设计界面。
单击【站点】|【新建站点】命令,在弹出的【站点定义】对话框中定义站点名称。
在【您打算为您的站点起什么名字?】文本框中输入“guest”,如图8.4所示。
(8)单击【下一步】按钮,在【编辑文件】对话框中会询问是否要使用服务器技术。
用Dreamweaver实现ASP数据库动态网站建设Macromedia Dreamweaver MX 是一款专业的HTML编辑器,用于对Web站点、Web页和Web应用程序进行设计、编码和开发。
无论您愿意享受手工编写HTML代码时的驾驭感还是偏爱在可视化编辑环境中工作,Dreamweaver都会为您提供有用的工具,使您拥有更加完美的Web创作体验。
Dreamweaver使您可以使用服务器技术(例如CFML、 ASP JSP和PHP)生成由动态数据库支持的Web应用程序。
本章节内容主要从建立ASP运行环境(安装、配置IIS)、建立站点、怎样建立数据库、Dreamweaver与数据库的连接(使用DSN连接数据库)、显示数据库记录、插入数据库记录、修改数据库记录和删除数据库记录等等内容,以实现ASP动态网站的全部设计过程,希望能给你对建立ASP动态网站有所帮助。
系统软件要求本教程将运行在Windows XP操作系统上,由IIS Web服务器和Access 2003数据库建立Web站点,通过Dreamweaver MX 2004+ASP技术开发动态页面的技术。
表软件环境列表软件应用Windows XP 操作系统IIS 5.0 Web服务器Access 2003 数据库Dreamweaver MX 2004 动态页面设计Win dows XP的In ternet 信息服务(IIS)给Win dows带来Web计算的强大功能。
IIS是创建和开发动态网站解决方案的安全平台。
一、建立ASP运行环境(安装、配置IIS)(一)、安装IIS在Windows XP(专业版)上将Windows XP安装光盘放入光驱,点击开始一>设置一>控制面版一>添加或删除程序一>添加或删除wi ndows组件一>在in ternet 信息服务(IIS)项前面打钩,单击下一步进行安装,直至完成in ternet信息服务(IIS)的安装。
基于ASP与Dreamweaver数据库网站的开发
王娟
【期刊名称】《制造业自动化》
【年(卷),期】2010(032)006
【摘要】本文以为公司设计一个企业网站为例,主要以ASP技术为主,从基本的网页结构设计开始,通过Dreamweaver可视化设计功能的辅助,建立一个企业信息交流的平台.
【总页数】3页(P126-128)
【作者】王娟
【作者单位】河北外国语职业学院,秦皇岛,066311
【正文语种】中文
【中图分类】TP392
【相关文献】
1.基于Dreamweaver与ASP数据库的抽油机设计管理系统开发 [J], 郑雪峰;王德威
2.基于ASP动态网站开发过程中的数据库优化处理 [J], 贾瑞凤;马曾
3.利用Dreamweaver结合ASP开发动态网站的研究 [J], 李翠霞
4.基于ASP+Dreamweaver的动态网站开发中常见问题的探讨 [J], 吴燕珍
5.基于ASP+Dreamweaver的动态网站开发中常见问题的探讨 [J], 吴燕珍
因版权原因,仅展示原文概要,查看原文内容请购买。
用dreamweaver开发ASP图文教程。
〔安装配置服务器篇〕既然是用DreamWeaver MX来做ASP页面,那DreamWeaver MX软件肯定是少不了,当然以后会要连接到数据库,所以一些数据库管理软件〔DBMS〕比如微软的Access或者SQL Server等,也是必须的。
这些都是做用ASP的元素材料了。
但一般情况下,做成的ASP页面是需要调试的。
介于ASP脚本语言是在服务器端IIS或PWS中解释和运行,并可动态生成普通的HTML网页,然后再传送到客户端供浏览的这一特点。
我们要在本机上进展调试,那就要求我们的个人电脑具有服务器的功能。
不要看到“服务器〞三个字就感到担心:我的机子配置这么底,性能这么差,是不是不能配啊。
放心!配个服务器,就是多装个软件,况且就自己一个人用,根本没有必要多虑。
那具体的装个什么软件呢?刚刚我们也看到了是在“IIS或PWS中解释和运行〞,很明显,装IIS或者PWS就可以了。
IIS为何物?IIS是Internet Information Server的缩写,它是微软公司主推的Web 服务器。
那PWS呢?它就显得有些古老了:〕早期在WIN98,当然现在仍有人采用的操作系统,PWS〔Personal Web Server〕是一般用户最容易得到的web服务器:在win98的安装盘的Add_on\pws目录下就可以找到pws的安装程序。
而对于IIS是我们所推荐的,也是大局部朋友在使用的,有必要。
1,打开控制面板2,在控制面板中选择“添加/删除Windows组件〞,打开窗口3,点击“添加/删除Windows组件〞后稍等片刻。
出现“Windows组件向导〞窗口。
从中打勾“选择Internet信息服务〔IIS〕〞4,在“Windows组件向导〞中单击“下一步〞。
开始安装配置我们的服务器IIS。
5,等待进度条跑到终点。
终于复制文件全部完成,配置服务器也相应的完毕。
6,IIS服务器算是安装OK了,那具体有什么用处?又该如何使用呢?首先IIS 的作用之一就是可以解释执行ASP网页代码,并将结果显示出来。
【126】 第32卷 第6期2010-6基于ASP与Dreamweaver数据库网站的开发Application of ASP and Dreamweaver in development of web database王 娟WANG Juan(河北外国语职业学院,秦皇岛 066311)摘 要:本文以为公司设计一个企业网站为例,主要以ASP技术为主,从基本的网页结构设计开始,通过Dreamweaver可视化设计功能的辅助,建立一个企业信息交流的平台。
关键词:ASP;Dreamweaver;网站中图分类号:TP392 文献标识码:B 文章编号:1009-0134(2010)06-0126-03Doi: 10.3969/j.issn.1009-0134.2010.06.420 引言随着Internet的普及,互联网逐渐成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet"海洋"中按照一定的检索方式将所需要的信息从网站上下载下来。
因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
Web应用程序得到了很大的发展,企业网站逐渐成为企业信息交流必不可少的策略之一。
本文以为公司设计一个企业网站为例,主要以ASP技术为主,从基本的网页结构设计开始,通过Dreamweaver可视化设计功能的辅助,建立一个企业信息交流的平台。
研究的基本内容,拟定目标网站要解决的问题:第一,如何通过网站来宣传公司及其产品;第二,如何用ASP和Dreamweaver来实现网站的动态效果;第三,如何使网站更佳新颖。
进行了系统的可行性分析,主要从技术可行性和操作可行性对目标系统进行了分析,得到了目标网站在技术方面和操作方面都是可行的结论。
用Access进行了数据库的设计:数据库名称dl。
并在该数据库下建立产品展示(tp )、公司信息(gsxx)、联系方式(Lxfs)、招聘信息(zpjj)、登陆信息(lognxx)5个表。
1 绪论1.1 Active Server Pages 概况随着网络技术的迅猛发展和Internet的日益普及,人们对Web站点建设技术的渴求与日俱增。
目前,Microsoft公司推出的ASP广泛流行于业界,利用ASP,可以方便、快捷地创建出动态、交互的Web服务器端应用程序。
Active Server Pages实际上是将标准的HTML文件拓展了一些附加特征,Active Server Pages象标准的HTML文件一样包含HTML对象并且在一个浏览器上解释并显示。
任何你可以放在HTML中的东西--Java applets,闪烁字符串,客户端脚本,客户端ActiveX控件等等你都可以放在Active Server Page中。
因此,一个Active Server Page具备很强的通用性。
1.2 Dreamweaver 概况Dreamweaver 是一套功能相当强大的网页编辑软件,由Macromedia 公司开发,提供各种可视化的网页编辑功能,从单一的HTML 静态网页,到复杂的ASP动态网页的数据库系统设计,均能够以鼠标拖拽的方式迅速完成网页设计工作。
Dreamweaver 最出色的地方,在于其具备动态服务器网页的可视化设置功能,同时对各类平台与服务器语言提供足够的支持,无论是PHP、JSP、ASP,还是,程序设计人员均能够通过设置,利用Dreamweaver的单一接口,设计不同类型的动态服务器网页。
1.3 Dreamweaver 和ASP在安装设计完IIS后,不需任何工具,直接使用最简单的文字编辑器,如Windows 自带的“记事本”,就可以设计ASP 网页;事实上无论HTML还是ASP网页,基本上都只是以扩展名命名的纯文本文件。
如果是只包含HTML或JavaScript 等动态语言的网页,则其扩展名为.html或.htm;收稿日期:2009-12-28作者简介:王娟(1982-),女,黑龙江人,助教,本科,研究方向为计算机技术。
第32卷 第6期 2010-6【127】但如果是ASP 网页,则其扩展名为.asp。
尽管不需要任何特殊的编辑器就可以ASP 网页的编辑,然而开发用于实际用途的网页时,会包含复杂的程序代码,此时使用一套合适的开发工具可以大幅度地提高编写和管理程序代码的效率。
ASP 网页本身是由传统的HTML网页衍生而来的,其程序代码与HTML标签相互并存,早期的Dreamweaver 只提供编辑HTML 标签的能力,在Dreamweaver MX 2004中,除了维持原先强大的静态网页编辑功能外,还加入了ASP 程序代码的编辑功能,成了一个全功能的网页编辑器。
Dreamweaver 除了支持程序代码的编辑之外,对于各种ASP网页应用功能的开发,也提供了可视化的操作模式,用户只需以鼠标拖动并进行设置,即可自动完成程序代码的编写,即使如数据库般应用复杂的操作也能够轻松完成。
2 网站总体分析与设计对网站进行系统分析,首先对网站进行需求分析,然后对网站进行模块分析,根据公司网站的需求分析,将整个网站分若干个个功能模块。
对系统进行功能模块设计,将整个网站划分为若干个模块后,需要对每个模块的功能进行详细设计。
根据模块的功能需求设计模块使用何种方式显示该功能,以及应该包含相应的页面与操作步骤。
对网页进行设计,首先是网页布局,然后是网页的配色。
还要记得对网页的数据库进行设计。
3 网站的具体实现3.1 定义一个网站定义一个网站,是制作A S P 网页之前,首先必须完成的操作。
一旦完成网站的定义,Dreamweaver 将可以让程序开发人员直接利用其编辑窗口,以该网站为基础,进行ASP 网页的创建、编辑与测试。
3.2 网站页面的实现3.2.1 主页的实现网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现公司的勃勃生气。
静态主页方式介绍公司的公司简介、领导致辞、荣誉证书、产品展示、销售业绩、招聘英才、留言板、联系我们8个功能模块。
就得利用ASP与数据库结合的技术通过数据库对网站进行动态管理,采用交互式的动态的web画面来实现。
图1 网站的主页主页(index0000.asp)中有八个模块的相关链接以及公司简介、领导致辞、销售业绩等模块内容的简单介绍。
网页布局采用“国”字型,在最左侧插入了一个Flash(cemian1.swf),使网页显得很新颖,有动感,并且还在这个Flash中巧妙的插入了公司的联系方式。
在主页中,绑定了四个记录集,分别是Recordset1、RecZpjj、Recgsxx和Reclxfs。
这四个记录集分别与数据库dl中的产品展示表tp、招聘信息表zpjj、公司信息表gsxx和联系方式表Lxfs 相连。
这样,把记录集中的相关内容拖放到主页中的相应位置就可以了,使网页上的内容可以动态的进行修改。
需要说明的是主页中的图片,也是通过数据库进行插入的,使用和修改起来相当地方便。
利用Dreamweaver中“服务器行为”中的“重复区域”来实现招聘信息的多条显示。
先将页面左下方招聘信息表格选种,再点击“应用程序”中的“服务器行为”中的“重复区域”,会弹出一个 “重复区域”对话框。
在这个对话框的“记录集”中选择记录集RecZpjj,并在“显示”中选择2条记录。
在产品介绍中,也进行同样的操作,只是选择记录集Recordset1,并在显示中选择4条记录。
另外,产品简介中的“其他”用Dreamweaver 中“服务器行为”中的“转到详细信息页”命令来链接到详细页面xxxx.asp中。
在最下方的图片IMAGES/DE1.gif的文字“版权所有秦皇岛市电力机械有限公司”上,加一个长方形热区Map4,并将其链接到主页index0000.asp。
在其他的页面中,也加一个同样的热区。
在下面的其他页的实现【128】 第32卷 第6期2010-6中,就不一一的进行重复的介绍了。
产品介绍中的产品照片是通过点击“插入”中的“常规”标签中的“图象”,在弹出的对话框“选择图象源”中的“从文件名称选择”选择“数据源”单选按钮,在“域”中,选择记录集Recordset1中的Tp,并将其属性中的,宽设置为:100,高设置为:69。
在图片images/google.gif中,加入文字“管理员登陆”,并将其链接到管理系统中的页面Logon.asp上。
可以方便的从主页进入到管理页面中。
3.2.2 其他页的实现根据对秦皇岛电力机械有限公司网站的模块的划分,将整个网站分为:公司简介、领导致辞、荣誉证书、产品展示、销售业绩、招聘英才、留言板、联系我们和管理系统9个功能模块,并将其具体实现。
这里以公司简介页面(index-1.asp)为例。
公司简介页面(index-1.asp)主要是介绍公司的概况,插入了一个Flash(cemian1.swf),绑定了三个记录集分别是RecZpjj、Recgsxx、Reclxfs,让招聘的简单信息与数据库中的表zpjj相连,其他两个记录集分别与数据库dl中的公司信息表gsxx 和联系方式表Lxfs相连。
然后将Recgsxx.gsxxjs、Recgsxx.gsjs、Recgsxx.xsyj、RecZpjj.Mc、RecZpjj.Rs、RecZpjj.Yq、Reclxfs.dh、Reclxfs.cz和Reclxfs.Email,从其相应的记录集中拖到页面index-1.asp的相应位置。
使网页上的内容可以动态的修改。
同样要用“应用程序”中的“服务器行为”中的“重复区域”,来实现招聘信息的多条显示,操作步骤与主页相同。
4 结论随着公司网站的设计完成,本网站中预期的主要功能也基本实现。
本网站以Dreamweaver和ASP作为前台开发工具,并以Microsoft Access作为后台数据库,这些都是开发网站的前沿工具成为开发本网站的首选工具。
本文阐述了公司网站的分析与设计的全过程,并在论文中相应的位置插入了图片,更加清晰的描述了该网站是如何实现的。
参考文献:[1] 尚俊杰.网络程序设计——ASP案例教程[M].清华大学出版社,2004.[2] 魏洪斌,周鑫,刘志江.Dreamweaver MX网页设计[M].清华大学出版社,2005.[3] 荣钦科技.ASP+Dreamweaver MX 2004数据库网站开发与实例[M].清华大学出版社,2004.[4] 李严,于亚芳,王国辉.等.ASP数据库开发实例解析[M].机械工业出版社.2004.[5] 秦学礼.DreamweaverMX2004实用教程[M].清华大学出版社,2004.[6] 陈建伟.ASP动态网站开发教程(第二版)[M].清华大学出版社,2005.【上接第106页】以IPSec隧道模式安全地连接目标网络并实现NAT 穿越。