Vb教程 Vb.net教程 Vfp教程 C/C++教程 Vc/Vc++教程 Delphi教程 Java教程 Powerbuilder
  杀毒频道 | 短信频道 | 网络电视 | 论文中心 | 学上网 | 学软件 | 网页特效 | 电脑基础 | 论坛  
  NCRE | 软考 | CET | 职称英语 | 司法考试 | 报关员 | 公务员 | CATTI | CPA考试  
  Html教程 | Css教程 | Xml教程 | Asp教程 | Asp.net | Php教程 | Jsp教程 | Linux教程 | QQ技巧  
Photoshop Illustrator ImageReady Maya教程 3D Max教程 Lightscape Coredraw教程 Authorware Autocad教程 Freehand教程
Access教程 Mysql教程 Sql server Oracle教程 Word教程 Excel教程 Powerpoint Frontpage Asp.net源码 Php源代码
Flash教程 Fireworks Dreamweaver C#教程 outlook教程 系统安装 vbscript教程 Javascript Jsp源代码 Asp源代码
您的位置:首页 >> Dreamwaver教程 >> 正文

DreamweaverMX打造发布系统
文章来源:互联网

8月Macromedia公司的DreamweaverMX(以后简称DMX)已经有了正式的中文版本。这对那些E文不好的朋友是一个好消息。开心吧!本文主要介绍用DMX不用手写一行代码。来打造你的新闻系统。

启动DMX,新建一个站点,选择站点菜单――新建站点文件夹


选择高级菜单------本站信息――站点名称――news―――本地文件夹――在E盘新建一个文件夹(news)


为了方便以后的测试我们在定义一下测试服务器的内容。服务器模型选择ASP Vbscript
访问选择本地/网络,测试服务器文件夹 E:news
url前缀为:http://localhost/news


点击确定我们的站点就定义好了。
   
先做做准备工作,新建几个页面,分别取名为:
index.asp:新闻系统首页,用于显示新闻列表。
new.asp:发布新闻页(添加新闻页)。
Cont.asp: 后台控制页。
edit.asp:对一些出错新闻内容进行编辑的页面。
del.asp:同上,不过方法更狠,直接删除。:)
login.asp:上面所说的发布,编辑,删除新闻等操作都应只有站长才有权力,站长通过这个页面来登陆管理新闻发布系统。
sorry.asp:登陆不正确的时候所返回的页面。
Play.asp: 新闻内容显示的页面。
数据库方面我们需要用到两张表,如图所示。其中表admin用于存放超级用户的姓名及密码,表news里存放的发布新闻的相关信息,在后面我们会详细讲解。


在表admin里新建两个字段,名为name和pass,数据类型分别设为文本,如图所示。


表news就有点麻烦了,先看图。


字段ID为新闻内容的关键字段,因为它的作用很多,把它的数据类型设为自动编号,并把它设置为主键,即选中它,再点右键选择主键如图。


title为新闻的标题。
cont中存放的是新闻内容,由于文本数据类型最多只能存放255个字符,对我们的新闻内容来说少了点,所以这里要把它设置成备注,因为备注这种数据类型最多可以存放65,535 个字符,完全够用了。
come为新闻的出处(即新闻摘自那里)。
time为提交新闻的时间,这里要注意一下,数据类型要改成日期/时间,并要设置一个默认值。如图所示。这个date()是一个VBA内置的函数,它的作用是当提交一条新闻的时候如果不指明该字段的值,则系统会用当前的日期的时间来填充该字段


准备好数据库后就开始我们的新闻发布系统开发了,首先我们做一个新闻提交页面
new.asp
新建一个页面 ------选择动态页 ASP Vbscript如图


其次在页面中插入一个表单元素如图


页面部局如图:新闻标题、新闻出处、新闻内容


选择新闻标题后的文本框在属性面板中命名为title如图


选择新闻出处后的文本框在属性面板中命名为come, 选择新闻内容后的文本框在属性面板中命名为cont
数据库连接
选择窗口菜单----数据库―――调出数据库面板
选择自定义连接字符串


