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

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