dreamweaver开发动态asp网页教程与实例.ppt

使用dreamweaver进行asp网页开发,11/30/2013lyangyapeng,Asp动态网页工作需要的环境,Sql的配置,1.需要在服务器上安装Sql软件，并建立所需的数据库文件且设置好各个数据的数据类型、是否可以为空等属性；,Sql的配置,2.给所建立的新数据库分配一个账号和密码，该账号需要有对此数据库的完全控制权,IIS的安装,Windows系统默认并没有开启IIS服务，所以需要自己开启。Winxp开启方法如下：进入“控制面板”，依次选“添加/删除程序添加/删除Windows组件”，勾选“Internet信息服务（IIS）”中的Web、FTP、NNTP和SMTP等全部四项服务，点击确定。根据提示进行安装即可。Win7的安装方法与winxp类似。,测试安装是否成功的方法如下：打开浏览器，在地址栏输入：http:/localhost/iishelp回车；若进入IIS帮助页面，则证明安装成功（win7系统下为欢迎页面）。,IIS的安装,IIS的配置,IIS在使用之前需要进行一些必要的设置，方法如下：1.进入“控制面板”，依次选择“管理工具internet信息服务”。,IIS的配置,右键单击“默认网站”“新建”“虚拟目录”，进入虚拟目录创建向导，按照下图进行配置。虚拟目录用来存储我们制作的网页，只有在虚拟目录内的动态网页才能被IIS执行，实现网页和数据库之间的交互。,dreamweaver的安装,目前有很多网页开发软件，如MicrosoftVisualStudio，dreamweaver等，dreamweaver具有的优势是图形化界面，不需要进行非常繁杂的代码编写，所做即所得，比较适合网页开发入门使用。Dreamweaver8安装成功后的开始界面如下：,Dreamweaver站点的配置,首先我们需要新建一个站点，站点目录与IIS服务器中设置的虚拟目录相同，使我们设计的asp网页能够被IIS识别和运行。方法如下：单击程序窗口右侧“文件”标签组中“文件”“管理站点”“新建”“站点”，打开如下页面进行配置：,在新建的站点目录下新建一个asp格式网页，打开，在body部分添加如下语句：保存，在浏览器中预览，如显示当前日期（如图），则表示站点配置成功，IIS正常工作。,Dreamweaver站点的配置,Dreamweaver与SQL数据库连接,1.点击数据库面板左上角的“+”号，选择“数据源名称（DSN）”；,2.点击“定义”；,Dreamweaver与SQL数据库连接,3.选择“系统DSN”“添加”；,Dreamweaver与SQL数据库连接,4.选择“SQLServer”“完成”；,Dreamweaver与SQL数据库连接,5.填入名称，若SQL服务器在本机，则服务器处填写“（local）”；下一步；,Dreamweaver与SQL数据库连接,6.使用SQLServer验证，登陆ID和密码就是配置SQLServer服务器时所分配的账号密码；一路“下一步”完成设置；,Dreamweaver与SQL数据库连接,Dreamweaver与SQL数据库连接,7.回到“数据源名称（DSN）”，如图所示设置；确定；,Dreamweaver与SQL数据库连接,至此，dreamweaver与SQL数据库的连接已经完成。,准备工作,建立好一系列的网页文件，便于后续的网页制作中各个网页间的调用；制作网页所要用到的图片素材可放到事先建立的image文件夹中；,登陆界面的设计,1.打开“login.asp”，先做好登陆界面框架，然后在“服务器行为”面板添加“登录用户”；,如图填写,Dreamweaver与SQL数据库连接,登陆页面代码,最终效果如下,主显示页面（index.asp）制作：,1.首先设计如下界面,主显示页面（index.asp）制作：,2.绑定记录集应用程序面板绑定“+”记录集，如图填写,主显示页面（index.asp）制作：,主显示页面（index.asp）制作：,主显示页面（index.asp）制作：,主显示页面（index.asp）制作：,主显示页面（index.asp）制作：,修改页面（update.asp）制作,1.先设计好界面,修改页面（update.asp）制作,2.绑定记录集,修改页面（update.asp）制作,3.添加“更新记录”,修改页面（update.asp）制作,修改页面（update.asp）制作,删除页面（delete.asp）的制作,1.设计页面,删除页面（delete.as