dreamweaver制作留言板步骤
ASP+Dreamweaver数据库网站开发与实例 第13章 制作留言板

ASP+Dreamweaver MX 2004数据库网站开发与实例
13.2.3 浏览回复留言
下面创建用来显示留言内容和相关回复留言网页refDetail.asp。网页 refDetail.asp同样需使用到bbMain和bbRef这两个数据表。这一次必须取得两个数 据表中的所有字段,并且根据留言主页传送过来的URL参数bbID,进行筛选操作, 只取出符合这个参数的数据 。 下面设置refDetail.asp文件中所要显示的内容,在其中加入一个总共3行,用 于显示数据的表格。 最后设置一个回复留言功能的超级链接文字,并且新增一个供用户输入回复 留言的ASP网页replay.asp。
13.2.3 浏览回复留言
13.2.4 设置留言点击次数 13.2.5 发布新留言 13.2.6 创建回复功能
ASP+Dreamweaver MX 2004数据库网站开发与实例
13.2.1 创建数据库连接
要创建制作留言板所需的数据库连接,首先创建数据源,然后在 Dreamweaver中的“应用程序”面板的“数据库”选项卡中,根据数据源名 称来连接数据库,并且将其命名为connBulletin,如下图所示。
13.1.1 数据库结构
bbMain数据表和bbRef数据表之间的通过bbID和bbMainID字段关联,如 下图所示。
ASP+Dreamweaver MX 2004数据库网站开发与实例
13.1.2 文件结构和程序流程
一个拥有基本功能的留言板,需要分别提供发表留言主题和回复特定留 言所需的网页界面,其中包含发表留言、浏览所有已发表留言、回复特定主题 等 ,如下图所示。
ASP+Dreamweaver MX 2004数据库网站开发与实例
留言本制作流程

留言本制作流程1、安装和配置IIS2、建立数据库3、DW中定义站点4、制作留言本首页index.asp5、连接数据库6、数据绑定7、添加新留言页面insert.asp8、管理页面edit.asp9、登陆页面login.asp10、删除记录页delete.asp11、回复页面huifu.asp具体操作一、安装和配置IIS二、数据库的建立数据库方面我们需要用到两张表,表admin用于存放超级用户的姓名及密码,表main存放留言信息。
1、表admin里有两个字段(1)adminname为管理员的名称。
(2)password为登陆密码。
2、表main里有六个字段(1)字段ID数据类型设为自动编号,并把它设置为主键。
(2)name为留言用户的姓名。
(3)content为存放的留言内容,由于文本数据类型最多只能存放255个字符,对我们的留言内容来说少了点,所以这里要把它设置成备注,因为备注这种数据类型最多可以存放65,535个字符,完全够用了。
(4)date为提交留言的时间,数据类型为“日期/时间”,并要设置一个默认值为now()。
它的作用是当提交一条留言的时候如果不指明该字段的值,则系统会用当前的日期的时间来填充该字段。
(5)repcontent为站长回复的内容,同留言内容。
也需要添加一个默认值,为”暂时没有回复”。
它的作用是如果当前这条留言内容还没有回复的话显示。
注意那两个双引号,一定要在英文输入状态下的才行,如"",如果中文下输入的“”则就会报错。
(6)repdate为管理员回复留言的时间。
三、设置Dreamweaver站点四、留言本首页的制作——index.asp1、功能——用于显示留言和一些功能性的连接。
2、步骤(1)在Dreamweaver中新建一页(在"新建"文档对话框中选"ASP VBScript"类型的文档),存为index.asp。
Dreamweaver+ASP_VBScript+ACCESS留言板设计

