动态网站制作实例.doc

动态网站制作实例

本期将完成动态网站的初步工作——
第一个动态站点：用DreamWeaver MX建动态站
第一个数据库：用Microsoft Access建数据库
第一次连接：连接站点页面与Access数据库
第一个动态站点
用DreamWeaver MX建动态站
　　上期，我们已经设置好服务器环境，马上就要用DreamWeaver建立第一个动态站点。

① 打开Dreamweaver MX 软件。
② 按下键盘上的“F8”键，打开站点窗口。
③ 点击“站点”-->“新建站点”，弹出站点定义窗口。

① 选择“基本”标签。
② 输入站点名：“myaspsite”。
③ 点“下一步”。

① 选择“是，我想采用服务器技术”。
② 服务器技术选择“ASP VBScript”。
③ 点击“下一步”。

① 确认选择“在本地进行编辑和测试”。
② 单击文件夹图标，弹出指定“文件存储位置”窗口。
③ 选中上期已经建立的“myasp”文件夹。
④ 点击“下一步”。
　　特别提醒：myasp文件夹已被设置为“虚拟目录”，将所有的ASP动态文件放在里面，方便管理、调试。

① 在URL文本框“http://localhost/”后面添加“myasp/”。
② 点击“测试URL”，弹出测试成功窗口。
③ 点击“确定”返回。
④ 点击“下一步”。
　　特别提醒：后面添加的“myasp/”可不是乱写的，它就是虚拟目录的“别名”。

① 因为是个人学习建站之用，选择“否”。
② 继续“下一步”。

确认所有设置，点击“完成”，回到DW窗口。可以看到，DW的站点中已经有了根文件夹和一个time.asp文件（上期建立的第一个动态网页）。至此，形成了DW和本地文件操作的完美结合，所有对文件的操作只要在DW的站点里面设置就可以了。

第一个数据库
用Microsoft Access建数据库
动态网站的特点就是所有的资料都放在数据库中，再通过网页把数据显示出来。接下来就建立第一个数据库，储存网站所有的资料信息。
一、建立新数据库

① 启动Microsoft Access数据库软件。
② 点击“新建”按钮。
③ 选择“空数据库”，弹出数据库保存路径询问框。
④ 将新建数据库保存到E盘myasp文件夹里。
⑤ 数据库文件命名为“cnbruce”。
⑥ 确认后，点击“创建”。
二、设计新的数据库表

① 数据库创建成功后，主窗口中出现名为cnbruce的窗口。

② 双击“使用设计器创建表”。

① 字段名称下输入：“id”。
② 单击“数据类型”输入框，点击下拉黑箭头。
③ 选择“自动编号”。
④ 重复①→③的方法，添加字段“my_name”，数据类型“文本”。
⑤ 重复①→③的方法，添加字段“my_age”，数据类型“数字”。
⑥ 重复①→③的方法，添加字段“my_email”，数据类型“文本”。
⑦ 重复①→③的方法，添加字段“my_url”，数据类型“文本”。

① 单击 “id”字段行的左边，选中此行。
② 单击钥匙状图标，将“id”字段设为“主键”。
③ 选择磁盘图标，弹出保存窗口。
④ 将表格命名为“aboutme”，点“确定”。三、添加数据内容
　　第一个数据库的第一个数据，我的个人资料：cnbruce、23岁，男性，邮箱blue@, ，下面就把它加入。

① 双击“aboutme”表，进行数据添加。
② id是自动编号，不需要填。
③ 单击my_name下的输入框，输入“cnbruce”。

④ 单击my_age 下的输入框 ，输入“23”。
⑤ 重复③的方法，设置好my_email、my_url。
⑥ 点击“保存”按钮。
⑦ 关闭整个Access数据库管理软件。
　　数据库及表的建立，数据的简单添加已经完成，下面就要用DreamWeaver MX软件做个ASP页面来操纵数据库表了。
第一次连接
连接站点页面与Access数据库
一、连接数据库表

① 鼠标右键单击“站点文件”按钮。
② 选择“新建文件”，命名为“showme.asp”。
③ 双击“showme.asp”文件，主窗口出现设计页面。

① 同时按下键盘上的“Ctrl”键、“Shift”键、“F10”键，打开“应用程序”面板。
② 选择“数据库”标签。
③ 点击“+”-->“自定义连接字符串”，弹出自定义对话框。
④ 连接名称输入“conn”。
⑤ 连接字符串输入：Driver={Microsoft Access Driver (*.mdb)};DBQ=e:\myasp\cnbruce.mdb
⑥ 选中“使用此计算机上的驱动程序”。
⑦ 点击“测试”，出现成功提示即可。
⑧ 点击“确定”，建立连接。回到应用程序面板，在应用程序下面多出一个conn的数据库。
　　特别提醒：连接名称可以随便写，但连接的字符串必须完全正确，这是ASP连接数据库的国际代码规范。

① 点击“conn”前的加号（加号变为减号，表示下级目录被展开）。
② 依次点击“表”→“aboutme”前加号，就会看到数据库表内的字段了，表明建立了和库的连接。
二、绑定记录集

① 选择“绑定”标签。
② 点击“+”-->“记录集（查询）”，弹出记录集窗口。

① “名称”输入：“tome”。
② 点击连接项下拉列表，选择“conn”。
③ 表格项选择“aboutme”。
④ 其他一律不动，点击“确定”。
　　特别提醒：“绑定记录集”就表示当前的页面和数据库表已经捆绑在一起了。这样可以在页面中对数据库进行修改、添加等控制。
三、显示数据库表中的记录数据

① 选择“应用程序”标签。
② 单击选中“动态表格”按钮，弹出动态表格对话框。
③ 记录集项选择“tome”。

④ 选择“所有记录”。
⑤ 点击“确定”，会自动生成一个动态表格。

① 按“F12”键，对动态表格进行预览。
② 数据库里面的所有信息全部通过网页显示出来了。一个真正的用DW制作的动态网页成功了～
　　以后网站的任何内容，都可以放到数据库里，再通过这种方法显示出来，是不是很方便:) 激动不？