利用DW8制作留言板.doc

利用DreamWeaver8制作留言板2013年4月3日网站主页上部导航栏里面有一个链接“进入留言”按钮，点击后进入“留言页面”，在此页面上有个留言板，输入“留言人”、“留言标题”和“留言内容”，并“确定”后跳转到留言显示页面，看到留言内容。首先用Access软件创建名为message.mdb数据库并保存到网站主目录下的dadabase文件夹里，在数据库中创建t_book数据表，字段名分别设计为t_name，t_topic，t_message，t_time四个字段；t_time列设计“日期”外其它设计为文本。操作方法如下：1、启动DreamWeaver软件，创建index.asp、message.asp两个文件并保存。2、打开message.asp文件，进入“设计”视图，点击右侧边栏（DW软件操作平台右边有一个工具栏，叫“右边栏”）中的“数据库”。3、选择点击“数据库”下面的“”按钮，选择“自定义链接字符串”选项。4、弹出的“自定义字符串”对话框中写入或选定一下内容： a、链接名称：文本框里输入conn。b、连接字符串：文本框输入数据库文件message.mdb的链接字符串。方法：“自定义字符串”对话框右边点击“帮助”，打开设置“自定义连接字符串”对话框选项，点击“设置连接字符串选项”信息，新打开一个“设置连接字符串选项”说明栏，滚动条拉下来，看到两行英文字符，把它复制过来粘贴到文本框里，接着把数据库地址文字修改过来就OK了。然后单击“测试”按钮，弹出“成功创建连接脚本”信息框，单击确定，然后再次确定。这时，在“右边栏”数据库下面生成一个 |conn|。点击标志，看到 “表”、视图、预存过程等三行字符，再点击“表”，看到自己创建的数据表t_book各个字段的名称。这些表明数据库连接成功。保存message.asp文件。5、点击上部“插入”菜单，从下拉列表菜单以下顺序打开“应用程序对象插入记录插入记录表单导向”，弹出“插入记录表单”对话框。6、链接文本框：输入conn。插入到表格：选择t_book。插入后，转到：文本框里输入或右边按钮浏览要转入的文件index.asp。7、表单字段用 + 按钮选择删除不需要的字段名，然后用 按钮上下移动调整个字段的顺序位置，如果自动排序正常，可以不动原排序。8、点选字段名t_name，在标签：文本框里输入“留言人：”，在显示：选项框里选择“文本字段”，提交为：选项框里选择“文本”；接着点选t_topic字段名，标签：后面输入“标题”，其它设计和t_name一样；然后点选t_message字段名，标签：文本框“内容”，在显示：选项里面选择“文本域”，因为留言是多行字符，提交为：里面选“文本”；最后点选t_time字段名，在显示：选项里选择“隐藏域”因为留言时间不必要键入，让系统自动生成，下面的初始值文本框里输入，这是自动生成留言时间的asp程序函数。9、点击确定，看到“留言本”原始文本框。打开IE浏览器浏览，填写文本框内容，并点击“提交”按钮（由于还没有编制index.asp文件，看到的是一个空白页）。这个时候用Office Access打开前面创建的t_book数据表，可以看到刚才填写提交的留言信息。10、打开index.asp文件，进入“设计”视图。11、“右边栏”点击“数据库”，点选“绑定”按钮，单击“+”号显示记录集（查询），点击“记录集（查询）”字符串，弹出“记录集”对话框。12、名称：文本框中自动生成的“Recordset1”改为：“message”；链接：文本框中选择conn；表格：文本框中选择t_book；列：|全部 选定的|里点选全部；在下面的排序：文本框中选择“按留言时间排序”；然后右边选择“降序”（这样，最后的留言四暗示为第一行）。13、点击“插入”下拉列表菜单，点击“表格”，插入4行4列的表格，宽度为660px,第一行第一列中输入“留言人：”，第二列中输入“内容：”，第三列中输入“留言时间：”。第二行第一列中输入“标题：”，这一行中间的两列合并成一列（表格属性面板里操作）。第三行第一列中输入“内容：”，这一行中间的两列也合并成一列（同上述方法一样）。第四行合并成一列，并键入“进入留言”链接字符，选中这个字符在上部菜单“常规”或表格属性面板里面创建连接。然后第二、第三行后面的留言时间列合并成一行。保存文件。14、绑定字段，“右边栏”数据库下面的各个字段名“拖动”（选中字段名，光标移动）到页面中相应的单元格内，显示字段名称的英文字符串。14、添加重复区，选中表格第二、第三行，在“插入”菜单选应用程序对象重复区域，点击弹出“重复区域”对话框。记录集：文本框输入message，显示：记录，所有记录选项中选择全部（可以写入10条、5条、2条等）。单击确定。保存文件。15、进入“代码”视图，和之间自动生成的上部代码移动到第一行结束标志和第二行开始标记前面。自动生成的下部代码移动到第三行结束标志