ASP VBScript+ACCESS留言板设计准备工作:安装好ASP服务器(IIS)和ACCESS数据库,配置IIS本地根目录为D:\MyWeb1.建立Access数据库打开ACCESS软件,新建一空白数据库,ACCESS会提示先保存数据库,定位到你的留言本所在文件夹,保存为data.mdb。
数据库设置:ID:设为主键,确定数据唯一性以保证在管理时能准确定位到相应记录Name:字段大小设为15(名字没有这么长的)Email:字段大小为20(Email地址的长度)ICON:字段大小为255Hpage:字段大小为30(很多朋友还在用二级甚至三级的域名,所以放宽一点)Date:默认值为Now ()(用Now()取得插入新记录时系统的时间)如下图,关闭并保存为main再创建表admin,以保存管理帐号,保存为admin,如下图:2.创建主页并连接数据库在Dreamweaver中新建一页,保存为index.asp,并修改页面标题为“留言板首页”,如下所示;插入一个5行1列的表格,设置宽度为650像素,边框为1,在属性选择居中对齐,在其中继续插入表格,最终效果如下图:连接数据库:按窗口打开服务器行为面板,看那四项中的前三项前是否有勾号,如果没有就是相应项在定义站点是没设置好,重新编辑Dreamweaver的站点,如果有就开始创建记录集,在服务器行为面板上单击"+"号,定义连接数据库字符串。
按数据库弹出的菜单点:自定义连接字符串"按钮,在"自定义连接字符串"对话框中填写连接名称conn,连接字符串:"DRIVER={Microsoft Access Driver (*.mdb)};DBQ=D:aspguestbookdata.mdb"然后按测试,软件自动的生成和数据库的连接的conn.asp文件(Connections文件夹内)创建记录集,点绑定出来菜单,点记录集按如下图选择,这样就完成了连接数据库的工作。
使用Dreamweaver制作留言簿

十、创建删除留言功能页面
操作提示:4、插入一个表单和按钮,设置按钮值为”确认删除”
十、创建删除留言功能页面
操作提示:5、插入”应用程序对象/删除记录”
十、创建删除留言功能页面
操作提示:6、设置连接、表格、记录、主键、表单、转到等项
操作提示:3、设置连接、表名、字段等相关属性
七、创建添加留言功能页面
操作提示:4、添加留言功能页面制作完成
八、创建管理留言登录页面
八、创建管理留言登录页面
操作提示:1、创建管理留言登录页面文件login.asp
八、创建管理留言登录页面
操作提示:2、点击”插入/表单/表单”,插入一个表单
八、创建管理留言登录页面
六、创建显示留言功能页面
操作提示:12、将绑定的数据项拖到网页相应位置
六、创建显示留言功能页面
操作提示:13、合并主题和内容后的单元格
六、创建显示留言功能页面
操作提示:14、设置整个表格间距为1,背景色为淡灰色
六、创建显示留言功能页面
操作提示:15、再设置表格内所有单元格背景色为白色,得到细线表格
操作提示:21、录入1条数据并保存,最后关闭表和数据库
二、配置ODBC数据源
二、配置ODBC数据源
操作提示:1、依次点击“开始/设置/控制面板”,打开控制面板窗口
二、配置ODBC数据源
操作提示:2、打开“管理工具”
二、配置ODBC数据源
操作提示:3、打开ODBC数据源管理器
二、配置ODBC数据源
操作提示:18、输入字段username和password
一、创建站点文件夹和数据库
利用DW8制作留言板

利用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、点击上部“插入”菜单,从下拉列表菜单以下顺序打开“应用程序对象→插入记录→插入记录表单导向”,弹出“插入记录表单”对话框。
通过Dreamweaver CS3学习HTML+DIV+CSS 第21章 ASP留言本

留言本主要用于收集信息,为客户解决提出的疑问等交 流环境.现在还有许多网站都保留这项功能.现在流行 的博客,其基本思想与留言本大同小异,可以说是由其 发展的产物.留言本的制作过程比较简单,利于初学者 进行学习,本章将详细介绍留言本的制作过程.
21.1 制作前期规划
像建房一样,首先需要有一个规划和蓝图,从而避免在 制作过程中,出现各种问题.这也是设计时的一种良好 习惯.网站设计与软件设计其实有许多相同之处,在制 作前须选进行需求分析,具体分析需要实现哪些功能, 其可行性分析,以及制作环境与工具的准备等.
21.1.2 环境搭建
搭建好服务环境后,就需要准备工具环境.在这里使用Dreamweaver CS3制作留言本,所以必须为留言本创建一个站点,具体步骤如下:
21.2 数据库准备
留言本的留言或回复内容都存储在数据库中,然后从数 据库输出并显示在网页中.首先需要设计数据库中的表 格.在此设计了两个表格:一个表格用于存储留言及访 客基本信息;另一个表格用于存储管理员的账号与密码.
�
21.1.1 功能分析
留言本的主要作用是收集客户提交的反馈信息,或对客户提出的疑问进行 解答.另外还需要具有辅助管理功能:对客户的留言进行管理,如修改或 删除;对管理实现权限控制,不能让其他用户随便进行删改.大概流程如 图所示.
21.1.2 环境搭建
留言本是一种简单的动态网页程序,需要有服务器环境的支持.支 持ASP的最典型的服务环境是微软的IIS.对于初学者,可能还是有 一些复杂.在这里,推荐一款简单的ASP服务程序—— AspWebServer.在源码网可以下载,下载地址为: /soft/18651.htm. 只需要把AspWebServer放在网站所在的目录运行即可.注意,需 要保证80端口没有被使用,否则无法成功运行.运行之后在地址栏 输入127.0.0.1即可浏览网站中的网页.注意首页的名字必须是 default.asp,default.htm,default.html,index.asp,index.htm或 index.html其中之一.
留言板制作步骤

