前端留言制作

完整案例下载：[点击下载](https://hbsjsd.oss-cn-zhangjiakou.aliyuncs.com/mes/mse.zip "点击下载")

JQ引用 注意JQ到大于`jquery-1.7.2.min.js`
```javascript
<script type="text/javascript" src="https://hbsjsd.oss-cn-zhangjiakou.aliyuncs.com/js/jquery-1.7.2.min.js"></script>
```
**JS引用**
```javascript

<link rel="stylesheet" href="https://hbsjsd.oss-cn-zhangjiakou.aliyuncs.com/mes/semantic.css" type="text/css" />
<link rel="stylesheet" href="https://hbsjsd.oss-cn-zhangjiakou.aliyuncs.com/mes/zyComment.css" type="text/css" />
<script type="text/javascript" src="https://hbsjsd.oss-cn-zhangjiakou.aliyuncs.com/mes/zyComment.js"></script>
```
**HTML**
```html
 {if condition="$arts.mes eq 1"}
        <div id="articleComment"></div>
 {/if}
```

**页面JS动态调用数据**
```javascript
<script type="text/javascript">
    var count= 1;
    var id = $('#cateid').attr('name');
    var count= 1;
    $.ajax({
        url: "{:url('Article/mse')}",
        async: false, //改为同步方式
        type: "POST",
        data: { id: id },
        success: function (data) {
            count = data.msg;
        },
        dataType:"json"
    });

console.log(count);

var agoComment=count;
    var aid = $('#cateid').attr('name');

$("#articleComment").zyComment({
        "width":"355",
        "height":"33",
        "agoComment":agoComment,
        "callback":function(comment){
            var comment= $("#commentContent").val();
            // var id= $(".reply").attr('selfid');
            var id = $("#publicComment").attr('data');
            var add;
            $.ajax({
                url: "{:url('index/Voteadd/edit')}",
                async: false, //改为同步方式
                type: "POST",
                data: { comment: comment,id:id,aid:aid },
                success: function (data) {

add= data.msg

},
            });
            console.log(add);
            // 添加新的评论
            $("#articleComment").zyComment("setCommentAfter",add);

}
    });
</script>
```

模型index/Article 添加留言数据动态调用
```php
 public function mse($id){
        $uid=decrypt1(cookie('name'),SALT);

$menu=db('mes')->alias('a')
            ->field("id,name,time,pid,content")
            ->where('aid',$id)
            ->select();
        $mesres=new Mes();
        $mse=$mesres->catetree($menu);
        return json(['code'=>1,'msg'=>$menu,'uid'=>$uid]);
    }
```

新建index/ `Voteadd.php`文件
```php
<?php
namespace app\index\controller;
use think\Request;
use app\index\model\Vote as VoteModel;

class Voteadd extends Common
{

public function add(){
        if (request()->isPost()){
            $data=input('post.');
            $data['time']=time();
            //验证
            $validate=validate('Voteadd');
            if(!$validate->scene('add')->check($data)){
                $this->error($validate->getError());
            }
            $addmes=db('mes')->insert($data);
            if ($addmes){
                $this->success('发表留言成功！');
            }else{
                $this->error('发表留言失败！');
            }
        }
        return view();
    }

public function edit(){

if (request()->isAjax()) {
            $data['pid'] = input('id');//回复留言id
//留言防重复利用
            $time=strtotime(date('Y-m-d 00:00:00'));
            $data['ip']=request()->ip();
            $mesres=db('mes')->where('ip',$data['ip'])->where('aid',input('aid'))->where('time','>=',$time)->count();
            if ($mesres>=5){
                return json(['code' => 0, "msg" => '你操作过于平凡，已无法在进行留言操作']);
            }
            if ($data['pid'] == '') {
                $data['pid'] = 0;
            }

$data['aid'] = input('aid');//文章id

$data['name'] = "游客";
            $data['uid'] = 0;
            $data['content'] = input('comment');
            $data['time'] = time();
            $data['create_time'] = time();
            $add = db('mes')->strict(false)->insertGetId($data);
            if ($add) {
                $mes = db('mes')->field("id,name,time,pid,content")->find($add);
                return json(['code' => 1, "msg" => $mes]);
            } else {
                $this->error('发表留言失败！');
            }
        }
        return view();
    }
}
```

新建`Model.php`模型 位置：index/Model
```php
<?php
namespace app\index\model;

use think\Model;

class Mes extends Model
{

public function catetree($cateRes){
        // $cateRes=$_cateRes;
        return $this->sort($cateRes);
    }
    public function sort($cateRes,$pid=0,$level=0){
        static $arr=array();
        foreach ($cateRes as $k=>$v){
            if ($v['pid']==$pid){
                $v['level']=$level;
                $arr[]=$v;
                $this->sort($cateRes,$v['id'],$level+1);
            }
        }
        return $arr;
    }
}
```

速建时代TPCMS管理系统

前端留言制作