当前位置:   article > 正文

一款基于uniapp实现社区论坛的通用前端模板(含源码),简洁易用,可演示帖子详情/发布/列表/上拉加载/评论/个人信息等_星之链社区如何使用

星之链社区如何使用

项目介绍

星之链社区通用模板是uni-app生态下的社区论坛类通用前端模板,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,只需要一套代码即可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。

目前已经实现了以下功能

  • 帖子广场
  • 帖子热榜
  • 帖子发布(图片)
  • 一级评论
  • 二级评论
  • 帖子/评论审核
  • 图片评论
  • 个人主页
  • 修改个人资料
  • 上拉拉取新帖子(分页)
  • 一键返回顶部
  • 关注状态变化
  • 点赞状态
  • 阅读量/点赞数/分享数/评论数

模板内接入Mock库可以快速生成帖子和评论,实现快速演示,方便进行样式修正和功能接入~

页面展示

帖子广场帖子热榜我的页面
image-20240325195459759外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传image-20240325195511319
帖子详情个人主页个人信息审核页面
image-20240325195459759image-20240325195449102image-20240325195511319image-20240325200302342

体验地址

模板代码地址

星之链社区-通用前端模板

h5在线体验地址(优先适配app、h5、微信小程序,编译成微信小程序效果更佳)

星之链社区-前端通用模板

优秀案例

个人码
星链课表

使用教程

  1. 进入模板代码地址
    星之链社区-通用前端模板

  2. 导入插件到Hbuilder
    在这里插入图片描述

  3. 导入插件后,可在Hbuilder看到项目,右键项目在命令行打开项目
    在这里插入图片描述

  4. 执行npm install,构建项目和依赖文件(前提是已安装好npm)
    如果未安装npm,教程:Nodejs和Npm安装教程

  5. 构建完成项目后可运行项目,可选择运行到浏览器(h5),小程序模拟器等
    在这里插入图片描述

正在进行

此模板只是一套前端通用模板,主要实现了功能样式,具体的逻辑交互、数据库交互以及更多丰富的功能,需要结合unicloud才能实现更加完整的社区论坛。

星之链团队正在结合unicloud开发更加丰富的社区模块,基本上的社区功能都已实现,可查看:

前后端交互版本(unicloud后端)
星之链社区-unicloud版

开发交流

QQ群微信群
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/398535
推荐阅读
相关标签
  

闽ICP备14008679号