欢迎访问华乐美文网

命令@留言

留言2018-09-16 12:23书业网

篇一:留言板制作

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

一、Dreamweaver MX的工作环境

在 Windows 中首次启动 Dreamweaver MX时,会出现一个对话框,您可以从中选择一种工作区布局。如果您以后改变了主意,可以使用“参数选择”对话框切换到一种不同的工作区。如图1是选择工作区布局的对话框。

图1 选择工作区布局对话框

●Dreamweaver MX工作区是一个使用 MDI(多文档界面)的集成工作区,其中全部“文档”窗口和面板被集成在一个更大的应用程序窗口中,并将面板组停靠在右侧。Dreamweaver MX建议大多数用户使用它。本教程也使用的是这种工作区模式。

●HomeSite/代码编写者样式的Dreamweaver MX工作区是同样的集成工作区,但是将面板组停靠在左侧,“文档”窗口在默认情况(转 载于:wWW.cSsYq.cOM 书业网:命令@留言)下显示“代码”视图。Dreamweaver MX建议HomeSite或ColdFusion Studio用户以及其他需要使用熟悉的工作区布局的手工编码人员使用这种布局。若要选择这种布局,请选择“Dreamweaver MX 工作区”选项,然后选择“HomeSite/代码编写者样式”选项。

●Dreamweaver 4工作区是一种与 Dreamweaver 4中所用布局相类似的工作区布局,其中每个文档都位于自己的独立浮动窗口中。面板组停靠在一起,但并不是停靠在一个更大的应用程序窗口中。仅建议喜欢使用更熟悉的工作区的 Dreamweaver 4 用户使用这种布局。

▲教程副页:Dreamweaver MX工作环境简介页面

二、建立第一个站点(无服务器端脚本的普通静态站点)

下面我们建立一个没有服务器端脚本的普通静态站点,具体建立步骤如下:

1、选择“站点/新建站点”。(即从“站点”菜单中选择“新建站点”命令。)即会出现“站点定义”对话框。

2、如果对话框显示的是“高级”选项卡,则单击“基本”。出现“站点定义向导”的第一个屏幕,要求您为站点输入一个名称。

3、在文本框中,输入一个名称以在Dreamweaver

中标识该站点。该名称可以是任何所需的名称。例如,您可以将

站点命名为“mysit”。

如图2所示。

图2 建站向导——站点起名

4、单击“下一步”进入下一个步骤。出现向导的下一个屏幕,询问您是否要使用服务器技术。选择“否”选项指示目前该站点是一个静态站点,没有动态页。如图3所示。

图3 建站向导——静态和动态网站选择

5、单击“下一步”进入下一个步骤。出现向导的下一个屏幕,询问您要如何使用您的文件,如图4所示。●选择标有“编辑我的计算机上的本地拷贝,完成后再上传到服务器(推荐)”的选项。

●文本框允许您在本地磁盘上指定一个文件夹,Dreamweaver 将在其中存储站点文件的本地版本。若要指定一个准确的文件夹名称,通过浏览指定要比键入路径更加简便易行,因此请单击该文本框旁边的文件夹图标。随即会出现“选择站点的本地根文件夹”对话框,在对话框中浏览到本地磁盘上可以存放所有站点的文件夹。然后单击“确定”。

图4 建站向导——定义站点文件的存储位置

6、单击“下一步”进入下一个步骤。出现向导的下一个屏幕,询问您如何连接到远程服务器。从弹出式菜单中选择“无”。▲如果你有远程的FTP服务器空间,在这一步骤可以按照如图5所示进行连接到远程服务器的设置。

图5 建站向导——连接到远程服务器的设置

7、单击“下一步”进入下一个步骤。该向导的下一个屏幕将出现,其中显示您的设置概要。单击“完成”完成设置。▲完成站点的建立之后,在文件面板中你会看到如图6所示的类似结果(本地视图)。

图6 文件面板中的本地视图

三、用系统模板创建站点的第一个页面

上面我们利用建站向导创建了一个站点,下面我们在这个站点中创建一个页面。先查看这个页面的效果:lesson1_mo.htm

这个页面是用Dreamweaver MX的系统模板创建的,以下是创建步骤:

1、执行“文件/新建”命令,弹出“新建文档对话框”。在此对话框中选择“常规/页面设计/文本:文章C”,然后单击“创建”按钮,如图7是示意图。

图7 利用模板创建新文档示意图

