Dreamweaver MX 2004做ASP程序

(1)设置站点

　　最近论坛和ＱＱ里总有人问，＂我要学习ＡＳＰ但是不知道从哪里学起？有没有初级入门的教程？＂，其实本站中已经有好多关于ASP的教程了而且还有相关的书籍提供大家下载，可能是没看到的原因吧？从今天开始我编写个教程教你一步一步学习ASP，在这里我们使用可视话的编程工具Dreamweaver MX 2004来实现开发ASP程序，在以后我将陆续给大家介绍如何开发ASP.NET、PHP，JSP。本教程写得比较简单，上手应该比较容易，大家跟着一步一步做就行了。我的操作系统是Win XP，所以截的图都是XP的界面。

　　1、打开电脑，在E盘下建立一文件夹myweb（这个夹子就是你的站点存放点了），并且在里面建几个子文件夹（就好似你网站的子目录）

　　2、回到myweb的根目录，右键选择“共享和安全”（其实是快速地建立虚拟目录）

　　3、出现属性对话框后，选择“Web共享”标签，点选“共享文件夹”，出现共享别名对话框，选择默然设置，确定即可。

　　4、补充说明。其实设置Web共享就是设置IIS的虚拟目录。你可以查看到IIS中默认网站中已经有了myweb(附注：偶的OS是winXP的，其实有关IIS的操作一回事。如： winXP里面打开控制面板－管理工具－Internet 信息服务---本地计算机---默认站点）（注：关于在XP下安装ＩＩＳ的方法请看：XP下安装IIS5.1视频教程）

　　5、以上步骤完成了建站，设虚拟目录，下面就是把Dreamweaver MX 2004打开了。第一步就是“管理站点”了

　　6、选择“定义站点”，在弹出的属性框中选“高级”标签，从“分类”中先选“本地信息”，右窗口中设置站点名称（随便输入，但自己要清楚其代表的意思，推荐和你站点的根文件名同），本地根文件夹（这时候就指向到我们在步骤1中建的文件夹了）。

　　7、然后设置远程信息，访问选择“本地/网络”，远端文件夹仍选择我们的站点文件夹e:\myweb\

　　8、再接着“测试服务器”，“服务器模型”暂为ASP Javascript，“访问”本地/网络，“测试服务器文件夹”仍是我们的站点文件夹e:\myweb\，“URL前缀”在http://localhost后面加入myweb，添加的东西就是我们步骤3中设置的虚拟目录

　　9、这时，站点定义基本结束，点击确定。出现“编辑站点”对话框，“完成”即可。

　　10、此时DW的站点属性框中就将e:\myweb\内所有内容映射过来，在此需要提醒的是：Dreamweaver MX 2004中建好了站点连接，就可直接在DW中对其对应的文件、文件夹操作，最好不要回到我的电脑d:\myweb\里面去操作。【 能在DW中操作的，尽量不要离开DW的编辑环境 】。

 

(2)建立数据库

　　1、首先确认站点根目录下有专门的数据库存放目录，比如e:\myweb下面的database文件夹（有则Ok，无则新建）。我使用的是Microsoft Access 2003。

 　　接着打开Microsoft Access，"文件"---“新建”，之后选择空数据库，在弹出的对话框中选择存放路径并命名。

　　2、在新建的数据库中“使用设计器创建表”，弹出的“表1”中设计你的相关字段，注意各自的“数据类型”，还有一点很重要：字段ID，类型自动编号，并选择它定为主键。

　　3、设计完“表1”后，直接关闭该窗口，在弹出对话框中点击“是”保存“表1”，并重新命名为user。

　　此时一点需要提到：刚刚强调的设置字段id相关是必须的，否则在保存之后还会出现如下对话框，其效果还是设置类型是自动编号的关键字段。

　　4、这时候数据库表user已经建立完毕。

　　5、双击数据库表user，小添试一下，在弹出的user表中输入相关内容。关闭保存。

　　至此对数据库、表、字段的建立保存工作完毕。下面就开始动用Dreamweaver操纵mdb文件了。 

 

(3)显示数据库的数据

　　1、打开Dreamweaver MX 2004，在站点里面先新建个ASP页面（index.asp）,选择新建项目中的“ASP Javascript”。打开应用程序面板，在“应用程序”面板中选中“数据库”标签。只要我们在前面建立了站点，选择了文档类型（即我们选的ASP Javascript的），并且还测试了服务器（http://localhost/myweb/）。那现在就点击“+”号，选择“自定义连接字符串”。

　　2、在弹出来的“自定义连接字符串”对话框中，"连接名称"随便写一个。“连接字符串”就要好好填写了。driver={Microsoft Access Driver (*.mdb)};dbq=e:\myweb\database\webjxcom.mdb。这在手工编写ASP连接数据库代码中很普遍(相关文章见http://www.webjx.com/htmldata/2005-03-24/1111596140.html)

　　点击“测试”，出现成功就可以了。

　　如果连接不成功你可以打开Dreamweaver的帮助查看一下相关的说明。

　　3、成功连接数据库后，在DW里其实是自动生成了一个连接文件。位置在自动生成的Connections文件夹中，名称是你刚才在“自定义连接字符串”随便敲的为命名asp文件。还可以注意到DW数据库标签内看到mdb文件内的各个字段。

　　4、连接数据库的文件是有了，但下面我们具体的单个页面怎么和数据库连接上呢？选择“绑定”标签，添加“记录集（查询）”。单看字面意思就知道是来SQL查询语句了。

　　5、在弹出的“记录集”窗口中，“名称”随便写个吧，也可不写，默认的。但"连接"就要从下拉列表中选择你定义的连接对象了，“表格”继续下拉选择（注：这和设计数据库的时候有几张表相关的）。

　　6、其它随便看下，其实最主要的是自动生成了SQL语句，点选“高级...”，可以看到如下图

　　7、单击确定后，你会发现记录集已经绑定，所有数据库中的字段都显现出来。

　　再注意下面有“插入”按钮，完全可以将某个字段选中，或按按钮或拖动到index.asp页面即可。该asp页面就显示数据库里面内容了。但只能显示首行的，要想全部显示。。。。Next

　　8、“插入”菜单-->>“应用程序对象”-->>“动态数据”-->>“动态表格”。如下图：

　　9、弹出的动态表格中选择已经帮定的记录集，显示几条记录明白说就是分页程序的生成：数据的记录多，内容多，就分好几页来显示，每页几条。记录是用表格自动生成显示出来的，再设下表格的属性。

　　单击“确定”后效果如下：

　　10、这时我们就可以按F12查看效果，当然您如果对HTML代码和CSS已经熟悉了，那么你可以格式化一下表格，使它看起来更加漂亮！最终效果如下：

　　到现在为止你已经学会怎么连数据库，怎么显示库表中的记录了。等待你的就是下面怎么插入新的记录，怎么修改记录，删除记录等等。请继续关注以下教程吧！