{"id":19978008,"url":"https://github.com/tuture-dev/ultra-club","last_synced_at":"2025-05-04T03:30:59.337Z","repository":{"id":101985306,"uuid":"229934320","full_name":"tuture-dev/ultra-club","owner":"tuture-dev","description":"《Taro 多端小程序开发大型实战》源代码","archived":false,"fork":false,"pushed_at":"2020-10-06T02:43:24.000Z","size":42280,"stargazers_count":110,"open_issues_count":5,"forks_count":20,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T02:45:29.638Z","etag":null,"topics":["hands-on","learning-by-doing","miniprogram","react-hooks","redux","taro","taro-ui"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tuture-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-24T12:01:53.000Z","updated_at":"2024-12-01T16:22:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"41dce654-8298-4b17-820e-2b9fed9732d7","html_url":"https://github.com/tuture-dev/ultra-club","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuture-dev%2Fultra-club","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuture-dev%2Fultra-club/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuture-dev%2Fultra-club/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tuture-dev%2Fultra-club/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tuture-dev","download_url":"https://codeload.github.com/tuture-dev/ultra-club/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252283577,"owners_count":21723503,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hands-on","learning-by-doing","miniprogram","react-hooks","redux","taro","taro-ui"],"created_at":"2024-11-13T03:30:03.872Z","updated_at":"2025-05-04T03:30:59.331Z","avatar_url":"https://github.com/tuture-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Taro 多端小程序开发大型实战\n\n【已完成】这里是《Taro 多端小程序开发大型实战》系列教程的源代码仓库。\n\n### 项目预览\n\n微信小程序云效果，微信小程序全流程：登录、发帖、展示帖子列表、查看帖子详情：\n\n![1705b4e9b0b79869.2020-03-10 11_01_12](https://imgkr.cn-bj.ufileos.com/3faf1ee5-dbef-4593-9a33-d56453c69485.gif)\n\nLeanCloud 效果，支付宝小程序全流程：登录、发帖、展示帖子列表、查看帖子详情：\n\n![1705b4e9b0b79869.2020-03-10 11_01_12](https://imgkr.cn-bj.ufileos.com/5e84e7f3-c08e-456b-a354-a8fa1c52337e.gif)\n\n### 项目界面说明（以微信小程序为例）\n\n##### 首页\n\n主要是展示帖子列表，每个帖子包含：1）标题 2）描述 3）发帖人用户头像 4）发帖人用户名\n\n![00831rSTgy1gcony1tdh3j30ho0vojt4](https://imgkr.cn-bj.ufileos.com/629e6b4a-57b2-43e7-b217-b05ade7dc1f1.png)\n\n\n\n#### 帖子详情页\n\n主要展示帖子详情，是另外一个页面，因为对于帖子列表展示的信息有限，详情页可以展示更多的帖子正文信息\n\n![00831rSTgy1gconz8dq34j30hu0vkta0](https://imgkr.cn-bj.ufileos.com/55df083d-4116-4a21-94c2-45a938df8391.png)\n\n\n\n#### 发帖页面\n\n主题用于给登录用户发帖，包含标题和正文，发的帖子会自动带上登录用户的身份信息\n\n![00831rSTgy1gcoo0t75bbj30hq0vwgnk](https://imgkr.cn-bj.ufileos.com/06cc32c1-484f-4148-9f43-0122f83e2cd9.png)\n\n#### 我的页面\n\n已登录：展示用户头像和用户名\n\n![00831rSTgy1gcoo2hl2q3j30hs0vutaw](https://imgkr.cn-bj.ufileos.com/7942c63e-ff72-4ed1-b713-6b5ea08c9c2a.png)\n\n未登录：展示普通登录按钮和微信登录\n\n![00831rSTgy1gcoo2tiuqkj30hm0vwq48](https://imgkr.cn-bj.ufileos.com/2de5d050-0e13-439a-bc91-802e342587e3.png)\n\n未登录，进行登录界面：上传头像和输入昵称，昵称会自动作为用户主键标志\n\n![位图](https://imgkr.cn-bj.ufileos.com/9f1c1d72-b59d-4a10-bb07-d125ae5baaf0.png)\n\n## 体验项目\n\n克隆本仓库，然后进入 ultra-club：\n\n```bash\ngit clone https://github.com/tuture-dev/ultra-club.git\ncd ultra-club\n```\n\n安装 npm 包：\n\n```bash\nnpm install\n# yarn\n```\n\n开启微信小程序开发服务器：\n\n```bash\nnpm run dev:weapp\n# yarn dev:weapp\n```\n\n开启支付宝小程序开发服务器：\n\n```bash\nnpm run dev:alipay\n# yarn dev:alipay\n```\n\n## 教程内容概要\n\n1. [熟悉的 React，熟悉的 Hooks](https://tuture.co/2019/12/25/34a473b/)\n   - 用脚手架初始化项目\n   - 用熟悉的 React 代码编写用户界面\n   - 使用 React Hooks 重构状态管理\n2. [多页面跳转和 Taro UI 组件库](https://tuture.co/2019/12/25/af69225/)\n   - 用自带路由功能搭建多页面应用\n   - 用 Taro UI 组件库升级界面\n3. [实现微信和支付宝多端登录](https://tuture.co/2019/12/25/5e10118/)\n   - 微信登录\n   - 支付宝登录\n   - 普通登录\n   - 退出登录\n4. [使用 Hooks 版的 Redux 实现应用状态管理](https://tuture.co/2020/01/15/5e100f7/)\n   1. 使用 Hooks 版本的 react-redux 来做绑定库\n   2. 将应用全流程接入 redux\n   3. 处理关于 loading 相关的加载\n5. [尝鲜微信小程序云](https://tuture.co/2020/01/17/b32362b/)\n   1. 在 redux-saga 中使用微信小程序云\n   2. 接通微信小程序云全流程\n6. [LeanCloud，一统江湖]()\n   1. 在 redux-saga 中使用微信小程序云\n   2. 接通微信小程序云全流程\n\n## 反馈\n\n欢迎对此教程的内容进行反馈（无论是疑问还是改进意见），可以在文章下方留言，也可以在此仓库创建 Issue！\n\n### 联系我们\n\n- [微信公众号](https://tuture.co/images/social/wechat.png)：关注公众号，加图雀酱微信拉你进学习交流群\n- [掘金](https://juejin.im/user/5b33414351882574b9694d28)\n- [知乎专栏](https://zhuanlan.zhihu.com/tuture)\n- 知乎圈子：搜索 图雀社区\n- 也可以直接扫码下方的二维码关注微信公众号哦：\n\n![](https://imgkr.cn-bj.ufileos.com/24d1bc26-9cb8-4c50-bf4b-bfee05633e95.png)\n\n## 许可证\n\nMIT。\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftuture-dev%2Fultra-club","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftuture-dev%2Fultra-club","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftuture-dev%2Fultra-club/lists"}