1

pages/forum-detail/forum-detail.js

@@ -0,0 +1,272 @@
+// pages/forum-detail/forum-detail.js
+const {forumData} = require('../../utils/data.js')
+const learningTracker = require('../../utils/learningTracker.js')
+const { showSuccess } = require('../../utils/util.js')
+
+// pages/forum-detail/forum-detail.js
+const userManager = require('../../utils/userManager.js')
+
+Page({
+  data: {
+    post: null,
+    commentText: '',
+    comments: [],
+    postId: null
+  },
+
+  onLoad(options) {
+    const { id } = options
+    this.setData({ postId: parseInt(id) })
+    this.loadPostDetail(id)
+  },
+
+  onShow() {
+    // 开始跟踪学习时间
+    learningTracker.onPageShow('forum')
+  },
+
+  onHide() {
+    // 停止跟踪学习时间
+    learningTracker.onPageHide()
+  },
+
+  onUnload() {
+    // 记录学习时长
+    learningTracker.onPageUnload()
+  },
+
+  // 加载帖子详情
+  loadPostDetail(id) {
+    let posts = wx.getStorageSync('forumPosts') || forumData
+    const post = posts.find(p => p.id === parseInt(id))
+    
+    if (post) {
+      // 增加浏览量
+      post.views += 1
+      
+      // 检查是否已收藏
+      const favoritePosts = wx.getStorageSync('favoritePosts') || []
+      post.isFavorite = favoritePosts.some(fav => fav.id === post.id)
+      
+      posts = posts.map(p => p.id === post.id ? post : p)
+      wx.setStorageSync('forumPosts', posts)
+      
+      // 加载评论
+      const comments = this.loadComments(parseInt(id))
+      
+      this.setData({ 
+        post,
+        comments
+      })
+    }
+  },
+
+  // 加载评论
+  loadComments(postId) {
+    const allComments = wx.getStorageSync('forumComments') || {}
+    return allComments[postId] || []
+  },
+
+  // 保存评论
+  saveComments(postId, comments) {
+    const allComments = wx.getStorageSync('forumComments') || {}
+    allComments[postId] = comments
+    wx.setStorageSync('forumComments', allComments)
+    
+    // 更新帖子的评论数
+    let posts = wx.getStorageSync('forumPosts') || forumData
+    posts = posts.map(p => {
+      if (p.id === postId) {
+        p.comments = comments.length
+      }
+      return p
+    })
+    wx.setStorageSync('forumPosts', posts)
+  },
+
+  // 点赞
+  onLike() {
+    const { post } = this.data
+    let posts = wx.getStorageSync('forumPosts') || forumData
+    
+    posts = posts.map(p => {
+      if (p.id === post.id) {
+        p.isLiked = !p.isLiked
+        p.likes = p.isLiked ? p.likes + 1 : p.likes - 1
+      }
+      return p
+    })
+    
+    wx.setStorageSync('forumPosts', posts)
+    
+    this.setData({
+      post: {
+        ...post,
+        isLiked: !post.isLiked,
+        likes: post.isLiked ? post.likes - 1 : post.likes + 1
+      }
+    })
+  },
+  
+  // 收藏帖子
+  onFavorite() {
+    const { post } = this.data
+    
+    if (!post || !post.id || !post.title) {
+      wx.showToast({
+        title: '帖子数据异常',
+        icon: 'none'
+      })
+      console.error('帖子数据不完整:', post)
+      return
+    }
+    
+    let favoritePosts = wx.getStorageSync('favoritePosts') || []
+    const index = favoritePosts.findIndex(p => p.id === post.id)
+    
+    if (index > -1) {
+      // 已收藏，取消收藏
+      favoritePosts.splice(index, 1)
+      wx.setStorageSync('favoritePosts', favoritePosts)
+      
+      console.log('取消收藏后的列表:', favoritePosts)
+      
+      // 更新帖子状态
+      let posts = wx.getStorageSync('forumPosts') || []
+      posts = posts.map(p => {
+        if (p.id === post.id) {
+          p.isFavorite = false
+        }
+        return p
+      })
+      wx.setStorageSync('forumPosts', posts)
+      
+      this.setData({
+        post: {
+          ...post,
+          isFavorite: false
+        }
+      })
+      
+      wx.showToast({
+        title: '已取消收藏',
+        icon: 'success'
+      })
+    } else {
+      // 未收藏，添加收藏
+      const favoritePost = {
+        id: post.id,
+        title: post.title,
+        category: post.category,
+        time: new Date().toLocaleString()
+      }
+      
+      favoritePosts.push(favoritePost)
+      wx.setStorageSync('favoritePosts', favoritePosts)
+      
+      console.log('收藏成功，当前收藏列表:', favoritePosts)
+      
+      // 更新帖子状态
+      let posts = wx.getStorageSync('forumPosts') || []
+      posts = posts.map(p => {
+        if (p.id === post.id) {
+          p.isFavorite = true
+        }
+        return p
+      })
+      wx.setStorageSync('forumPosts', posts)
+      
+      this.setData({
+        post: {
+          ...post,
+          isFavorite: true
+        }
+      })
+      
+      wx.showToast({
+        title: '收藏成功',
+        icon: 'success'
+      })
+    }
+  },
+
+  // 评论输入
+  onCommentInput(e) {
+    this.setData({ commentText: e.detail.value })
+  },
+
+  // 发表评论
+  onSubmitComment() {
+    const { commentText, comments, postId } = this.data
+    
+    if (!commentText.trim()) {
+      wx.showToast({
+        title: '请输入评论内容',
+        icon: 'none'
+      })
+      return
+    }
+    
+    // 获取用户信息
+    const userInfo = userManager.getUserInfo()
+    const userName = userInfo.nickname || '我'
+    const userAvatar = userInfo.avatar || '/images/avatar-default.png'
+    
+    const newComment = {
+      id: Date.now(),
+      author: userName,
+      avatar: userAvatar,
+      content: commentText,
+      time: '刚刚'
+    }
+    
+    const newComments = [newComment, ...comments]
+    
+    // 保存评论
+    this.saveComments(postId, newComments)
+    
+    // 同时将评论保存到帖子的commentList中
+    let posts = wx.getStorageSync('forumPosts') || []
+    posts = posts.map(p => {
+      if (p.id === postId) {
+        if (!p.commentList) {
+          p.commentList = []
+        }
+        p.commentList.unshift(newComment)
+      }
+      return p
+    })
+    wx.setStorageSync('forumPosts', posts)
+    
+    this.setData({
+      comments: newComments,
+      commentText: ''
+    })
+    
+    showSuccess('评论成功')
+    
+    console.log('评论已发布', {
+      作者: userName,
+      内容: commentText,
+      帖子ID: postId
+    })
+  },
+
+  // 预览图片
+  onPreviewImage(e) {
+    const { url, urls } = e.currentTarget.dataset
+    wx.previewImage({
+      current: url,      // 当前显示图片的链接
+      urls: urls         // 需要预览的图片链接列表
+    })
+  },
+
+  // 分享
+  onShareAppMessage() {
+    const { post } = this.data
+    return {
+      title: post.title,
+      path: `/pages/forum-detail/forum-detail?id=${post.id}`
+    }
+  }
+})