Dreamweaver制作动态网页

Dreamweaver制作动态网页DSN数据源的设置Dreamweaver站点的定义注册与登录设计留言板设计建立ASP运行环境(安装、配置IIS)(一)、安装IIS在WindowsXP(专业版)上将WindowsXP安装光盘放入光驱，点击开始—设置—控制面版—添加或删除程序—添加或删除windows组件—在internet信息服务(IIS)项前面打钩，单击下一步进行安装，直至完成internet信息服务(IIS)的安装。如图所示：建立ASP运行环境(安装、配置IIS)建立ASP运行环境(安装、配置IIS)(二)、配置IIS点击开始—设置—控制面版—管理工具—internet信息服务(IIS)，在弹出的窗口单击本地计算机、网站，在默认网站单击鼠标右键，在弹出的窗口选择主目录、在本地面路径选择浏览按钮，选择你建立的网站目录(如：E：\我的网站)，选择文档项，按添加按钮，添加index.asp文档完成IIS的配置。建立ASP运行环境(安装、配置IIS)建立ASP运行环境(安装、配置IIS)二、建立站点MacromediaDreamweaver8是一个站点创建和管理工具，使用它不仅可以创建单独的文档，还可以创建完整的Web站点。站点的定义开始使用Dreamweaver8来创建数据库网站的第一件事，就是定义网站，必须告诉Dreamweaver8网站根目录在哪里，以及服务器位置、类型等相关信息。启动Dreamweaver8后，从主菜单选择站点/管理站点/新建…定义一个新站点。建立ASP运行环境(安装、配置IIS)在弹出菜单中的本地信息栏--站点名称中输入“我的网站”，本地根文件夹中选择“E：\我的网站”，在HTTP地址项填写：“HTTP：\\127.0.0.1\”其余各项保持不变。在“分类”处选择“测试服务器”，在服务器模型处选择“ASPVBScript”,“访问”处选择“本地/网络”，单击确定完成站点的定义。这时网站管理窗口中就可以看到网站根目录的中文件了。建立ASP运行环境(安装、配置IIS)三、怎样建立Access数据库本系统使用的是Access2003创建了一个名为db1.mdb的数据库。系统对数据的读取，存储都是对该数据库进行操作。在Access2003数据库中，所有的数据存储都是围绕表进行的，数据不会存储在数据库的其他位置。虽然可以有许多方法访问数据，但是它们全部来自表。可以说，表示一个数据库的灵魂。三、怎样建立Access数据库执行开始-程序-MccrosoftOffice-MccrosoftOfficeAccess2003(安装MccrosoftOffice2003时，把OfficeAccess2003也打钩进行安装)，执行文件-新建，在弹出窗口右边选择空数据库，文件名保持默认，单击按钮，从弹出窗口选择“使用设计器创建表”，填写相应的字段，具体如下表所示：三、怎样建立Access数据库字段名称数据类型字段大小ID自动编号姓名文本20性别文本30年龄数字10录入时间日期/时间住址文本50四、Dreamweaver与数据库的连接(使用DSN连接数据库)如果打算在网络应用程序中使用数据库，就需要创建至少一个数据库连接。没有数据库连接的话，应用程序将不知道在什么地方找到数据库或者如何与数据库连接。在DreamweaverMX2004中创建数据库连接时，为应用程序提供了与数据库建立联系的信息或参数。1DSN定义(1)在控制面板中，双击管理工具，双击ODBC数据库源图标，出现ODBC数据源管理器窗口，选择系统DSN标记。四、Dreamweaver与数据库的连接(使用DSN连接数据库)(2)单击“添加“，接着选择数据库驱动程序，本系统使用Access数据库，所以MicrosoftAccessDriver(*.mdb)，单击“完成“按钮。(3)出现ODBCMicrosoftAccess安装窗口，在数据源名一栏给连接取个名字conn，说明一栏不是必填项。(4)单击窗口中“选择“按钮，找到数据库的所在路径(“E：\我的网站”)并选中相应数据库文件，选中db1.mdb，此时ODBCAccess安装窗口中数据库一栏就会出现刚才选定的数据库文件，如图所示。四、Dreamweaver与数据库的连接(使用DSN连接数据库)四、Dreamweaver与数据库的连接(使用DSN连接数据库)2DSN连接建立了数据库名(DSN)之后，就可以创建网络应用程序和数据库之间的ODBC连接，DSN被定义后，就能用它来调用各种参数了。(1)启动DreamweaverMX2004，打开已经定义好的站点“我的网站”，在站点-我的网站窗口中点击鼠标右键，点新击建文件，文件名改为index.asp,双击文件index.asp使其处于编辑状态。(2)单击“窗口”中的“数据库”，从“数据库”菜单中。在窗口中点击“+”，选择数据源名称，从弹出窗口“连接名称”一栏键入连接的名字conn;在数据源名称(DSN)一栏从下拉菜单中挑选数据库源名conn;Dreamweaver连接一栏选择使用本地DSN即可。如下图：四、Dreamweaver与数据库的连接(使用DSN连接数据库)五、制作显示数据库记录页(1)、双击index.asp文件，使其处于编辑状态，选择应用程序的“绑定”，点击“+”，à记录集(查询);在弹出的记录集窗口“名称”填写Rs，连接选择conn，表格选择“表1”，“列”选择全部，单击确定完成记录集的绑定。如下图;五、制作显示数据库记录页五、制作显示数据库记录页(2)、在index.asp编辑状态下，插入2行七列的表格，并使其居中，在上一行的七个空格中加入数据表中的内容标签，然后将记录集的各字段拖入下一行对应的空格中，在表格上方输入数据库总记录数X条、目前为第X条数据，并将记录集中的总记录数，第一条记录拖入对应的字中，并使其居中。如下图所示：五、制作显示数据库记录页(3)、选中第二行的全部表格，点击服务器行为，点击“+”选择重复区域，保持默认状态，点击确定完成重复显示区的设计。(4)、点击菜单“插入”，选择“应用程序对象”-记录集分页-记录集导航条,在弹出窗口(保持默认值)点击确定。如图所示：Dreamweaver制作动态网页DSN数据源的设置Dreamweaver站点的定义注册与登录设计留言板设计注册与登录设计对于一个具有动态页面的网站来说，最重要的就是与用户进行交互，为了得到稳定的客户源，或其他原因，需要用户注册成为网站的会员才能使用网站的其他功能。因此，必须设计一个让用户可以注册以及登录的网页。总体设计：主要包含以下几项：配置ODBC数据源；编写一个与数据库进行连接的ASP文件；设计登录页面；设计一个注册的页面；编写对数据库进行操作的相关ASP文件；编写对登录/注册操作成功/失败进行处理的页面。详细设计：一、分析网站设计内容，划分出页面组成及元素二、确立数据库及建立数据库表三、配置设计环境四、设计登录页面五、设计注册页面一、分析网站内容，划分页面组成及元素中文名文件名对象名类型备注登录页面Login.asp用户名称文本域用户密码文本域注册按钮转到注册页面登录按钮提交登录表单注册页面Register.asp用户名文本域类型为单行密码文本域类型为密码确认密码文本域类型为密码注册按钮动作为无清除按钮动作为重设表单注册成功页面RegisterSuccess.html登录链接转到登录页面注册失败页面RegisterFailure.html返回链接转到注册页面登录成功页面Main.html返回链接提示登录成功登录失败页面LoginFailure.html返回登录页面链接转到登录页面注册新用户链接转到注册页面二、确立数据库及建立数据库表建立一个名为USER的Access数据库，在这个数据库里面只需要一个数据表USER。数据表中各字段设计如下表：字段名称数据类型字段大小必填字段允许空字符串备注User文本18是否用户名，主键Password文本18是否密码在Access中实现建立数据库清单步骤：1、启动MicrosoftAccess，单击右侧“新建文件”任务窗格中的“空数据库”选项，则会弹出“文件新建数据库”对话框，提示数据库保存的位置，数据库名为user.mdb。保存完毕后，显示新建的user数据库开始界面。2、在新建的数据库开始界面中双击“使用设计器创建表”选项，打开表设计器设计数据表。在设计器“字段名称”列中分别输入上页数据表中的字段名称，然后在“数据类型”下拉列表项中选择该字段的数据类型。然后在下面常规选项卡中对字段大小、格式、必填字段、是否允许空字符串等进行设置。3、对于用户名和密码字段的设计，其大小一般用户名限制在20位以内，密码限制在15位以内。对密码字段一定进行加密，最简单的办法是单击Password字段的“输入掩码”栏，再单击右边显现的…按钮，弹出“输入掩友向导”对话框。在“输入掩码”列表框中选中“密码”一栏，单击“完成”按钮。这样，在数据表中的密码就全部以*表示了。4、选择user字段，然后右击鼠标，在弹出的快捷菜单中选择“主键”命令，将此字段设置为主键。最后执行菜单栏上的“文件-保存”命令，将弹出“另存为”对话框，将此表保存为user。5、双击user数据表，向数据表中输入用户名和密码，数据库建立完成。三、配置设计环境1、定义IIS站点先在硬盘上建立一个用来存放站点上以后所要建立起来的网页的目录，命名为mysite。将IIS默认站点的名字更改为自己想要的名称。然后将本地网站上建立一个虚拟目录，别名为刚才在硬盘上建立的目录mysite。2、建立Dreamweaver站点在Dreamweaver8起始页执行菜单栏的“站点-管理站点”命令，在打开的“管理站点”对话框中单击“新建”按钮，来新建一个Dreamweaver站点。步骤为：（1）在Dreamweaver8菜单栏中选择“站点-管理站点”命令，打开“管理站点”对话框，在对话框中单击“新建”按钮，然后在弹出的菜单中选择“站点”命令，将弹出“站点定义为”对话框。（2）在对话框中默认显示的是“基本”选项卡，在“基本”选项卡中可以根据向导来定义站点，也可以用“高级”选项卡来定义站点。在“名称”文本框中，输入站点名字“我的小站”，单击下一步，进入下一界面。（3）此页面询问是否使用服务器技术，选中“是，我想使用服务器技术”单选钮。然后在“哪种服务器技术”下拉列表中选择服务器使用的动态网页技术，单击“下一步”，进入下一页面。（4）在此页面中会询问如何使用文件的问题，可以选中“在本地进行编辑和测试”，并在此页面的文本框中输入或选择文件在计算机中的路径。单击“下一步”，进入下一页面。（5）在此界面会询问如何连接到测试服务器，可以在其下拉列表中选择“本地/网络”然后在下面文本框中输入测试文件夹在服务器上的位置。单击“下一步”，进入下一界面。（6）在此界面中需要设置浏览站点的URL，并单击“测试URL”按钮来检查输入的URL是否正确。单击“下一步”，进入下一界面。（7）在此界面中，从对话框中选择“否，不启用存回和取出”单选钮，单击“下一步”，进入下一界面。（8）在此界面中将显示刚才定义的站点信息，检查设置的信息有没有错误。如果正确单击完成“按钮”。3、建立数据源根据ODBC数据源知识，新建一个名为login的系统DSN，在数据源名文本框中输入“login”-选择数据库“user.mdb”。步骤为：（1）执行“开始-设置-控制面板”命令，或者执行“开始-程序-管理工具”命令，在“管理工具”窗口中双击“数据源”图标，将打开“ODBC数据源管理器”对话框。（2）在“文件DSN”选项卡中，单击“添加”按钮，将弹出“创建新数据源”对话框，提示用户选择数据源的驱动程序。（3）选择一个合适的数据源驱动程序，“DriverdoMicrosoftAccess(*.mdb)”，然后单击“下一步”按钮，进入