django项目开发实战——博客(三)

经过好几版的修改,终于变成了现在这个样子(咳咳。)网站可以戳这里,欢迎大家多提意见哦~

在这里插入图片描述

在之前的基础上,做了以下增加:

评论功能

评论功能依旧用了渲染的方式,加了一些原生js控制css样式。

评论框:

<form class="pure-form comment" method="post" action="{% url 'comment:comment' pk=post.id %}">
    <fieldset class="pure-group">
        昵称:<input class="pure-input-1-4" name="comment-name" type="text" placeholder="昵称">
        &nbsp;&nbsp;
        邮箱:<input class="pure-input-1-3" name="comment-email" type="email" placeholder="留下邮箱,可以收到回复提醒哦~">
    </fieldset>
    <textarea class="comment-content" name="comment" placeholder="想对作者说点什么。。。" onfocus="show_person_info(this)"></textarea>
    <div class="comment-div">
        <span id="tip_comment">支持markdown格式</span>
        <button class="pure-button" type="submit" href="#">发表评论</button>
    </div>
</form>

评论展示区域

{% for comment in comment_list %}
   <ul class="comment-list ">
       <li class="comment-li first-comment" onmouseover="show_reply(this)"
           onmouseleave="hidden_replay(this)">
           <i class="fa fa-user-circle"></i>
           <span>{
  
  { comment.name }}:</span>
           <a class
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值