dreamweaver制作留言板步骤

合集下载

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

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留言板设计

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制作留言簿

使用Dreamweaver制作留言簿
操作提示:3、从管理页面manage.asp中复制表格,删除管理后的超链接
十、创建删除留言功能页面
操作提示: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制作留言板

利用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留言本

通过Dreamweaver CS3学习HTML+DIV+CSS 第21章  ASP留言本
第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打造我们的留言本

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号码,设置同用户名。

用DreamWeaver打造留言板(中)

用DreamWeaver打造留言板(中)

经过前面5课的学习,我们对Dreamweaver MX创建和管理站点页面文档的前台技术有了一个概括的认识和应用了,实际上前5课所涉及到的应该是创建和管理站点的最基本的一些技术。

掌握了这些技术,我们设计一般的静态站点应该是没有问题了。

那么现在开始留言板站点的后台程序的创建?按道理是可以讨论这方面的问题了,但我还想再讨论一些站点页面的其他元素和效果的创建方法。

虽然这些技术可能和我们的留言板站点关系不是很大,但是因为它们也是一些常用的技术和方法,我们还是在这里系统的学习一下吧。

一、利用时间轴和层实现页面中的滚动字幕效果。

小字报:今天留言板的最多的问题是这个教程共有几课?看到上面这个滚动字幕的效果了吧,它是通过在Dreamweaver时间轴面板中定义层的移动动画来实现的。

什么?Dreamweaver也有时间轴?是的,而且你用它可以设计出不错的动画效果呢。

而且用这样的技术设计出来的动画效果更符合web的特征。

1、单击插入栏中常用标签下的层命令按钮,在页面中拖拽鼠标插入一个层。

在层中输入需要的字幕文字。

2、打开时间轴面板。

执行“窗口/其他/时间轴”命令打开时间轴面板。

3、将页面文档中的层选中,并把它拖放到时间轴的时间线上。

默认的情况是插入的动画长度为15帧,相应的层名(Layer1)显示在该动画栏中,并且在动画栏的两端自动加入了两个关键帧。

4、在时间轴面板的动画栏上的关键帧按下鼠标左键并左右拖动,则可以改变关键帧的位置。

向右拖动第15帧上的这个关键帧以延长关键帧到60帧,如图1所示。

图1 时间轴面板5、在第30帧鼠标右键单击,在弹出的快捷菜单中选择“插入关键帧”命令,在第30帧插入一个关键帧。

6、单击第30帧,然后将页面文档中的层水平向右移动合适的距离如图2所示。

图2 层的运动轨迹7、在时间轴面板中选择:自动播放和循环,并把行为标志拖放到第60帧的位置,如图1所示。

这个左右来回滚动的字幕效果就完成了,简单吧?其实时间轴和层结合在一切定义动画还有很多技巧,以后慢慢研究吧。

DW留言板课程设计

DW留言板课程设计

目录第一章留言板介绍 (1)1.1设计思路 (1)1.2系统功能 (2)第二章开发环境 (2)2.1开发软件 (2)2.2 IIS的配置 (2)2.3其他环境设置 (2)第三章开发过程 (4)3.1新建站点 (4)3.2设置测试服务器 (4)3.3数据库设置 (5)3.4数据库连接 (5)3.5 页面设计 (7)3.5.1登录页面 (7)3.5.2新用户注册页面 (9)3.5.3用户首页 (11)3.5.4用户添加留言页面 (14)3.5.5管理员登录页面 (15)3.5.6管理员首页 (17)3.5.7管理员编辑页面 (19)3.5.8修改页面 (22)第四章总结 (25)留言板设计第一章留言板介绍1.1设计思路我设计的是一个简单的动态留言板,可以实现注册、登录、添加、删除、修改、查询等简单的操作。

其具体的设计思路如下:用户和管理员必须先注册然后才能登录,只有登陆成功之后才能够进入首页。

用户可以在用户首页中查看留言,如果需要添加留言,可以点击页面中的“添加留言”,页面就会跳转到添加留言页面,用户可以在这里添加留言;如果用户不需要做任何操作可以直接点击“退出登录”就会自动退出我的留言板。

管理员登录成功后可以在管理员首页对未进行回复的留言进行回复,也可以对其回复的内容进行修改。

管理员还可以对所有的留言进行编辑,实现删除、修改、查询等操作。