留言板制作步骤:一、将源文件digiboard拷贝到c:\appserv\www文件夹中;二、在phpmyadmin中建立数据库“digiboard”并导入“digiboard.sql”文件;三、在Dreamweaver中建立动态站点“digiboard”;四、制作留言板主页面。
(digiboard.php)1、设置数据库连接1)打开digiboard.php,切换到【应用程序\数据库】面板,单击【+\mysql连接】命令;2)填写连接名称(conndigiboard),mysql服务器(localhost),用户名(root),密码(123);3)单击【选取…】按钮,选择“digiboard”数据库后,确定;4)单击测试按钮,查看连接设置是否正确;2、绑定记录集1)切换到【应用程序\绑定】面板,单击【+\记录集(查询)】命令;2)在记录集窗口中填写名称(recdigiboard),连接(conndigiboard),表格(board),列(全部),排序(digiB_id,降序);单击【确定】;3)在【绑定】面板中展开所设置的记录集,显示数据库字段名称;依次向页面中插入digib_name,digib_id,digib_subject,digib_potime字段;3、设置表情图片选择表情头像占位符,在【属性】面板【源文件】文本框中输入前置路径“images/face”,并单击【浏览】按钮,选择【数据源】单选按钮,选择【digib_face】选项,在url文本框<?php ?>代码前输入前置路径“images/face/”,单击【确定】;4、设置“电子邮件”及“网页”图标的链接1)选择【email】图片,在属性面板【链接】栏中输入“mailto:”,并点击浏览按钮,选择“数据源”,选择“digib_email”,在url栏<?php ?>代码前输入:“mailto:”,点【确定】按钮;2)选择【www】图片,点击属性面板链接栏的浏览按钮,选择【数据源】,选择“digib_web”,点击【确定】按钮。
DreamweaverMX打造我们的留言本

