难度系数:两只鸟 一个人的WWW 我的动态网站3个第一 各位光临过我的小站了嘛(什么?还不知道?$@#%)没去的赶紧啊~最近正在钻研Java、JSP这些东东,心得体会随时会发布在我的网站上,有兴趣的同学不去,你的损失就大了……另外…… 一道足以杀人于无形、探照灯似的凶光直扑而来(注意,此目光来自于天下无双、只有一眼之一目稻草人) 咳~~版面有限,言规正传。本期将完成动态网站的初步工作—— 第一个动态站点:用DreamWeaver MX建动态站 第一个数据库:用Microsoft Access建数据库 第一次连接:连接站点页面与Access数据库 第一个动态站点 用DreamWeaver MX建动态站 上期,我们已经设置好服务器环境,马上就要用DreamWeaver建立第一个动态站点。 http://www.dw8.cn/images/2005/136/1-01.jpg
① 打开Dreamweaver MX 软件。 ② 按下键盘上的“F8”键,打开站点窗口。 ③ 点击“站点”-->“新建站点”,弹出站点定义窗口。
http://www.dw8.cn/images/2005/136/1-02.jpg
① 选择“基本”标签。 ② 输入站点名:“myaspsite”。 ③ 点“下一步”。
http://www.dw8.cn/images/2005/136/1-03.jpg
① 选择“是,我想采用服务器技术”。 ② 服务器技术选择“ASP VBScript”。 ③ 点击“下一步”。
① 确认选择“在本地进行编辑和测试”。 ② 单击文件夹图标,弹出指定“文件存储位置”窗口。 ③ 选中上期已经建立的“myasp”文件夹。 ④ 点击“下一步”。 特别提醒:myasp文件夹已被设置为“虚拟目录”,将所有的ASP动态文件放在里面,方便管理、调试。 http://www.dw8.cn/images/2005/136/1-09.jpg
① 在URL文本框“http://localhost/”后面添加“myasp/”。 ② 点击“测试URL”,弹出测试成功窗口。 ③ 点击“确定”返回。 ④ 点击“下一步”。 特别提醒:后面添加的“myasp/”可不是乱写的,它就是虚拟目录的“别名”。
① 因为是个人学习建站之用,选择“否”。 ② 继续“下一步”。
确认所有设置,点击“完成”,回到DW窗口。 可以看到,DW的站点中已经有了根文件夹和一个time.asp文件(上期建立的第一个动态网页)。至此,形成了DW和本地文件操作的完美结合,所有对文件的操作只要在DW的站点里面设置就可以了。 第一个数据库 用Microsoft Access建数据库 动态网站的特点就是所有的资料都放在数据库中,再通过网页把数据显示出来。接下来就建立第一个数据库,储存网站所有的资料信息。 一、建立新数据库 http://www.dw8.cn/images/2005/136/1-12.jpg
① 启动Microsoft Access数据库软件。 ② 点击“新建”按钮。 ③ 选择“空数据库”,弹出数据库保存路径询问框。 ④ 将新建数据库保存到E盘myasp文件夹里。 ⑤ 数据库文件命名为“cnbruce”。 ⑥ 确认后,点击“创建”。 二、设计新的数据库表
① 数据库创建成功后,主窗口中出现名为cnbruce的窗口。 ② 双击“使用设计器创建表”。http://www.dw8.cn/images/2005/136/1-14.jpg
① 字段名称下输入:“id”。 ② 单击“数据类型”输入框,点击下拉黑箭头。 ③ 选择“自动编号”。 ④ 重复①→③的方法,添加字段“my_name”,数据类型“文本”。 ⑤ 重复①→③的方法,添加字段“my_age”,数据类型“数字”。 ⑥ 重复①→③的方法,添加字段“my_email”,数据类型“文本”。 ⑦ 重复①→③的方法,添加字段“my_url”,数据类型“文本”。http://www.dw8.cn/images/2005/136/1-16.jpg
① 单击 “id”字段行的左边,选中此行。 ② 单击钥匙状图标,将“id”字段设为“主键”。 ③ 选择磁盘图标,弹出保存窗口。 ④ 将表格命名为“aboutme”,点“确定”。 三、添加数据内容 第一个数据库的第一个数据,我的个人资料:cnbruce、23岁,男性,邮箱blue@cnbruce.com, http://www.cnbruce.com,下面就把它加入。http://www.dw8.cn/images/2005/136/1-17.jpg
① 双击“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制作的动态网页成功了~ 以后网站的任何内容,都可以放到数据库里,再通过这种方法显示出来,是不是很方便:) 激动不? 下期预告 如果每次添加数据库,都要打开Access,岂不是要累死~!?通过DW完全可以把添加数据的效果用页面做出来。欲知如何添加,下个月见。
|