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、最后:
公司还是那个公司,资本还是那个资本,一天来一个新需求,真是忙死人,这篇文章还是手上的需求全搞完才抽空写下的,我也是就当成是对我技术的成长了。