2、现在我们在页面编辑区得到一个新页面,并且页面中已包含了一些模板内容。这个页面很简单,包括一些文本和一个图像。

我们首先将那些英文文本换成一些中文文本(你可以将教程中示例页面中的文本复制过来)。

3、对图像进行处理。我们在页面中看到的是一个图像占位符,下面我们要用一个具体的图像替换它。单击这个图像占位符,并展开相应的占位符属性面板,如图8所示。

●如果图像已经创建好,就在占位符属性面板中的源文件处进行设置。

●如果图像还没有创建,就单击占位符属性面板中的创建按钮,在FireworksMX中创建。

图8 占位符属性面板

4、在属性面板中设置文本的属性,由于我们的页面上的文本实际上都是在表格中,所以实际上是设置表格的单元格属性,如图9所示。

图9 单元格属性面板

篇二:留言板系统

留言板系统

留言板系统

【摘要】: 随着Internet的发展,网站的作用越来越重要,被称之为继广播、报纸、杂志、电视后的第五种媒体——数字媒体,拥有众多优势,所以现在不少企业都有或正在建设自己的网站。而留言板作为网站重要的一个部分,从来就是一个大家交流的平台!留言板是一种最为简单的BBS应用,借助留言板,浏览者可以张贴留言的方式给站长、版主或其他浏览者进行留言和提问。 本文主要介绍留言板系统的设计思路和制作过程,从留言板的重要性开始,介绍我的留言版采用的ASP技术和SQL语言以及ACCESS数据库,进而阐述整个留言板系统的制作过程和具体的设计思路。该留言板较全面地利用asp技术实现留言板的基本功能:留言、回复、删除,并增加了一些特色功能。最后介绍自己在设计过程的心得体会

【关键字】: 留言板,ASP,SOL,ACCESS数据库

随着网络技术的飞速发展,兴起了网络的热潮,一些公司正在积极建立自己的网站,一些大学也已经开设了网络相关的专业及课程。 同时网站的重要性也越来越重要。而作为网站中交流的中心,留言板起到了至关重要的地位。它有助于版主收集网站的反馈信息,也是客户通过网络收集信息的有力工具。

留言板在一个网站具有很重要的地位,随着上网的普及,留言板已经不是什么新鲜事物了。本文主要介绍了用ASP技术和ACCESS技术来创建留言板的整个过程和代码的设计!本留言板更注重安全和与网站融合,但也有自己独特之处。相信通过本文的介绍,很快就学会了留言板的制作。

一、留言板介绍

1.1

留言板的介绍

留言板是一种电子便签管理系统,是用ASP或其它脚本语言编写的网络应用程序。在网络用户交流中起很大的作用,每个人都可以将他的资料和要求等信息保留在页面上,以供他人观看。留言板供其他网友给自己留言,或者临时存放自己的感受。留言操作相对简单,在您进入网站后,进入任何一个留言板或社区均可以看到有输入框,输入后提交即可。留言板提供完备的信息发布功能,在网络用户交流中也有很大的作用。

而我的这个留言板仅仅是简单的留言和管理员对留言板进行设置和进行回复、删除管理的工具。该留言板简单但实用,而且具备了大多数留言板的基本功能。十分适合于中小型网站使用。

二、留言板设计技术的相关原理

该留言板的整体设计遵循软件工程的方法,经过技术分析、总体设计、详细设计等。而首先就应该进行技术可行性分析并选择适当的技术。

由于ASP技术发展已经比较成熟,而且使用人数也相当多,所以该系统主要采用ASP、SQL技术。下面就对这两种技术做一个概述。

2.1 ASP技术介绍

2.1.1 ASP:

Microsoft Active Server Pages 即我们所称的ASP,其实是一套微软开发的服务器端脚本环境。Active Server Page 是创建动态网页的一个很好的工具,它起一种编程语言的作用,可以利用它编写动态产生HTML的程序代码。而且ASP也是服务器端脚本环境,可以用来创建交互式WEB页并建立强大的的Web应用程序。

因此,只要用户浏览Web站点并请求一个ASP页,Web服务器就可以处理相应的ASP代码,生成HTML代码,然后将它传递到用户浏览器并显示出网页。ASP内含于IIS4.0和5.0之中,通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序。有了ASP就不必担心客户的浏览器是否能运行所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。

2.1.2 ASP技术的优点:

作为网络上十分流行的编程语言,一定会具有很多独特之处,而ASP也不例外,它具有以下优点:

1、编写程序方便。您可以用 VBScript 或JScript创建脚本,同时结合HTML语言就能够非常方便地完成网站的应用程序。对于 VBScript和JScript,使用哪种语言并不重要,Web 服务器等同地处理这两种语言,并向用户的浏览器发送 HTML 格式化结果。由于ASP采用Script语言,就可以轻松编写程序,因此这就大大节省了网络设计人员又得重新学习一种新语言的时间。而且编写ASP无须手工compile编译或链接程序,可在服务器端直接执行,这无疑是更加方便了我们的编写过程。 2、使用编程环境方便简单。可以使用普通的记事本之类的文本编辑器,即可进行编辑设计,如:Windows的记事本、FrontPage等文本编辑器。也可以用dreamweaver和专业的Microsoft Visual InterDev开发工具。

3、浏览网页方便,交互速度也快。ASP是运行在服务器端,所以我们无须担心浏览器是否支持ASP所使用的编程语言,用户端只要使用可执行HTML码的浏览器,即可浏览Active Server Pages所设计的网页内容。ASP在服务器端运行,当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。

4、提供多种编程语言。ASP能与任何ActiveX scripting语言相容。除了可用VBScript或JScript语言来设计外,还通过plug-in的方式,使用由第三方所提供的其他脚本语言,譬如Perl等。5、提高代码的安全性。Active Server Pages的程序代码隐藏,已编码的脚本在运行时由脚本引擎解码,因此不需要单独的应用程序。客户端上仅可以看到由ASP输出的动态HTML文件。因而可以避免所写的源程序被他人剽窃,也提高了程序的安全性。

6、功能强大。编程是面向对象的(Object oriented),并可扩展ActiveX Server组件功能。ActiveX Server Components(ActiveX服务器组件)具有无限可扩充性。你可以使用任何编程语言来编写你所需要的ActiveX Server 组件。可以使用Visual Basic 、Java 、Visual C++ 、COBOL等编程语言来编写你所需要的ActiveX Server Component。也可以使用第三方组件或自己开发的ActiveX Server组件。理论上说,可以实现任何功能。

7、访问数据库十分方便。可以通过ADO(ActiveX Data Objects,微软的一种新的数据访问模型,是一种可以提供WEB页面开发者轻松存取Internet的数据库,并可以在用户端实现网上立即、即时更新显示的最新WEB页面数据库技术。)非常方便地访问数据库。

总之,ASP从字面上说,包含三方面含义:

1.Active:ASP使用了微软的ActiveX技术。ActiveX(COM)技术是现在Microsoft软件的重要基础。它采用封装对象,程序调用对象的技术,简化编程,加强程序间合作。ASP本身封装了一些基本组件和常用组件,有很多公司也开发了很多实用组件。只要你可以在服务器上安装这些组件,

通过访问组件,你就可以快速、简易地建立自己的WEB应用。

2.Server:ASP运行在服务器端。这样就不必担心浏览器是否支持ASP所使用的编程语言。ASP的编程语言可以是VBSCRIPT和JSCRIPT。VBSCRIPT是VB的一个简集,会VB的人可以很方便的快速上手。然而NETscape浏览器不支持客户端的VBSCRIPT,所以最好不要在客户端使用VBSCRIPT。而在服务器端,则无需考虑浏览器的支持问题。NETscape浏览器也可以正常显示ASP页面。

3.Pages:ASP返回标准的HTML页面,可以正常地在常用的浏览器中显示。浏览者查看页面源文件时,看到的是ASP生成的HTML代码,而不是ASP程序代码。这样就可以防止别人抄袭程序。由此可以看出,ASP是在IIS下开发WEB应用的一种简单、方便的编程工具。在了解了VBSCRIPT的基本语法后,只需要清楚各个组件的用途、属性、方法,就可以轻松编写出自己的ASP系统。

而我这次所开发的留言本系统,主要是利用ASP技术的简单和实用的特点,以及ASP使用的广泛性,而且非常适合于网络中小型系统开发。

2.2、SQL介绍

SQL全称是“结构化查询语言(Structured Query Language)”,最早的是IBM的圣约瑟研究实验室为其关系数据库管理系统SYSTEM R开发的一种查询语言,它的前身是SQUARE语言。SQL语言结构简洁,功能强大,简单易学,所以自从IBM公司1981年推出以来,SQL语言,得到了广泛的应用。如今无论是像Oracle ,Sybase, SQL Server这些大型的数据库管理系统,还是像Visual Foxporo, PowerBuilder这些微机上常用的数据库开发系统,都支持SQL语言作为查询语言。