DreamweaverMX打造我们的留言本大家好,我们又见面了。
:)在前面几章里我们讲述了如何利用DW MX的服务器行为来操作数据库与生成动态页面,但是不是觉得有点乱,不怎么好懂得呢?是的,前面我们讲的都是单个的服务器行为,好像都没什么联系一样。
在这一章里呢,我们将学习假如灵活的应用DW MX的服务器行为--打造我们的留言本!(没错,就是留言本,将用到绝大部分的服务器行为,而且不用书写一行代码。
)先做做准备工作,新建几个页面,分别取名为:index.asp:留言本首页,用于显示留言等。
new.asp:公布新的留言。
rep.asp:用于站长回复留言的页面。
edit.asp:对一些不健康的留言内容进行编辑的页面。
del.asp:同上,只是方法更狠,直接删除。
:)login.asp:上面所说的回复,编辑,删除等操作都应只有站长才有权力,站长通过这个页面来登陆管理留言本。
sorry.asp:登陆不正确的时候所返回的页面。
如图(7-1)所示。
7-1数据库方面我们需要用到两张表,如图(7-2)所示。
其中表admin用于存放超级用户的姓名及密码,表f_bbs 里存放的发贴信息,在后面我们会全面讲解。
7-2在表admin里新建两个字段,名为f_name与f_password,数据类型分别设为文本,如图(7-3)所示。
7-3表b_bbs就有点烦恼了,只是不用怕,让我们一步步来,先看图(7-4)。
7-4字段ID为留言内容的关键字段,由于它的作用很多,把它的数据类型设为自动编号,并把它设置为主键,即选中它,再点一下图(7-4)中红圆中的按钮。
f_name为留言用户的姓名,很简单的。
f_content中存放的是留言内容,由于文本数据类型最多只能存放255个字符,对我们的留言内容来说少了点,因此这里要把它设置成备注,由于备注这种数据类型最多能够存放65,535 个字符,完全够用了。
:)f_oicq为留言用户的OICQ号码,设置同用户名。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
一、安装与调试常听朋友感叹ASP程序难学不易懂,不过我起初学习这门技术的时候也有过这样的感悟。
从今天开始,我将以我学ASP的经验来做一个简单的ASP留言本,这个留言本用了Access数据库,所以务必请大家要跟我一起做的朋友都安装好Office软件,相信各位自己的电脑上都有了。
好了,开始。
创建ASP的运行环境(安装IIS)IIS(Internet Information Service)是构建ASP站点所必须的,所以,我们应该先确认自己的电脑已安装了IIS信息服务,如果没有安装好的话,请按以下步骤:1、打开“控制面板”2、双击“添加/删除程序”3、单击“添加/删除Windows组件”,打开添加/删除Windows组件对话框:3、从下拉的列表中选择“Internet 信息服务(IIS)”单击“下一步”:4、出现组件安装进度窗口,如弹出需要安装盘的话,放入Windows2000安装盘,按提示操作即可。
直至最后安装完毕。
二、设计数据库ASP程序本身并不能储存数据,众所周知,留言本有以下信息需要保存:留言者姓名、联系方式、留言内容等等。
因为ASP并不能储存数据,所以数据库在这种环境之下就产生了。
数据库的种类也很多,针对不同的程序也有适用于它的数据库,比如Access和Ms SQL就比较适用ASP和程序,至于其它的数据库和程序,就不属于本文所讨论的问题了,有兴趣的朋友可以查看其它一些资料。
那么既然Access和MS SQL都适用ASP,那么具体又如何来选择呢?我们可以打一个比方:比如钉一枚小钉子,聪明的人一定不会用一个大的棒槌,而是选择小的铁锤,虽然用大的棒槌也一样的可以把钉子钉进去,可是没有人愿意这样做。
数据库也一样:Access比较适用小型的应用,而MS SQL则适用于大中型的数据库应用,所以要做一个留言本,理所当然是选择Access更好一些,但是如果你决心使用MS,没有人会极力阻止你。
好了,废话少说,切入正题,下面开始创建数据库。
Access是微软office办公软件中的其中一个,默认的安装Office是有这个Access的,好了,打开程序,开始了,GO!进入实战了。
打开程序后,出现一个对话框,这里我们选择第一个选项”空Access数据库”点击确定,弹出一个新建数据库的文件框,选择你上次你建的站点目录,起个data的文件名,点击创建,OK! 双击”使用设计器创建表”打开表创建窗口”如图创建表的结构如下表:字段名称数据类型备注(笔者注释)id 自动编号设置“自动编号”user 文本留言者姓名qq 数字留言者的QQ,因为QQ号是由数字组成email 文本留言者的电子邮件content 备注留言内容data 日期/时间留言时间,设定默认值为Now()数据库设计好了以后,可以直接在数据库里添加两条记录,以后测试时候用!三、连接数据库在上一节,我们已经为我们的程序创建了一个数据库,在这一节中,我们来用ASP把程序和数据库连接起来,以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。
一起看以下代码,这就是ASP程序中常用的连接数据库的代码:<%set conn=server.createobject("adodb.connection")connstr="Provider=Microsoft.jet.oledb.4.0;data source="&server.mappath("data.mdb")conn.open connstr%>解释一下以上代码:<% 这是ASP程序的起始set conn=server.createobject("adodb.connection") 在服务器上创建了一个连接数据库的对象connstr="Provider=Microsoft.jet.oledb.4.0;data source="&server.mappath("data.mdb") 告诉ASP数据库的接接方法以及路径conn.open connstr 创建了对象后就用来打开数据库进行连接%> 一切OK了!结束ASP程序将上面的代码另存为conn.asp文件,放在服务器目录下面就可以了。
怎么样,简单吧?四、制作留言本首页前面我们已经连接好了数据库,就要让它在这里发挥一下作用了,这一节将讲述如何将数据库里的数据用ASP读取出来,在页面中显示出来,这样就等于是查看留言本了。
利用DW制作如下页面(这里我就不讲如何去做这个页面了,最后我将会给出HTML代码下载)将制作好的文件存为index.asp,下面就创建数据记录集,用来显示数据库的数据到这个页面中:用记事本打开index.asp,在页头加入以下代码:<%@LANGUAGE="VBScript" codepage="936"%><!--#include file="conn.asp"--><%set rs=server.createobject("adodb.recordset")sql="select user,qq,email,content,data from main order by id desc"rs.open sql,conn,1,1%>代码拷贝框<%@LANGUAGE="VBScript" codepage="936"%><!--#include file="conn.asp"--><%set rs=server.createobject("adodb.recordset")sql="select user,qq,email,content,data from main order by id desc"rs.open sql,conn,1,1%>[Ctrl+A 全部选择然后拷贝]解释一下:第一行,表明ASP使用的是VB脚本第二行,是用include包含文件,这里包含的是数据库连接文件。
第三行,ASP程序开始第四行,利用Server内置对象创建一个记录集第五行, SQL语句,这里的意思是选择数据库中的user,qq,email,content,data字段,指定该数据表的名称是“main”数据的排列顺序是倒序。
第六行,用刚才创建的名为rs的记录集打开数据库,设置属性为只读(1,1为只读数据,1,3为插入数据,2,3是修改数据。
这样就打开了数据库,接下来就可以显示了。
将“留言人”代替为“<%=rs("user")%>“时间”代替为“<%=rs("data")%>“留言内容在此”代替为“<%=rs("content")%>“QQ”链接到:/cgi-bin/friend/user_show_info?ln=<;%=rs("qq")%>“邮件”链接到:mailt<%=rs("email")%>最后将“填写留言”链接add.asp “管理留言”链接admin.asp好了,再次保存,浏览看看!怎么了?只显示一条记录?原来我们在数据库里添加了两条记录的哦!还有一条呢?别急,因为我们没有指定ASP循环显示,所以就只有一条啦。
在刚才的代码后面添加一行<%do while not rs.eof%>并在页面的第一个表格的末尾加上<%rs.movenextloop%>上面的代码就是说用rs记录集指针一条一条往下一条移动,直到末尾,loop是循环的意思。
哈哈,再次浏览这个文件看明白了吗,这样就可以让数据库中的数据全部显示在页面中了。
五、制作添加留言页面,实现留言功能我们是做的一个留言本,实现留言的功能就十分重要了,要不然就算不上留言本了,接下来就一起来实现这个功能。
用DW制作以下这样的页面:设置表单的属性如下:姓名:设置为单行文本域,名称为“user”QQ号:设置为单行文本域,名称为“qq”邮件:设置为单行文本域,名称为“email”内容:设置为多行文本域,名称为“content”最后将表单的“Action”动作指向addsave.asp就可以了。
保存文档名为add.asp,OK!下一步!表单是做好了,但是还需要后台程序的支持,一起来使用ASP编写一个添加留言处理程序,添加留言代码:<%@LANGUAGE="VBScript" codepage="936"%> 表明ASP使用的是VB脚本<!--#include file="conn.asp"--> 是用include包含文件,这里包含的是数据库连接文件<%set rs=server.createobject("adodb.recordset") 利用Server内置对象创建一个记录集sql="select user,qq,email,content,data from main" SQL语句,上节有详解rs.open sql,conn,1,3 用刚才创建的名为rs的记录集打开数据库,设置属性为插入数据rs.addnew 用记录集新添加一条数据user=request.form("user") 请求表单的变量,定义变量为user,这里request.form是请求表单的意思qq=request.form("qq") 请求表单的变量,定义变量为qq,这里request.form是请求表单的意思email=request.form("email") 请求表单的变量,定义变量为email,这里request.form是请求表单的意思content=request.form("content") 请求表单的变量,定义变量为content,这里request.form是请求表单的意思rs("user")=user 将请求到的表单值传向记录集中代表user字段的名称rs("qq")=qq 将请求到的表单值传向记录集中代表qq字段的名称rs("email")=email 将请求到的表单值传向记录集中代表email字段的名称rs("content")=content 将请求到的表单值传向记录集中代表content字段的名称rs.update 更新一下数据库中的数据。