uniapp开发一个交流社区小程序

最新推荐文章于 2024-10-18 16:25:31 发布

原创

最新推荐文章于 2024-10-18 16:25:31 发布 · 1.5k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #小程序

本文详细描述了作者在假期期间使用uniapp开发一个交流社区小程序的过程，包括信息页面的评论、点赞功能，热榜页面的算法排序，以及用户主页和用户信息页的展示。项目已发布至uniapp插件市场，提供源码参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp开发一个交流社区小程序

假期的时候简单学了一下uniapp，想开发一款类似百度贴吧的交流社区来练练手。本篇文章主要记录开发过程，文末附上项目地址。

主要需要开发以下几个页面。

信息页面
热榜页面
用户主页
用户信息页

信息页面

该页面的功能主要用来展示信息，并且实现分享、浏览量、点赞以及二级评论等功能。

部分代码展示：

		// 点击评论帖子
		clickCommentPost(post) {
   
   
			console.log('clickCommentPost');
			// 重置评论框
			this.$refs.starCommentReplyRef.resetCommentReply()
			this.$refs.starCommentReplyRef.focus = true
			this.goArea('#comment-up-area')
		},
		// 点击删除评论
		clickDeleteComment(comment) {
   
   
			uni.showModal({
   
   
				title: '提示',
				content: '确定要删除该评论吗？',
				success: async (res) => {
   
   
					if (res.confirm) {
   
   
						uni.showLoading({
   
   
							title: '删除中',
							mask: true
						})
						await uniCloud.callFunction({
   
   
							name: 'star-community-comment',
							data: {
   
   
								flag: 3,
								data: {
   
   
									id: comment.id,
									updateData: {
   
   
										status: 3, // 0 审核中 1 正常 2 审核不通过 3 已删除 4 已违规
									}