如何公众号评论功能

197 阅读1分钟

1、需求分析:

甲方是想在每一家店下可以进行一些对店铺的友善的评论,是可以在店铺详情页中看到该店铺的店铺评论,然后用户可以在店铺页面中对该店铺进行评论。


2、解决方案:

1)、首先评论的这些数据肯定是要存表的,建表:comment,字段有:主键id、店铺id、评论人id、评论内容、评论时间、父类评论id

2)、前端有评论展示页,添加评价的对应输入框

3)、后端要有查询某一个店铺下的所有评价信息接口、添加评价接口

3、遇到的问题和收获:

1)、vue在两个页面之间传参:
//进入评价页面
toCommentPage(){
  this.$router.push({
    name: 'commentList',
    params:{
      storeId: this.selectStoreId
    }
  })
}
取参:this.$route.params.storeId

2)、评论成功后定时1s后进入查看评论页面
setTimeout(function () {
        _this.$('#resultTips').fadeOut(200);
      }, 1000)

3)、对weui的一个下拉弹窗的使用:this.$weui.picker([], {});
//选择评论星级
       selectStar() {
         let _this = this
         let starArr = [
           {label: "1星", value: "1"},
           {label: "2星", value: "2"},
           {label: "3星", value: "3"},
           {label: "4星", value: "4"},
           {label: "5星", value: "5"}
         ]
         this.$weui.picker(starArr, {
           title: "评论星级",
           onConfirm: function (result) {
             _this.formData.COMMENT_STAR = result[0].value
             _this.starLabel = result[0].label
           },
         });
       },

4)、后端接口存表查表对我一个专业后端开发的人来说就是不要简单了,就没遇到什么大问题,分分钟搞定,每次需求大部分都是花在了前端的参数传递,页面样式这些大头上了,
以后还是要专门写后端代码的工作呀



4、最后:

公司还是那个公司,资本还是那个资本,一天来一个新需求,真是忙死人,这篇文章还是手上的需求全搞完才抽空写下的,我也是就当成是对我技术的成长了。