源代码已开源,如果对你有帮助可以点个星:https://github.com/linkaimin/xdzs
写论坛不难,重点是各页面之间的信息传递!
先放成品图,虽然有点单调。。。。但是麻雀虽小五脏俱全!
论坛功能:
1. 发帖(带图片)
2. 浏览各帖
3. 评论
4. 搜素帖子
5. 作者删自己的贴
以上是论坛必备的功能,缺哪个都不完整哦~
贴心代码详解(二)会讲评论页部分
还是老规矩,使用了iview weapp组件 别忘了引包。
js
const {
$Toast } = require('../../dist/base/index');
var app = getApp();//获取url
Page({
getUserInfo:function(e){
var nickName = e.detail.userInfo.nickName
var userIcon = e.detail.userInfo.avatarUrl
this.setData({
nickName:nickName
});
console.log(nickName)
},
formSubmit(e)
{
var that = this;
wx.login({
success: function(res) {
wx.request({
//获取openid
url: app.globalData.url+'onlogin', //本地调试,是获取不到code的,所以要实现,还是得传服务
data: {
"code": res.code
},
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data.openid)
var OD=res.data.openid
if(e.detail.value.pinglun==null||e.detail.value.pinglun=='')
{
$Toast({
content: '所有评论内容不能为空哦!',
type: 'warning'
});
}else{
$Toast({
content: '评论成功!',
type: 'success'
});
wx.request({
//评论部分
url: app.globalData.url+'detail/comment',
data:{
content:e.detail.value.pinglun,
systemId:that.data.Tid,
writer: app.globalData.userInfo.nickName,
oppidA:OD
},
method: 'POST',
header: {
'content-type': 'application/json'
},
success:function(res) {
//console.log(that.data.nickName)
},
fail:function(res){
//console.log(that.data.nickName)
}
})
// if (getCurrentPages().length != 0) {
// //刷新当前页面的数据
// getCurrentPages()[getCurrentPages().length - 1].onLoad()
// }
}
}
})
}
})
}
,
/**
* 页面的初始数据
*/
data: {
title:"",
name:"",
time:"",
detail:"",
listPL:[],
Tid:"",
nickName:""
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
Tid:options