具体操作流图如下:1.2系统功能用户可以在“我的留言板”里查看留言,添加留言;管理员可以对用户的留言进行回复,并且可以对所有的留言进行删除、修改、查询等操作。

第二章开发环境2.1开发软件我使用的是Adobe Dreamweaver CS5 来进行动态网页的设计。

2.2 IIS的配置先从网上下载好IIS安装包,再点击“开始”选择控制面板,在控制面板中点开“添加或删除程序”,点击“添加/删除Windows组件”就会出现如下图所示的界面,选中Internet 信息服务,然后点击下一步,按照提示安装即可。

制作网络留言板

制作网络留言板
在第一行的 “字段名称” 中输入“id”,“数据类型”中选择“自动编号”。然后指着第一行单击右键,在弹出菜单中选择“主键”(旁边就出现一个钥匙图标) 若要取消主键,只需再单击鼠标右键,选择菜单中的“主键”,这时字段前面的钥匙图标即会消失。
数据类型的选择
在表中,“姓名、标题、邮箱地址”的数据类型均为“文本”,因一般都不会超过50个字符,所以采用系统默认的50。 “内容”的数据类型设为“备注”。 “留言时间”的数据类型为“日期/时间”,在默认值一栏的右边输入“=Now()”即可在添加数据时,数据库系统自动以服务器当前时间作为字段的值。
显示数据记录
在list.asp页面中插入一个2行3列、宽为600像素的表格,并在第一行的各个单元格中分别输入:主题、留言者、发表时间。 将“绑定”窗口中的三个字段用左键拖到与它们对应表格的第二行单元格中。 在表格的下面输入“现在显示的是第 -第 条记录,共有 条记录” ,并将“绑定”窗口的后三个字段分别拖到上面的三个空格中。
admin表结构
数据表admin中添加记录
选择数据源
打开控制面板,点击“管理工具”,选择其中的“数据源”,随即打开“ODBC数据源管理器”。选择其中的“系统DSN” 项,然后单击右边的“添加”按钮,则打开“创建新数据源”对话框,选择其中的“Microsoft Access Drive (*.mdb)”,单击“完成”后将弹出“ODBC Microsoft Access安装”对话框,点击“选择”按钮选择已有的数据库,并在“数据源名”右边文本框中输入“dsn”即可。
制作删除记录页面
将list.asp另存为del.asp后进行修改。 在页面的上端输入“单击选择要删除的留言,进入删除页面”。 双击“服务器行为”面板中的“转到详细页面”行为,在弹出对话框的“详细信息页”中输入要转到的新页面—delok.asp

实验十五留言板

实验十五留言板
实验编号
实验十五
实验地点
实验成绩
实验项目
用Dreamweaver设计留言板
授课教师
实验时间
年月日星期第节
实验教师




Dreamweaver其中的一个优秀特性就是提供了对数据库访问和自动生成动态服务器网页代码和支持,这种支持使得用户能非常方便,快速地建设WEB应用程序,如留言板、用户注册,身份验证、新闻发布等。这种支持是通过Data Bindings和Server Behaviors来实现的。
3、规划和建立数据库
4、按图投计相应网页




一、画出留言板功能图(粘贴)
二、画出站点目录结构图,并列出每个目录的分类信息。(粘贴)
三、用IIS配置好WEB站点或虚拟目录
三、留言数据库的设计
1、数据库名、表名称、字段名(示例图1)(粘贴)
2、用ACCESS创建数据库
3、用ODBC建立一个系统数据源guestbookdsn




1、data Bindings用来绑定动态数据,如数据库数据、Request命令获得的数据、Session变量和application变量等。
2、Server Behaviors用来生成服务器端的行为,如在数据库中插入记录、修改记录、重复显示记录等。




1、根据目标做好规划
2、画出程序流程图和功能结构图
七、留言管理网页manage.asp
STEP1:新建一个网页,取名为manage.asp
STEP2:在Data Bindings面板中单击“+”按钮,然后选择[记录集(查询)],设置如图13,只是此处将原来的post=y改为post=n。

asp_Dreamweaver_access做留言板

asp_Dreamweaver_access做留言板