SQL广泛地被采用正说明了它的优点。它使全部用户,包括应用程序员、DBA管理员和终端用户都受益非浅。其主要特点包括:

1.一体化语言:

用SQL可以实现数据库生命周期中的全部活动,包括简单的定义数据库和表的结构,实现表中数据的录入、修改及查询、维护、数据库重构、数据库安全性控制等一系列操作要求。

2.非过程化语言

SQL是一个非过程化的语言,它不必一步步的告诉计算机“如何”去做,用户只需要说明做什么操作,而不用说怎么做,不必理解数据存储的格式及SQL命令的内部,就可以方便的对关系数据库进行操作。这不但大大减轻用户负担,而且有利于提高数据的独立性。

3.面向集合的操作方式:

非关系数据库采用的是面向记录的操作方式,操作对象是一条记录。而SQL语言采用集合操作方式,不仅操作对象、查找结果可以是元组的集合,而且一次插入、删除、更新操作的对象也可以是元组的集合。

4.灵活、方便

SQL语言既是自含式语言,有是嵌入式语言。作为内含式语言,它能够独立的用于联机交互的使用方式,用户可以在终端键盘上直接键入SQL命令对数据库进行操作;作为嵌入式语言,SQL语句能够嵌入到高级语言。例如c程序中,提供给程序员设计程序时使用。而在两种不同的使用方式下,SQL语言的语结构基本上是一致的。这种以统一的语法结构提供两种不同的使用方式的做法,提供了极大的灵活性与方便性。

5.语言简洁:

虽然SQL的功能很强大,但由于设计巧妙,语法却很简单,只有很少的几条命令,易学易用是它最大的特点。

三、 留言板总体设计

3.1留言板系统的概要设计:

3.1.1系统的开发环境:

基于微软平台ASP环境,使用ACCESS数据库。适用于IE4.0以上版本浏览器,Win98+PWS、Win2000+IIS或winxp+IIS以上运行环境。(本人用的winxp+IIS5.1测试)。

3.1.2 ASP语言选择:

选择一个好的编程语言十分的重要,当前,面对众多的编程语言,很多人无从选择,而本人看到asp的以上众多特点,个人认为:

Access后台数据库+ASP服务器端程序+客户端IE浏览器,是一个精练实用高效的组合模式。在这种使用模式中,ASP程序无疑是最重要的,是沟通客户端和后台数据库之间的桥梁。在ASP程序中,通过VB Script,建立对Access数据库的连接,是客户能够访问后台数据库的前提。

鉴于前面介绍ASP优点的原因,又有上面组合的优势,本人的留言板使用asp语言也是十分正确而实用的。

3.1.3 选择Access作为数据库

留言板有了使用环境,接下来就该选择合适的数据库。由于数据库对整个留言板的管理和运作起到置关重要的作用,所以选择数据库成为了重中之重。

在基于微软IIS/PWS的网络平台上,通过服务器端运行的ASP程序来访问后台数据库,是一种最常见的模式了。而对于小型的数据库应用需求,微软的Access数据库,应该是与ASP程序配套使用的首选。

而将Access作为我留言板的数据库,也是考虑到了以下几点:

1.Access数据库使用简单,可以迅速掌握。

2.Access数据库的ODBC驱动程序支持的SQL指令全。ACCESS具有强大的数据库功能,结构简单、理论基础坚实、独立性高。适合开发中型管理系统。

3.用Access数据库开发的程序转化为SQL Server数据库也非常简单,只要用 SQL Server的导入功能将Access数据库转化为SQL Server数据库。而对于数据库语句,因为采用的是标准的SQL语言,读取Access数据库和读取SQL Server数据库基本上是一样的,只要改写一下连接数据库的语句。

4.整体说来ASP与ACCESS的结合使得系统的开发简单、快捷、操作方便、易于系统管理和系统维护,而且执行效率高,且配置简单、移植方便。

3.2系统的功能:

该留言板具有的主要功能如下:

1、可以按照发言时间的先后顺序,留言板自动排序;

2、友好简洁的管理界面,便于管理员维护留言板;

3、管理员具有回复和删除留言的权限;

4、管理员可以修改留言板页面的名称和网址以及每页显示的留言数;

