互联网观察 网站建设 网站运营 网络创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

DreamweaverMX打造发布系统(一)

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

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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)



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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)



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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)



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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)



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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


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

DreamweaverMX打造发布系统(一)


  




上一篇:Dreamweaver构建Blog全程实录(2):构建开发环境
下一篇:Dreamweaver构建Blog全程实录(11):站内搜索
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 




   版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com