核心结论:这里的 dw 指 Dreamweaver,动态页面就是带数据库交互的网页,和静态 html 最大区别是页面内容可以从数据库读取、新增、修改、删除,常见技术组合是 ASP PHP 搭配 MySQL 或者 Access 数据库,Dreamweaver 可以可视化绑定数据库记录集,不用全部手写代码,适合入门学习动态网页,但是新版 Dreamweaver 已经弱化动态服务器功能,老版本 CS6 对 PHP ASP 支持最好,做之前必须提前搭建好本地服务器环境,否则动态页无法运行,直接双击打开只会显示源码或者报错。
前期准备清单
1 Dreamweaver 软件,推荐 CS6 版本,动态站点功能完整
2 本地运行环境
PHP 方案:phpstudy,集成 Apache PHP MySQL
ASP 方案:IIS,Windows 系统自带,数据库用 Access
3 数据库,MySQL 或者 Access,提前建好数据表
4 测试浏览器,用来预览动态页面
核心概念说明
| 项目 | 静态页 | 动态页 |
|---|---|---|
| 后缀 | html htm | php asp aspx |
| 数据来源 | 写死在页面里面 | 从数据库读取 |
| 交互能力 | 无提交查询 | 支持查询 增删改查 登录 |
| 运行方式 | 浏览器直接打开 | 必须经过服务器解析 |
详细制作步骤
第一步 新建动态站点
打开 Dreamweaver,站点菜单,新建站点,填写站点名称,本地站点文件夹选择你网站文件存放目录。
关键设置:选择服务器类别,测试服务器,服务器模型选择 PHP 或者 ASP,Web URL 填写本地访问地址,比如http://localhost,这个是最关键一步,没有配置测试服务器,记录集功能是灰色不能点。
第二步 创建数据库数据表
如果是 phpstudy+MySQL,用 phpMyAdmin 新建数据库,比如 db_news,新建数据表 news,字段一般包含 id 主键自增,title 标题,content 内容,addtime 添加时间。
如果是 ASP+Access,直接新建 mdb 数据库文件,在里面建立同名数据表。
第三步 建立数据库连接
Dreamweaver 里面打开数据库面板,选择 MySQL 连接或者 ODBC 连接,填写数据库地址localhost,账号 root,密码,数据库名称 db_news,点击测试,提示连接成功就完成。
重点:数据库连接文件会自动生成,PHP 一般是 conn.php,不要随便改名删除。
第四步 创建记录集(读取数据库数据)
打开绑定面板,新增记录集,选择刚才的数据库连接,数据表选择 news,设置排序方式,比如按 id 降序,确定之后,页面就绑定了数据库查询结果。
然后把 title content 这些字段拖到页面表格里面,插入重复区域,让多条数据库记录循环显示,这个就是动态列表页,打开页面就会自动读取数据库全部记录。
第五步 制作新增页面(录入数据)
新建 add.php,插入表单,表单里面放文本框文本域,提交按钮,表单动作指向 save.php,然后在服务器行为里面插入记录,选择数据表,对应表单字段绑定数据库字段,提交之后数据写入数据库。
第六步 制作修改和删除功能
修改页 edit.php,通过 URL 传参 id,页面加载的时候根据 id 查询单条记录回填表单,服务器行为选择更新记录。
删除功能 del.php,接收 id 参数,服务器行为选择删除记录,执行之后数据库对应行数据清除。
第七步 预览测试
不要直接双击 php 文件打开,必须通过http://localhost/文件名 这种服务器地址访问,测试新增、读取、修改、删除全部功能,检查中文乱码,一般是数据库编码和页面编码不一致,统一改成 utf8。
常见踩坑点
1 记录集按钮灰色,原因就是测试服务器没有配置成功,或者本地 Apache 没有启动
2 中文乱码,页面头部加上 charset=utf8,数据库表也设置 utf8 编码
3 页面 404 错误,站点根目录路径不对,或者 phpstudyApache 服务没有开启
4 数据库连接失败,账号密码错误,MySQL 服务没有启动
【相关 FAQ】
问题 1 dw 动态页制作教程里面,新版 dw 还支持 PHP 动态页吗
回答 1 dw 动态页制作教程里,新版 Dreamweaver 已经移除很多原生可视化动态服务器行为,推荐使用 CS6 版本学习,新版只能手动写 PHP 代码,可视化绑定数据库功能受限。
问题 2 dw 动态页制作教程 动态页可以直接双击打开吗
回答 1 dw 动态页制作教程重点提醒,动态页不能直接双击打开,必须借助 phpstudy 或者 IIS 本地服务器解析,直接打开无法读取数据库,会显示代码或者空白。
问题 3 dw 动态页制作教程 动态页后缀是什么
回答 1 dw 动态页制作教程里,PHP 动态页后缀是 php,ASP 动态页后缀是 asp,和静态 html 不一样,服务器根据后缀识别动态脚本进行解析。
问题 4 dw 动态页制作教程 记录集是什么
回答 1 dw 动态页制作教程里面,记录集就是 Dreamweaver 可视化生成的数据库查询语句,用来把数据库里面的数据查询出来,绑定到网页上循环展示,不用手写 SQL 查询代码。
免责声明:本内容仅为 Dreamweaver 动态网页入门学习参考,Dreamweaver 属于老旧建站工具,现代网站开发已经很少使用,代码安全防护需要额外处理,本教程不包含完整安全防护方案,学习操作请自行承担风险。