5、拥有更多留言者的信息,包括名字、地方、QQ号等;

6、留言板系统具有防灌水功能;

7、具有页数跳转功能;

8、具有防止留言客户非法进入管理界面功能;

3.3留言板的主要栏目组成图

有了合适的技术,确定了留言板的功能,应该就此给出整体结构的流程图:

篇三:网页留言设计

小小留言本的制作

目录

1、创建数据库test.mdb及留言用的数据表liuyan ...................................................................... 2 2、创建连接数据库的文件conn.asp .............................................................................................. 2 3、制作留言本的首页index.asp..................................................................................................... 2 4、制作留言浏览页list.asp ............................................................................................................ 3 5、制作添加留言的静态页add.htm ............................................................................................... 5 6、制作提交留言写入数据库的动态页add.asp ............................................................................ 6 7、制作查询留言的静态页chaxun.htm ......................................................................................... 7 8、制作查询留言结果显示页cxjg.asp ........................................................................................... 8 9、制作删除留言静态页shanchu.htm ......................................................................................... 10 10、制作删除留言动态页scjg.asp ............................................................................................... 11 11、制作修改留言静态页xiugai.htm ........................................................................................... 12 12、制作修改留言动态页xiugai.asp ........................................................................................... 13 13、制作修改留言成功动态页xgjg.asp ...................................................................................... 15

详细步骤及代码 1、创建数据库test.mdb及留言用的数据表liuyan

确定数据表的各个字段名称及数据类型分别为:qq(文本,10)、nich(文本,10)、ly(备注)、time(日期/时间,默认值=Now()。 2、创建连接数据库的文件conn.asp

conn.asp代码如下:

<%

set conn=server.CreateObject("adodb.connection") ‘设置一个adodb数据库连接组件

conn.open "driver={microsoft access driver (*.mdb)};dbq="

&server.MapPath("test.mdb")‘设定所要连接的数据库(包括名称和路径) %>

3、制作留言本的首页index.asp 页面效果图如下:

index.asp代码如下:

<%@language="vbscript" codepage="936"%> <html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>小小留言本</title> </head> <body>

<a href="list.asp">浏览留言</a> <a href="add.htm">添加留言</a> <a href="chax.htm">查询留言</a> <a href="xiugai.htm">修改留言</a> <a href="shanchu.htm">删除留言</a> </body>

</html>

4、制作留言浏览页list.asp 页面效果图如下:

list.asp代码如下:

<!--#include file ="conn.asp"--> ‘包含连接数据库的文件 <%

exec="select * from liuyan" ‘查询数据表记录的表达式

set rs=server.CreateObject("adodb.recordset") ‘创建相应记录集 rs.open exec,conn,1,1 ‘读取记录集中满足表达式的相应记录 %> <html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>所有访客留言内容</title> </head> <body>

<div align="center">

<p>所有访客留言内容</p>

<table width="400" border="1" cellspacing="0" cellpadding="0"><tr>

<td>编号</td> <td>QQ号</td> <td>昵称</td> <td>留言内容</td> <td>留言时间</td></tr>

<% do while not rs.eof %><tr>

<td><%=rs("id")%></td> <td><%=rs("qq")%></td> <td><%=rs("nich")%></td> <td><%=rs("ly")%></td>

<td><%=rs("time")%></td>

</tr>‘该段代码用来在页面相应单元格中显示查询的记录 <%

rs.movenext loop %> </table> <%

rs.close

set rs=nothing ‘关闭记录集

conn.close

set conn=nothing ‘关闭数据库的连接%>

<p><a href="index.asp">返回首页</a> </p> </div> </body> </html>

5、制作添加留言的静态页add.htm

其中主要是一个用来提交留言数据的表单,注意表单中各个文本框等对象的命名,页面效果图如下:

add.htm代码如下: <html> <head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>添加留言</title></head>

<body><div align="center"><p>添加新留言</p>

<form name="form1" method="post" action="add.asp">

<table width="359" border="1" cellspacing="0" cellpadding="0"> <tr>

<td width="59">QQ号</td>

<td width="135"><input name="qq" type="text" id="qq" size="15"></td> </tr> <tr>

<td>昵称</td>

<td><input name="nich" type="text" id="nich" size="15"></td> </tr> <tr>

<td>留言

</td>

Copyright @ 2012-2024华乐美文网 All Rights Reserved. 版权所有