当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver 制作基于WordPress的留言本II

Dreamweaver
用代码“写”出扫描线效果图片
DHTML实例解析:用HTC统一定制表单样式
网页瘦身小技巧---“分割大法”
简单实用的网页表格特效
巧用样式表,让文本框与按钮变个样
网页工作原理
网页图片特效小技巧
如何防止及消除垃圾代码的产生
提高页面显示速度的秘技
用DW MX制作导航下拉菜单
Dreamweaver MX应用表格排序
Dreamweaver查找替换的技巧
用DreamWeaver定制网站的颜色
Dreamweaver MX进阶教程(七)创建基于框架的网页
Dreamweaver MX进阶教程(九)使用用于框架的“行为”
Dreamweaver MX进阶教程(八) 操作框架
Dreamweaver MX进阶教程(十)制作居中的网页
Dreamweaver MX进阶教程(十六)制作可拖动表格
Dreamweaver MX进阶教程(二十一)制作虚线
Dreamweaver MX进阶教程(十三)在Dreamweaver 中使用上标和下标

Dreamweaver 制作基于WordPress的留言本II


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 435 ::
收藏到网摘: n/a

/>Dreamweaver制作基于WordPress的留言本
先前在DW教学-Dreamweaver量身打造Wordpress留言板 教学文章中,已经成功的把前端留言机制与界面搞定了,虽然有了留言的机制,总也要有管理功能才能回覆留言,以及删除不必要的广告留言, 现在就马上来为各位分享, 留言板后台管理的製作。
后台登入(gbk_admin.php):
Step1
新增一个PHP页面并储存为gbk_admin.php后,再新增一个表单,并插入二个文字框,完成后选择 伺服器行为 / 使用者验证 / 登入使用者。
Dreamweaver制作基于WordPress的留言本
Step2
选择连线验证,再把表格选wp_users,并且把使用者名称、密码的栏位,与使用者名称、密码栏要对应到,在下方设定登入成功后前往到index.php,错误页面可自行设定。
Dreamweaver制作基于WordPress的留言本
Step3
切到代码 模式,找到$password后,把逗号后方改成MD5。
Dreamweaver制作基于WordPress的留言本
Step4
有登入总也要有登出,选择 服务器行为 / 使用者验证 / 登出使用者。
Dreamweaver制作基于WordPress的留言本 

设定回应留言 | 删除 | 编辑显示区块(index.php):
Step5
开启index.php切到程式码模式,在留言内容下方,输入下方语法,这一段是用来设定当回应不是空时就显示回应内容。
Dreamweaver制作基于WordPress的留言本
Step6
切到程式码模式,在回应 | 删除中,输入下方语法,这段是用来设定当管理者登入成功时才显示。
Dreamweaver制作基于WordPress的留言本
删除 | 编辑留言设定:
Step7
接下来把回应选取起来,把档案名称设为re.php,再点参数钮将名称设为id,值的部分选择gid。
Dreamweaver制作基于WordPress的留言本
Step8
接下来把删除选取起来,把档案名称设为del.php,再点参数钮将名称设为id,值的部分选择gid。
Dreamweaver制作基于WordPress的留言本 

Step9
唿~总算都弄好~~那就发布来测试一下吧!这边的帐号、密码就与Wordpress中的登入帐号密码相同,登入完成后,就会看到 登出 及 回应 删除 等文字。
Dreamweaver制作基于WordPress的留言本
删除留言(del.php):
Step10
新增一个PHP页面并储存为del.php后,再选择 伺服器行为 / 删除记录,将URL参数后方输入id,并把表格设为wp_gook,主索引键栏位设为gid,这边要特别注意到,id的部分要设对,否则等一下将会无法删除 。
Dreamweaver制作基于WordPress的留言本
Step11
预览一下,登入后就会看到回应删除,直接点下删除,就可把回应留言删除。
Dreamweaver制作基于WordPress的留言本 