在弹出的窗口中连接名称:news 连接字符串为:
Driver={Microsoft Access Driver (*.mdb)};DBQ=E:newsbatanews.mdb
DBQ=你实际的数据库文件的绝对路径
测试成功后点击确定。
如果想使用相对路径,可在做好系统后把
Driver={Microsoft Access Driver (*.mdb)};DBQ=E:newsbatanews.mdb
DBQ=你实际的数据库文件的绝对路径
改为:
Provider=Microsoft.Jet.OLEDB.4.0;data source="& server.mappath("你的数据库文件")


这时我们就可以在数据库表中看到一个news数据表。如图


定义记录集
选择绑定面板中的记录集(查询)如图


在弹出的对话框中进行如图的设置


选择服务器行为面板―――选择插入记录菜单如图


弹出的对话框进入如下设置。


到此新闻添加页就做好了。不难吧,测试一下看看你的数据库文件有没有增加信息。
你不会说不知道怎么测试吧。
还记得我们前面的站点定义吗?
访问选择本地/网络,测试服务器文件夹 E:news
url前缀为:http://localhost/news
如图


启动win98下的PWS或win2000下的IIS (本文用PWS)
启动PWS后点击高级选项如图

进入高级选项后点击添加进入如下设置。如图


虚拟服务器设置好了,进入DMX打开新闻添加页F12进入测试。

接着我们做一个后台控制页Cont.asp 此页面可以对新闻进行编辑和删除。
先画一个二行五列的表格如图

打开数据库面板―――绑定面板----如同前面一样的方法建立记录集 。如图

鼠标单击红色的文本框―――选择绑定面板中的ID  点击插入。如图

鼠标单击红色的文本框―――选择绑定面板中的title  点击插入。如图

鼠标单击红色的文本框―――选择绑定面板中的txttime  点击插入。如图


OK记录集绑定完成。
选中一行打开服务器行为面板选择重复区域我们对数据显示情况进入设置。如图

在弹出的对话框中进入如图设置。
每页显示10记录 

用鼠标选中表格的中“编辑”――选择服务器行为面板中的――转到详细信息页如图

在弹出的对话框中进入如图设置

用鼠标选中表格的删除――选择服务器行为面板中的――转到详细信息页
在弹出的对话框中进入如图设置


实现分页效果 选择插入菜单――应用程序对象――-记录集导航条。
选择文本或图像。如图

保存F12测试效果如图

下面我们来说一下编辑页edit.asp的设计。
首先插入一个表单――画一个四行二列的表格,每一个文本框分别命名。新闻标题:title 新闻出处:come 新闻内容:cont 如图

下一步进行数据绑定操作。
选择新闻标题文本框―――在绑定面板选择 title 点击绑定。

新闻出处、新闻内容绑定操作同上,绑定结果如图。


选择服务器行为面板――更新记录

在弹出的对话框中进行如设置

选择服务器行为面板――记录集分页――-移至特定记录

弹出的对话框点击确定。
Del.asp页的制作过程,于edit.asp差不多。只是服务器应用行为选择删除记录。
下面我们接着做login.asp页,页面如图所示。

并给文本框分别命名为:name pass
我们调出服务器行为面板选择 用户身份验证-------登录用户。


进入如下设置。

接着打开我们以前做的new.asp edit.asp del.asp cont.asp play.asp分别加入如下的行为:如图
选择 服务器行为-----用户身份验证------限制对页的访问。

这样做的目的是防止一些人直接输入文件名进入控制页。
现在我们来作新闻主界面。
Index.asp
在页面中画一个一行二列的表格,建立连接,建立记录集在第一个单元格中插入title字段在第二个单元格中插入txttime字段。如图

先中表格----选择服务器行为面板---重复区域 ---显示前8条信息如图设置

先中第一个单元格的字段---打开服务器面板----转到详细信息页---如下图设置。


Ok现在我们就只有一个play.asp页面了别油呀就要大功告成了。
Play.asp
画一个三行的表格,建立数据库连接,建立记当集,分别在每个单元格插入 字段如图

打开服务器面板----记录集分页----特定记当集---如图设置


打开主页(index.asp)测试结果。
终于完工了?
别忘了在做一个sorry.asp页,出错时所返回的页面。

[返回]

编程语言 web开发 数据库 网络技术 操作系统 服务器 网页设计 图形设计 办公软件 常用软件 学电脑

Copyright© www.bianceng.cn Powered by 编程入门网 All Rights Reserved.
关于本站 | 版权声明 | 联系我们 | 友情链接 |
编程入门网 版权所有