动态网站制作实例.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的数据库。 　　特别提醒：连接名称可以随便写