回应留言(re.php):
Step12
新增一个PHP页面并储存为re.php后,并在该页面中,建立一个表单与段落文字框后,再选择 繫结 / 资料集。
Dreamweaver制作基于WordPress的留言本
Step13
这边表格选择wp_gbook后,在栏位部分,只选取gid与gre好了之后,再把右方的gre拖到段落文字框中。
Dreamweaver制作基于WordPress的留言本
Step14
建立一个隐藏栏位,接着再把右方的gid拖拉到隐藏栏位中。
Dreamweaver制作基于WordPress的留言本
Step15
选择 伺服器行为 / 更新资料。
Dreamweaver制作基于WordPress的留言本 

Step16
在更新资料视窗中,分别将gid对应到刚隐藏栏位的id,gre对应到段落文字的id。
Dreamweaver制作基于WordPress的留言本
Step17
预览一下,登入管理者再按回应,输入回应内容后,按下送出,哈~也可正常运作。
Dreamweaver制作基于WordPress的留言本
其实这是一个很简易的留言板,为了让它能与wordpress整合起来,所以在管理者登入的地方,梅干则是直接去抓wordpress的栏位,将子管理帐号就直接从wordpress来管理即可。


设定回应留言 | 删除 | 编辑显示区块(index.php):
Step5
开启index.php切到程式码模式,在留言内容下方,输入下方语法,这一段是用来设定当回应不是空时就显示回应内容。
Dreamweaver制作基于WordPress的留言本
Step6
切到程式码模式,在回应 | 删除中,输入下方语法,这段是用来设定当管理者登入成功时才显示。
Dreamweaver制作基于WordPress的留言本
删除 | 编辑留言设定:
Step7
接下来把回应选取起来,把档案名称设为re.php,再点参数钮将名称设为id,值的部分选择gid。
Dreamweaver制作基于WordPress的留言本
Step8
接下来把删除选取起来,把档案名称设为del.php,再点参数钮将名称设为id,值的部分选择gid。
Dreamweaver制作基于WordPress的留言本



Step9
唿~总算都弄好~~那就发布来测试一下吧!这边的帐号、密码就与Wordpress中的登入帐号密码相同,登入完成后,就会看到 登出 及 回应 删除 等文字。
Dreamweaver制作基于WordPress的留言本
删除留言(del.php):
Step10
新增一个PHP页面并储存为del.php后,再选择 伺服器行为 / 删除记录,将URL参数后方输入id,并把表格设为wp_gook,主索引键栏位设为gid,这边要特别注意到,id的部分要设对,否则等一下将会无法删除 。
Dreamweaver制作基于WordPress的留言本
Step11
预览一下,登入后就会看到回应删除,直接点下删除,就可把回应留言删除。
Dreamweaver制作基于WordPress的留言本



回应留言(re.php):
Step12
新增一个PHP页面并储存为re.php后,并在该页面中,建立一个表单与段落文字框后,再选择 繫结 / 资料集。
Dreamweaver制作基于WordPress的留言本
Step13
这边表格选择wp_gbook后,在栏位部分,只选取gid与gre好了之后,再把右方的gre拖到段落文字框中。
Dreamweaver制作基于WordPress的留言本
Step14
建立一个隐藏栏位,接着再把右方的gid拖拉到隐藏栏位中。
Dreamweaver制作基于WordPress的留言本
Step15
选择 伺服器行为 / 更新资料。
Dreamweaver制作基于WordPress的留言本



Step16
在更新资料视窗中,分别将gid对应到刚隐藏栏位的id,gre对应到段落文字的id。
Dreamweaver制作基于WordPress的留言本
Step17
预览一下,登入管理者再按回应,输入回应内容后,按下送出,哈~也可正常运作。
Dreamweaver制作基于WordPress的留言本
其实这是一个很简易的留言板,为了让它能与wordpress整合起来,所以在管理者登入的地方,梅干则是直接去抓wordpress的栏位,将子管理帐号就直接从wordpress来管理即可。