室内设计培训
平面设计培训
部落窝教育
网站首页 >> 设计在线 >> 文章内容

用Dreamweaver实现ASP动态网站建设

[日期:2010-01-25]   来源:IT部落窝  作者:admin   阅读:3550[字体: ]
  本文主要从建立ASP运行环境(安装、配置IIS)、建立站点、怎样建立数据库、Dreamweaver与数据库的连接(使用DSN连接数据库)、显示数据库记录、插入数据库记录、修改数据库记录和删除数据库记录等等内容,以实现ASP动态网站的全部设计过程,希望能给你对建立ASP动态网站有所帮助。

  系统软件要求
   本教程将运行在Windows XP操作系统上,由IIS Web服务器和Access 2003数据库建立Web站点,通过Dreamweaver+ASP技术开发动态页面的技术。

   环境:XP IIS 5.0+ACCESS 2003+Dreamweaver
   Windows XP的Internet 信息服务 (IIS) 给 Windows 带来 Web 计算的强大功能。 IIS 是创建和开发动态网站解决方案的安全平台。

   一、 建立ASP运行环境(安装、配置IIS)
   安装IIS
   在Windows XP(专业版)上将Windows XP安装光盘放入光驱,点击开始—>设置—>控制面版—>添加或删除程序—>添加或删除windows组件—>在internet信息服务(IIS)项前面打钩,单击下一步进行安装,直至完成internet信息服务(IIS)的安装。

   二、建立站点
   Dreamweaver是一个站点创建和管理工具,使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点。
   站点的定义
   开始使用Dreamweaver来创建数据库网站的第一件事,就是定义网站,必须告诉Dreamweaver网站根目录在哪里,以及服务器位置、类型等相关信息。
   启动Dreamweaver后,从主菜单选择站点/管理站点/新建…定义一个新站点。
   在弹出菜单中的本地信息栏--站点名称中输入“我的网站”,本地根文件夹中选择“E:我的网站”,在HTTP地址项填写:“HTTP:\127.0.0.1”其余各项保持不变。在“分类”处选择“测试服务器”,在服务器模型处选择“ASP VBScript”,“访问”处选择“本地/网络”,单击确定完成站点的定义。
   这时网站管理窗口中就可以看到网站根目录的中文件了。

   三、数据库
   本系统使用的是Access 2003创建了一个名为db1.mdb的数据库。系统对数据的读取,存储都是对该数据库进行操作。
   在Access 2003数据库中,所有的数据存储都是围绕表进行的,数据不会存储在数据库的其他位置。虽然可以有许多方法访问数据,但是它们全部来自表。可以说,表示一个数据库的灵魂。
   执行开始->程序->Mccrosoft Office -> Mccrosoft Office Access 2003(安装Mccrosoft Office 2003时,把Office Access 2003也打钩进行安装) ,执行文件->新建,在弹出窗口右边选择空数据库,文件名保持默认,单击按钮,从弹出窗口选择“使用设计器创建表”,填写相应的字段。

   四、Dreamweaver与数据库的连接(使用DSN连接数据库)
   如果打算在网络应用程序中使用数据库,就需要创建至少一个数据库连接。没有数据库连接的话,应用程序将不知道在什么地方找到数据库或者如何与数据库连接。在Dreamweaver 中创建数据库连接时,为应用程序提供了与数据库建立联系的信息或参数。
   1 DSN定义
   (1) 在控制面板中,双击管理工具,双击ODBC数据库源图标,出现ODBC数据源管理器窗口,选择系统DSN标记。
   (2) 单击“添加“,接着选择数据库驱动程序,本系统使用Access数据库,所以Microsoft Access Driver(*.mdb),单击“完成“按钮。
   (3) 出现ODBC Microsoft Access安装窗口,在数据源名一栏给连接取个名字conn,说明一栏不是必填项。
   (4) 单击窗口中“选择“按钮,找到数据库的所在路径(“E:我的网站”)并选中相应数据库文件,选中db1.mdb,此时ODBC Access安装窗口中数据库一栏就会出现刚才选定的数据库文件。
   建立了数据库名(DSN)之后,就可以创建网络应用程序和数据库之间的ODBC连接,DSN被定义后,就能用它来调用各种参数了。
   (1) 启动Dreamweaver,打开已经定义好的站点“我的网站”,在站点-我的网站窗口中点击鼠标右键,点新击建文件,文件名改为index.html,双击文件index.html使其处于编辑状态。
   (2) 单击“窗口”中的“数据库”,从“数据库”菜单中。在窗口中点击“+”,选择数据源名称,从弹出窗口“连接名称”一栏键入连接的名字conn;在数据源名称(DSN)一栏从下拉菜单中挑选数据库源名conn;Dreamweaver连接一栏选择使用本地DSN即可。

   五、制作显示数据库记录页
   (1)、双击index.html文件,使其处于编辑状态,选择应用程序的“绑定”,点击“+”,à记录集(查询);在弹出的记录集窗口“名称”填写Rs,连接选择conn,表格选择“表1”,“列”选择全部,单击确定完成记录集的绑定。
  (2)、点击菜单“插入”,选择“应用程序对象”->记录集分页->记录集导航条,在弹出窗口(保持默认值)点击确定。

   六、制作添加数据记录页
   新建一网页,命名为add.asp,并使其处于编辑状态,点击菜单“插入”,选择“应用程序对象”->插入记录->插入记录表单向导,在弹出窗口“连接”项选择conn,“插入到表”选择“表1”,“插入后转到”填写a.asp(提交成功显示网页,将在下一步建立),删除不需要的字段(ID),然后点击确定按钮完成页面的制作。
IT部落窝PS,CDR,213班 分享到: QQ空间 新浪微博 腾讯微博 人人网
photoshop教程
Photoshop教程
平面设计教程
Photoshop教程