zl程序教程

您现在的位置是:首页 >  APP

当前栏目

uniapp实战项目 (仿知识星球App) - - 效果篇

2023-04-18 14:28:09 时间

实战项目名称:仿知识星球App
技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql )
已实现功能:微信登录,创建星球,内容管理,星球管理
项目git地址:请点击访问

项目最终效果图:@点击访问效果图,欢迎关注收藏订阅专栏!!!


提示:该项目只用于个人实战,不应用于任何商业用途。

一、今日实战目标

  • 分享app端项目效果图
  • 了解项目功能

二、APP效果图分享

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


在这里插入图片描述


三、了解项目基本功能

1.微信登录

  • 接入微信登录,获取用户基本信息
  • 微信用户信息同步(APP端 & 微信小程序端)

2.创建星球

  • 已授权用户创建星球
  • logo上传,星球内容初始化

3.内容管理

  • 星球内容管理(置顶、审核、黑名单)
  • 分类管理

4.星球管理

  • 成员管理
  • 星球设置(是否付费,人数限制,管理员设置等)

总结

今天主要是分享下项目的效果图,近期都会更新前端uni-app的实战文章。欢迎关注点赞评论👏🏻👏🏻

由于项目目前在对接后台api中,项目git地址:请点击访问,大家可以去clone下来借鉴下;

  • 温馨提示:
  1. 项目仅用于个人实战,设计图和架构是自己基于知识星球APP进行设计的,算得上是入门级的uni-app,后期会更新一个企业级uniapp项目
  2. 我是在空闲中写写博客,并没有很规范,欢迎在评论区留下你的建议与意见。
  3. git项目拷贝下来的代码有不懂的,可以截图私信给我,看到会回复你,希望可以帮助到你了解和开发uniapp。