用Dreamweaver MX打造自已的Blog.docx
- 文档编号:27816556
- 上传时间:2023-07-05
- 格式:DOCX
- 页数:12
- 大小:275.72KB
用Dreamweaver MX打造自已的Blog.docx
《用Dreamweaver MX打造自已的Blog.docx》由会员分享,可在线阅读,更多相关《用Dreamweaver MX打造自已的Blog.docx(12页珍藏版)》请在冰豆网上搜索。
用DreamweaverMX打造自已的Blog
用DreamweaverMX打造自已的Blog
A.目录
B.界面分析
C.建立数据库
D.制作发布页面
E.制作显示页面
F.制作详细页面
界面分析
现在我们就来对一个Blog进行分析,看它有那些元素,这样每一个元素(其实就是一个Blog的相关属性)就会成为表中的一个字段。
如图:
分析结果如下:
Blog属性
对应字段
数据类型
心情图片
PIC
(200)200指的是我们用文本数据类型
标题
Title
(200)如图
作者
Name
(30)很少人的名字是15个汉字以上的
地点
Address
(50)
日期
AddData
(日期/时间)=Now()
天气情况
Weahter
(30)
内容
Content
(备注)
建立数据库
打开MicrosoftAccess新建一个空数据库,然后点设计出现设计视图后按下图设计:
在建立AddData字段时注意在默认值中写上=Now().这样就会在每建立一个新的Blog时自动填上日期和时间了(这里填上的时间是你IIS所在服务器的时间,因些如果服务器时间有问题,这儿也会有问题的。
)好了,全部填完后就按Ctrl+S来保存,这时ACCESS会提示你表的名称,填上main,然后会提示你必须要有一个关键字,用关键字来唯一标识每个Blog日志。
在PIC字段前面插入一行,然后填上ID。
并标识为关键字就行了!
关键字的数据类型用自动编号。
发布页面——通过表单把数据写入数据库
1、制作表单
好了,现在就要开始做发布页面了,呵做个Blog的目的就是为了发表我们自已的想说的东西而已了!
呵~这时要注意,点上面的表单,出现了下面的用红线框住的东东!
这个可是必须的哟!
表单的详细设计见下图:
表单中比如选择文字了,字体了,字色呀!
URl图片等属性都不用要,因为这个是我从别的地方抠下来的,然后改了改!
当然如果你对JS和UBB很熟的话也可以加上。
这儿为了尽量让大家明白我去掉了一些不必要的东西,等大家以后知道的多了后就会自然而然的加上去的。
哦,对了,不要忘了还要把Form的名字改成BlogFrom
2、连接数据库
"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("/blog/data.mdb")
经过上面的几步,我们的数据就就和当前的页面连结上了!
:
)
3、建立集录
建立集录记的要求如图:
点服务器行为->+号->插入记录,如图
注意一下表单中的相应内容要插到数据库的相应内容就行了!
好了,现在你可以通过发布页面把表单中的数据写入到数据库中了。
显示页面——显示数据库中的内容
打开Index.asp,在中间填上一行暂无相关内容等样子的字符串。
这样如果数据库中没有内容时就显示这一行,而不会提示出错,这个很重要,如下图:
点应用程序中的绑定下面的那个+号,点记录集,如下图:
然后在弹出的对话框中做如下设置:
如下图:
名称:
RS
连结:
Conn这个是你先前设的连结名,我用的是Conn
表格:
main这个是main内容的表名,我用的就是main
列:
可以全部的,也可以是选定的,在这儿我们选定ID、Title、AddData
筛选:
这个不用管了
排序:
ID倒序这样我们的Blog就会从我们最新的日志开始排列
好了这时可以点右边的测试,会出现没有数据,当然了,我们没有往里面加吗!
:
)
好,点确定再看看出现了什么。
如下图展开记录集RS后出现了所示的样子,这样我们的记录集就建立成功了。
现在要把相关的记录绑定到相应的位置上。
A.当没有数据时显示的内容:
选中我们刚写上的那句“对不起,还没有内容”然后点服务器行为选项卡-》显示区域-》记录集如果为空则显示。
如下图:
回到绑定显项卡,把Title拖到相应的位置,同理AddData也拖一下,:
)
现在就能显示数据库中的内容了!
但是不要高兴,目前还只能显示一条信息,接着:
表格中显示内容的单元格的行,点击右边服务器行为的重复区域,如下图:
好了,执行一下首页看看效果吧!
如下图
下面要做的是当点击文章标题时跳到相关页面。
选中Title的那个字段,然后点服务器行为中的转到详细页如下图:
然后在弹出来的转到详细信息页中做如下设置:
如下图,然后点确定就行了。
详细页面
重做一遍建立记录集吧!
不过这儿不同于前面的地方,如下图:
这儿最关键的就是参数的筛选了,因为我们这儿的信息是依赖于Index.asp传过来的ID的参数。
现在把相关的记录集拖到相应的位置:
G.心情图片:
选中图片-》源文件->数据源(如图)
这儿要改一下源文件的值,因为我们的表情值都是00到10,所以要在前面加上imgages/在后面加上“.gif”这样才会显示图片。
H.标题:
从这儿到面的内容就只是简单的绑定就行了,写成后如图:
哈哈,到此我们的简单程序就完成了,添加一下数据看看成果吧:
)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 用Dreamweaver MX打造自已的Blog Dreamweaver MX 打造 自已 Blog