创建数据库1、建立一个数据库,名称为“board”2、创建两个表分别为“admin”、“guestboard”3、建立表结构(1)admin表的结构名称数据类型name 文本password 文本(2)guest表的结构(其中guestid为编码,name为名称,title为标题,content为留言内容,reply为回复内容,date为留言日期)名称数据类型guestid 自动编码设置为主键name 文本title 文本content 备注replay 备注默认值为“无回复”date 日期/时间默认值为“now()”4、输入数据(1)admin表的值name列password列admin admin(2)guestboard表的值guestid neme title content replay date1 张三001 你好!(留空)(系统自动填写)留言板首页1、新建一个动态站点,名称1005。

2、在站点内新建一个ASP VBScript 动态页面。

保存文件名为“index.asp”。

设置文档标题为“留言板”。

(1)在首行输入“1005论坛”,设置字体为“华文琥珀”,大小为75,颜色为红色。

切换到“代码”视图,在“1005论坛”旁边加换行标志“<br />”(<span class="STYLE1">1005论坛</span><br />)。

(2)在第二行输入“当前位置:留言板”,设置字体为“华文琥珀”,大小为16,“当前位置:”的颜色设置为灰色(#666666),“留言板”设置为黑色。

单击“编辑”——>首先参数——>常规——>在“允许多个连续的空格”前面打钩。

插入多个空格,将光标移到到右侧,在右侧输入“管理员登陆”,各项属性为默认。

切换到“代码”视图,在“管理员登陆”旁边加换行标志“<br />”。

教你如何用Dreamweaver设计超简留言本

教你如何用Dreamweaver设计超简留言本

初学者在学ASP的时候往往是无从学起,学理论的时候又太抽象不好懂,实践的时候又找不到合适的例子来分析练习,有时候找到一个源程序学习的时候,功能太繁杂,涉及到的ASP模块太多,也附带了不少的函数,这样使初学者一头雾水,知难而退,实际上ASP是比较容易掌握的,今天就是为了这个目的,剥茧抽丝做了一个非常简单的留言板,只有留言,删除和回复的功能,没有管理权限功能(站长登录,修改密码等)、判断功能(表单验证等)及分页功能,简洁干炼,主要是为了初学者掌握最重要的知识,就是如何抓取数据库以及如何查看、删除、修改记录的操作,我们先从这个超级简单的留言板开刀吧,此关只要能过,恭喜您了,将来即可步入ASP应用的行列了!:)本教程完成后会提供下载!首先我们先做准备工作,先做一下策划,看看我们可能要做哪些页面,所谓说好的开始就是成功的一半,所以大家不要急着做,听我慢慢讲来。

为了让大家都能制作出自己的留言板,尽量实现一个网页一个功能模块,我们就做以下六个网页:一、index.asp----首页即显示留言页二、conn.asp----公共网页,每个网页都要包含它,是连接打开数据库的操作。

三、write.asp和save.asp----分别是发表留言的表单网页和保存留言页。

四、del.asp----删除留言页五、reply.asp----回复当前留言页好了,说到这里我们可以动工了,首先做一个最重要的工作,就是建立起一个数据库,将来存放网友的留言所用。

1、数据库名:guest.mdb2、数据库表:只有一个表:book3、数据表book里增设以下字段,见图1说明:·任一字段的数据类型中的“常归”项中的“允许空字符串”最好填“是”·日期/时间的“常归”项中默认值为Now();站长回复里的“常归”项中的默认值为“暂没有回复”,注意此处要加双引号,是半角而不是全角。

数据库建好后开始做公共网页,用来打开数据库,打开Dreamweaver MX 2004,按如下方法新建动态ASP网页:并保存为CONN.ASP,在编辑区里切换到显示代码视图里,注意把第一行自动生成的代码删掉。

用DreamWeaver打造留言板(全)

用DreamWeaver打造留言板(全)

用DreamWeaver打造留言板第一课在这一课,我们首先讨论一下Dreamweaver MX的工作环境以及如何在我们的本地pws服务器建立站点和初步管理站点的文件。

一、Dreamweaver MX的工作环境在 Windows 中首次启动 Dreamweaver MX时,会出现一个对话框,您可以从中选择一种工作区布局。

如果您以后改变了主意,可以使用“参数选择”对话框切换到一种不同的工作区。

如图1是选择工作区布局的对话框。

图1 选择工作区布局对话框●Dreamweaver MX工作区是一个使用 MDI(多文档界面)的集成工作区,其中全部“文档”窗口和面板被集成在一个更大的应用程序窗口中,并将面板组停靠在右侧。

