从零开始动态网站制作实例入门教程

从零开始:动态网站制作实例入门教程

本期将完成动态网站的初步工作——

第一个动态站点：用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”，点“确定”。

三、添加数据内容

①双击“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”。

④其他一律不动，点击“确定”。

特别提醒：“绑定记录集”就表示当前的页面和数据库表已经捆绑在一起了。这样可以在页面中对数据库进行修改、添加等控制。

三、显示数据库表中的记录数据