• Z-Blog PHP主题模板制作十一:评论

    1年前 (2017/04/23) 孤狼 技巧 5026 浏览 0 条评论

    在前面第十章中的post-single.php文件中已经加入调用评论comments.php代码,下面孤狼将分享有关评论comments.php文件使用其它文件和代码。同时在第十章中也分享了评论所使用的CSS样式。


    新建三个文件,comments.php ;comment.php ;commentpost.php ;


    Z-Blog PHP主题模板制作十一:评论

    ——这是comments.php文件,写入以下代码。

    {if $socialcomment}
    {$socialcomment}
    {else}
    <h3>
    {if $article.CommNums==0}
    没有评论,留下你的印记,证明你来过。
    {else}
    已有{$article.CommNums}条留言
    {/if}
    </h3>
    <div class="clear"></div>
    <label id="AjaxCommentBegin"></label>
    {foreach $comments as $key => $comment}
    {template:comment}
    {/foreach}
    <div class="commentpagebar">
    {template:pagebar}
    </div>
    <label id="AjaxCommentEnd"></label>
    {template:commentpost}
    {/if}


    Z-Blog PHP主题模板制作十一:评论

    ——这是comment.php文件,写入以下代码。

    <ul class="msg"  id="cmt{$comment.ID}">
    <li class="msgname">
    <div class="avatar"><img src="{$comment.Author.Avatar}"/></div>
    <div class="commentname"><a href="{$comment.Author.HomePage}" target="_blank">{$comment.Author.StaticName}</a>&nbsp;&nbsp;<span>{$comment.Time()}&nbsp;<a href="#comment" onclick="return zbp.comment.reply('{$comment.ID}')">回复该评论</a></span>
    <div class="comment_text">{$comment.Content}</div>
    </div>
    </li>
    {foreach $comment.Comments as $comment}
    <li class="msgarticle">{template:comment}
    </li>
    {/foreach}
    </ul>


    Z-Blog PHP主题模板制作十一:评论

    ——这是commentpost.php文件,写入以下代码。

    </br>
    <div class="center-b"></div>
    <div class="commentpost" id="comment">发表评论:{if $user.ID>0}{$user.StaticName}{/if}<a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a>
    <form id="frmSumbit" target="_self" method="post" action="{$article.CommentPostUrl}" >
    <input type="hidden" name="inpId" id="inpId" value="{$article.ID}" />
    <input type="hidden" name="inpRevID" id="inpRevID" value="0" />
    {if $user.ID>0}
    <input type="hidden" name="inpName" id="inpName" value="{$user.Name}" />
    <input type="hidden" name="inpEmail" id="inpEmail" value="{$user.Email}" />
    <input type="hidden" name="inpHomePage" id="inpHomePage" value="{$user.HomePage}" />	
    {else}
    <div class="input-t">
    <input type="text" name="inpName" id="inpName" value="{$user.Name}" tabindex="1" placeholder="名称(必填)"/>
    <input type="text" name="inpEmail" id="inpEmail" value="{$user.Email}" tabindex="2" placeholder="邮箱"/>
    <input type="text" name="inpHomePage" id="inpHomePage" value="{$user.HomePage}" onfocus="this.value='http://';" tabindex="3" placeholder="网址"/>
    </div>
    {/if}
    <p><label for="content">正文(*)</label></p>
    <p><textarea name="txaArticle" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" ></textarea></p>
    <p><input name="sumbit" type="submit" tabindex="6" value="提交" onclick="return zbp.comment.post()" class="button" /></p>
    </form>
    <p class="postbottom">◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。</p></div>

    ——完成。

    版权属于:孤狼备忘录     本文作者:孤狼

    原文地址: https://www.glbwl.com/z-blog-php-theme-comments.html

    版权声明:转载时必须以链接形式注明原始出处及本声明。

    « 上一篇:Z-Blog PHP主题模板制作十:文章内容页面/独立内容页面/CSS样式 » 下一篇:女生最讨厌的男生九大穿搭

    推荐阅读

  • 折腾Z-BlogPHP主题模板zbgl/GitHub下载(添加侧栏功能修改手机显示样式)
  • Z-Blog PHP主题模板制作十六:导出主题为.zba文件
  • Z-Blog PHP主题模板制作十五:响应式调整/手机平板自适应模式
  • Z-Blog PHP主题模板制作十四:错误页面404.php
  • Z-Blog PHP主题模板制作十三:自定义搜索页面search.php
  • 没有评论,留下你的印记,证明你来过。


    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。