Dreamweaver MX 建议大多数用户使用它。

本教程也使用的是这种工作区模式。

●HomeSite/代码编写者样式的Dreamweaver MX工作区是同样的集成工作区,但是将面板组停靠在左侧,“文档”窗口在默认情况下显示“代码”视图。

Dreamweaver MX建议HomeSite或ColdFusion Studio用户以及其他需要使用熟悉的工作区布局的手工编码人员使用这种布局。

若要选择这种布局,请选择“Dreamweaver MX 工作区”选项,然后选择“HomeSite/代码编写者样式”选项。

●Dreamweaver 4工作区是一种与 Dreamweaver 4中所用布局相类似的工作区布局,其中每个文档都位于自己的独立浮动窗口中。

面板组停靠在一起,但并不是停靠在一个更大的应用程序窗口中。

仅建议喜欢使用更熟悉的工作区的 Dreamweaver 4 用户使用这种布局。

▲教程副页:Dreamweaver MX工作环境简介页面二、建立第一个站点(无服务器端脚本的普通静态站点)下面我们建立一个没有服务器端脚本的普通静态站点,具体建立步骤如下:1、选择“站点/新建站点”。

(即从“站点”菜单中选择“新建站点”命令。

Dreamweaver制作基于WordPress的留言本的教程

Dreamweaver制作基于WordPress的留言本的教程

Dreamweaver制作基于WordPress的留言本的教程
WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。

下面梳理了Dreamweaver制作基于WordPress的留言本的教程,供大家参考借鉴。

建立资料表:
Step1
首先开启phpmyadmin,进入wordpress资料库中,并新增一个wp_gbook的资料表与栏位数目8。

Step2
接着依照下方设定栏位的名称与型态,并且把gid设为UNSIGNED与auto_increment,表示该栏不可重覆,同时自动产生。

Step3
按下执行成功结果如下所示。

建立PHP站台:
Step4
进入blog目录,新增一个资料夹为gbook。

Step5
开启Dreamweaver点选右侧栏位中的,档案/管理网站,并按新增。

Step6
网站命名可自行设定,这边梅干是取名为gbook。

Step7
伺服器技行设为PHP+MySQL,选择在本机编辑和测试,以及选择网站的目录位置。

Step8
接着按下测试URL,若已与伺服器连结,则会出现测试成功。

Step9
按下一步就完成站台的设定了。

设定MySQL资料库连线。

Dreamweaver制作留言簿

Dreamweaver制作留言簿

用dw制作留言簿一、设置服务器安装IIS,然后进行相关配置二、打开DW进行设置1、选择“编辑站点”,在弹出的属性框中选“高级”标签,从“分类”中先选“本地信息”,右窗口中设置站点名称(随便输入,但自己要清楚其代表的意思,推荐和你站点的根文件名同),本地根文件夹(这时候就指向到我们在步骤1中建的文件夹了)。

2、然后设置远程信息,访问选择“本地/网络”,远端文件夹仍选择我们的站点文件夹d:\newgn\3、再接着“测试服务器”,“服务器模型”暂为ASP Javascript,“访问”本地/网络,“测试服务器文件夹”仍是我们的站点文件夹d:\newgn\,“URL前缀”在http://localhost后面添加“newgn/”,添加的东西就是我们步骤3中设置的虚拟目录这时,站点定义基本结束,点击确定。

出现“编辑站点”对话框,“完成”即可。

此时DW的站点属性框中就将d:\newgn\内所有内容映射过来,在此需要提醒的是:DW中建好了站点连接,就可直接在DW中对其对应的文件、文件夹操作,最好不要回到我的电脑d:\newgn\里面去操作。

【能在DW中操作的,尽量不要离开DW的编辑环境】。

三、数据库设置1,首先确认站点根目录下有专门的数据库存放目录,比如d:\newgate下面的database文件夹(有则Ok,无则新建)。

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

2,在新建的数据库中“使用设计器创建表”,弹出的“表1”中设计你的相关字段,注意各自的“数据类型”。

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

设置字段:name,psd,email,question,answer,oicq,msn等四、数据显示1、打开DW,在站点里面先新建个ASP页面(index.asp)。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 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 更新一下数据库中的数据。

相关文档
最新文档