│ DPL_PYJUN
│ 介绍.png
│ 介绍.txt
│ 修复播放列表.bat
│ 播放列表.dpl
│
└─{1}–课程
├─{2}–环境搭建和创建项目
│ [2.1]–开发环境搭建.mp4
│ [2.2]–创建uni-app项目.mp4
│
├─{3}–多端调试环境配置
│ [3.1]–安卓真机调试配置.mp4
│ [3.2]–ios真机调试配置.mp4
│ [3.3]–微信小程序调试配置.mp4
│ [3.4]–支付宝小程序调试配置.mp4
│
├─{4}–App.vue引入全局公共样式
│ [4.1]–引入官方css样式库.mp4
│ [4.2]–引入自定义图标库.mp4
│ [4.3]–引入css动画库.mp4
│
├─{5}–设置全局属性globalStyle
│ [5.1]–设置全局属性globalStyle.mp4
│
├─{6}–底部导航开发
│ [6.1]–底部导航开发.mp4
│
├─{7}–uni-app和vuejs基础快速上手
│ [7.1]–view和text组件和动画使用.mp4
│ [7.2]–uni-app的css3选择器.mp4
│ [7.3]–flex布局快速上手.mp4
│ [7.4]–数据渲染.mp4
│ [7.5]–class和style绑定.mp4
│ [7.6]–条件渲染.mp4
│ [7.7]–列表渲染.mp4
│ [7.8]–事件处理器.mp4
│ [7.9]–监听属性.mp4
│ [7.10]–计算属性.mp4
│
├─{8}–首页开发
│ [8.1]–page.json配置.mp4
│ [8.2]–图文列表样式（上）.mp4
│ [8.3]–图文列表样式（下）.mp4
│ [8.4]–封装列表样式组件.mp4
│ [8.5]–全局分割线开发.mp4
│ [8.6]–优化列表组件-动画特效.mp4
│ [8.7]–优化列表组件-关注功能.mp4
│ [8.8]–优化列表组件-顶踩功能.mp4
│ [8.9]–滚动tab导航开发（上）.mp4
│ [8.10]–滚动tab导航开发（中）.mp4
│ [8.11]–滚动tab导航开发（下）-列表显示.mp4
│ [8.12]–上拉加载组件开发.mp4
│ [8.13]–封装上拉加载组件.mp4
│ [8.14]–封装无数据默认组件.mp4
│
├─{9}–搜索页开发
│ [9.1]–搜索页开发（上）.mp4
│ [9.2]–搜索页开发（下）.mp4
│
├─{10}–发布表单页面开发
│ [10.1]–自定义导航栏开发.mp4
│ [10.2]–textarea组件使用.mp4
│ [10.3]–底部操作条组件开发.mp4
│ [10.4]–上传多图功能开发.mp4
│ [10.5]–删除选中图片功能实现.mp4
│ [10.6]–保存草稿功能开发（一）.mp4
│ [10.7]–保存草稿功能开发（二）.mp4
│ [10.8]–保存草稿功能开发（三）.mp4
│
├─{11}–动态列表页开发
│ [11.1]–导航栏tab导航开发.mp4
│
├─{12}–关注列表页开发
│ [12.1]–滑动滚动区域计算.mp4
│ [12.2]–导航列表联动实现.mp4
│ [12.3]–顶踩操作和上拉加载功能.mp4
│
├─{13}–话题专题页开发
│ [13.1]–热门分类组件开发.mp4
│ [13.2]–封装热门分类组件.mp4
│ [13.3]–轮播图和搜索框开发.mp4
│ [13.4]–话题列表组件开发.mp4
│ [13.5]–封装话题列表组件.mp4
│
├─{14}–话题分类页开发
│ [14.1]–话题分类页开发.mp4
│
├─{15}–话题详情页开发
│ [15.1]–page.json配置.mp4
│ [15.2]–话题介绍组件开发.mp4
│ [15.3]–封装话题介绍组件.mp4
│ [15.4]–精华帖子列表组件开发.mp4
│ [15.5]–tab选项卡组件开发.mp4
│ [15.6]–利用计算属性实现列表切换.mp4
│ [15.7]–话题详情上拉加载实现.mp4
│
├─{16}–消息列表页面开发
│ [16.1]–page.json配置.mp4
│ [16.2]–消息列表组件开发.mp4
│ [16.3]–封装消息列表组件.mp4
│ [16.4]–下拉刷新功能实现.mp4
│ [16.5]–下拉弹出层组件使用.mp4
│ [16.6]–下拉弹出选项完善.mp4
│
├─{17}–我的好友列表页开发
│ [17.1]–page.json配置.mp4
│ [17.2]–tab导航组件再次优化.mp4
│ [17.3]–好友列表组件开发.mp4
│ [17.4]–强化badge组件功能.mp4
│ [17.5]–封装好友列表组件.mp4
│ [17.6]–优化我的好友列表页面.mp4
│
├─{18}–聊天界面开发
│ [18.1]–page.json配置.mp4
│ [18.2]–聊天输入框组件开发.mp4
│ [18.3]–聊天列表组件开发.mp4
│ [18.4]–封装聊天列表组件完善时间显示.mp4
│ [18.5]–完善聊天页功能.mp4
│
├─{19}–搜索列表页开发
│ [19.1]–搜索列表功能完善（上）.mp4
│ [19.2]–搜索列表功能完善（下）.mp4
│
├─{1}–项目介绍（买前必看）
│ [1.1]–项目介绍（买前必看）.mp4
│
├─{20}–文章详情页开发
│ [20.1]–page.json配置和页面通讯.mp4
│ [20.2]–强化公共列表组件功能.mp4
│ [20.3]–完善详情页关注顶踩功能.mp4
│ [20.4]–评论输入框组件封装.mp4
│ [20.5]–评论列表组件开发.mp4
│ [20.6]–分享功能组件开发（上）.mp4
│ [20.7]–分享功能组件开发（下）.mp4
│
├─{21}–个人中心页面开发
│ [21.1]–page.json配置.mp4
│ [21.2]–个人中心UI构建（上）.mp4
│ [21.3]–个人中心UI构建（中）.mp4
│ [21.4]–个人中心UI构建（下）.mp4
│
├─{22}–设置页面开发
│ [22.1]–设置页UI构建.mp4
│
├─{23}–修改密码页面开发
│ [23.1]–修改密码UI界面开发.mp4
│ [23.2]–表单验证功能实现.mp4
│
├─{24}–修改邮箱页面开发
│ [24.1]–修改邮箱页UI界面开发.mp4
│ [24.2]–表单验证功能实现.mp4
│
├─{25}–编辑资料页面开发
│ [25.1]–编辑资料UI界面实现.mp4
│ [25.2]–修改头像功能实现.mp4
│ [25.3]–showActionSheet接口使用.mp4
│ [25.4]–修改生日功能实现.mp4
│ [25.5]–三级联动城市选择器使用.mp4
│
├─{26}–帮助反馈页面开发
│ [26.1]–帮助反馈UI界面实现.mp4
│
├─{27}–关于页面开发
│ [27.1]–关于页面UI界面.mp4
│
├─{28}–登录页开发
│ [28.1]–page.json配置.mp4
│ [28.2]–登录页UI界面构建.mp4
│ [28.3]–登录类型切换效果实现.mp4
│ [28.4]–表单基础功能实现（上）.mp4
│ [28.5]–表单基础功能实现（中）.mp4
│ [28.6]–表单基础功能实现（下）.mp4
│ [28.7]–第三方登录组件功能实现.mp4
│
├─{29}–个人空间开发
│ [29.1]–page.json配置.mp4
│ [29.2]–个人空间头部组件开发.mp4
│ [29.3]–个人空间UI界面实现（一）.mp4
│ [29.4]–个人空间UI界面实现（二）.mp4
│ [29.5]–个人空间UI界面实现（三）.mp4
│ [29.6]–个人空间操作菜单.mp4
│
├─{30}–全局功能开发
│ [30.1]–清除缓存功能.mp4
│ [30.2]–全局方法和配置文件封装.mp4
│ [30.3]–监听网络状态.mp4
│ [30.4]–热更新初体验.mp4
│
├─{31}–App和小程序性能体验优化
│ [31.1]–动画效果优化.mp4
│
├─{32}–后端api环境搭建
│ [32.1]–后端线上环境部署流程.mp4
│ [32.2]–api开发准备-postman安装使用教程.mp4
│ [32.3]–api开发准备-vscode和数据库管理.mp4
│ [32.4]–api开发准备-创建项目.mp4
│ [32.5]–数据库创建和基本配置.mp4
│
├─{33}–【api开发】登录模块开发
│ [33.1]–数据表设计.mp4
│ [33.2]–接口开发常见问题.mp4
│ [33.3]–全局异常类封装.mp4
│ [33.4]–全局验证层封装（一）.mp4
│ [33.5]–全局验证层封装（二）.mp4
│ [33.6]–封装基类控制器.mp4
│ [33.7]–获取手机验证码api开发.mp4
│ [33.8]–对接阿里大于短信sdk.mp4
│ [33.9]–路由分组和api版本控制.mp4
│ [33.10]–手机号登录api开发.mp4
│ [33.11]–账号密码登录api开发.mp4
│ [33.12]–第三方登录api开发（上）.mp4
│ [33.13]–第三方登录api开发（下）.mp4
│ [33.14]–auth中间件基础用法.mp4
│ [33.15]–封装异常类助手函数.mp4
│ [33.16]–auth中间件封装（1）.mp4
│ [33.17]–auth中间件封装（2）.mp4
│ [33.18]–退出登录api.mp4
│
├─{34}–【api开发】文章分类模块开发
│ [34.1]–数据表设计.mp4
│ [34.2]–文章分类api.mp4
│
├─{35}–【api开发】话题分类模块
│ [35.1]–话题分类api开发.mp4
│
├─{36}–【api开发】话题模块
│ [36.1]–数据表设计.mp4
│ [36.2]–获取热门话题api.mp4
│ [36.3]–指定分类下的话题列表api.mp4
│
├─{37}–【api开发】文章模块
│ [37.1]–数据表设计.mp4
│ [37.2]–上传多图api.mp4
│ [37.3]–发布文章api.mp4
│ [37.4]–获取文章详情api.mp4
│ [37.5]–指定话题下的文章列表api.mp4
│ [37.6]–指定文章分类下的文章列表api.mp4
│ [37.7]–指定用户下的文章列表api.mp4
│ [37.8]–指定用户下的所有文章列表api.mp4
│
├─{38}–【api开发】搜索模块
│ [38.1]–搜索话题api.mp4
│ [38.2]–搜索文章api.mp4
│ [38.3]–搜索用户api.mp4
│
├─{39}–【api开发】广告模块
│ [39.1]–数据表设计.mp4
│ [39.2]–广告列表api.mp4
│
├─{40}–【api开发】用户绑定模块
│ [40.1]–绑定手机api.mp4
│ [40.2]–绑定邮箱api.mp4
│ [40.3]–绑定第三方账号api.mp4
│
├─{41}–【api开发】用户点赞模块
│ [41.1]–数据表设计.mp4
│ [41.2]–用户顶踩api.mp4
│ [41.3]–获取当前用户每篇文章顶踩api.mp4
│
├─{42}–【api开发】文章评论模块
│ [42.1]–数据表设计.mp4
│ [42.2]–用户评论api.mp4
│ [42.3]–获取当前文章评论列表api.mp4
│
├─{43}–【api开发】修改资料模块
│ [43.1]–编辑头像api.mp4
│ [43.2]–修改资料api.mp4
│ [43.3]–修改密码api.mp4
│
├─{44}–【api开发】黑名单模块
│ [44.1]–数据表设计.mp4
│ [44.2]–加入黑名单api.mp4
│ [44.3]–移除黑名单api.mp4
│
├─{45}–【api开发】关注粉丝模块
│ [45.1]–数据表设计.mp4
│ [45.2]–关注用户api.mp4
│ [45.3]–取消关注api.mp4
│ [45.4]–互关列表api.mp4
│ [45.5]–粉丝列表api.mp4
│ [45.6]–关注列表api.mp4
│
├─{46}–【api开发】用户反馈模块
│ [46.1]–数据表设计.mp4
│ [46.2]–用户反馈api.mp4
│ [46.3]–获取用户反馈列表api.mp4
│
├─{47}–【api开发】App版本更新模块
│ [47.1]–数据表设计.mp4
│ [47.2]–检查更新api.mp4
│
├─{48}–【api开发】聊天模块
│ [48.1]–websocket快速入门.mp4
│ [48.2]–websocket测试工具搭建.mp4
│ [48.3]–websocket环境搭建.mp4
│ [48.4]–聊天流程原理.mp4
│ [48.6]–发送信息api.mp4
│ [48.7]–获取离线消息队列api.mp4
│ [48.8]–【补充课程】聊天模块部分代码修改（重点）.mp4
│ [48.9]–【补充课程】聊天后端api接口修改（重点）.mp4
│
├─{49}–后端api源码部署
│ [49.1]–部署后端源码到线上服务器.mp4
│ [49.2]–部署https（上）.mp4
│ [49.3]–部署https（下）.mp4
│ [49.4]–导出api接口文档.mp4
│ [49.5]–配置wss和隐藏端口号.mp4
│
│
├─{50}–前后端交互功能实现
│ [50.1]–vuex实战初体验.mp4
│ [50.2]–封装跳转权限验证层.mp4
│ [50.3]–封装请求模块（上）.mp4
│ [50.4]–封装请求模块（下）.mp4
│ [50.5]–首页交互实现（一）.mp4
│ [50.6]–首页交互实现（二）.mp4
│ [50.7]–请求错误处理封装.mp4
│ [50.8]–列表人性化时间显示.mp4
│ [50.9]–文章详情页交互实现.mp4
│ [50.10]–分享功能实现.mp4
│ [50.11]–搜索文章功能实现.mp4
│ [50.12]–话题专题页交互实现.mp4
│ [50.13]–话题分类交互实现.mp4
│ [50.14]–话题详情交互实现.mp4
│ [50.15]–搜索话题交互实现.mp4
│ [50.16]–账号邮箱手机登录功能实现（上）.mp4
│ [50.17]–账号邮箱手机登录功能实现（中）.mp4
│ [50.18]–账号邮箱手机登录功能实现（下）.mp4
│ [50.19]–退出登录功能实现.mp4
│ [50.20]–第三方登录功能实现.mp4
│ [50.21]–修改账号与安全页面.mp4
│ [50.22]–绑定手机功能实现.mp4
│ [50.23]–修改密码功能实现.mp4
│ [50.24]–绑定邮箱功能实现.mp4
│ [50.25]–绑定第三方登录功能实现（上）.mp4
│ [50.26]–绑定第三方登录功能（下）.mp4
│ [50.27]–修改头像功能实现.mp4
│ [50.28]–修改资料功能实现.mp4
│ [50.29]–列表关注功能实现（上）.mp4
│ [50.30]–列表关注功能实现（中）.mp4
│ [50.31]–列表关注功能实现（下）.mp4
│ [50.32]–列表顶踩功能实现（上）.mp4
│ [50.33]–列表顶踩功能实现（中）.mp4
│ [50.34]–列表顶踩功能实现（下）.mp4
│ [50.35]–发布文章功能实现（一）.mp4
│ [50.36]–发布文章功能实现（二）.mp4
│ [50.37]–发布文章功能实现（三）.mp4
│ [50.38]–发布文章功能实现（四）.mp4
│ [50.39]–评论功能实现（一）.mp4
│ [50.40]–评论功能实现（二）.mp4
│ [50.41]–好友最新动态列表实现.mp4
│ [50.42]–我的好友列表实现.mp4
│ [50.43]–搜索用户功能实现.mp4
│ [50.44]–个人空间功能实现（一）.mp4
│ [50.45]–个人空间功能实现（二）.mp4
│ [50.46]–个人空间功能实现（三）.mp4
│ [50.47]–个人空间功能实现（四）.mp4
│ [50.48]–浏览历史功能实现.mp4
│ [50.49]–聊天模块封装（一）.mp4
│ [50.50]–聊天模块封装（二）.mp4
│ [50.51]–聊天模块封装（三）.mp4
│ [50.52]–聊天模块封装（四）.mp4
│ [50.53]–聊天模块封装（五）.mp4
│ [50.54]–【补充课程】聊天模块绑定上线修改（重点）.mp4
│ [50.55]–聊天会话列表实现.mp4
│ [50.56]–聊天历史记录实现.mp4
│ [50.57]–聊天接收信息实现.mp4
│ [50.58]–消息实时通知功能实现.mp4
│ [50.59]–app检查更新功能实现.mp4
│ [50.60]–接收离线信息功能实现.mp4
│ [50.61]–修复scroll-view大屏手机显示不全问题.mp4
│ [50.62]–修复第三方登录无法退出问题.mp4
│ [50.63]–补充聊天列表页两个小问题.mp4
│
├─{51}–兼容处理和打包上线
│ [51.1]–隐藏滚动条.mp4
│ [51.2]–小程序自定义导航栏.mp4
│ [51.3]–小程序分享功能实现.mp4
│ [51.4]–隐藏版本检测更新.mp4
│ [51.5]–微信小程序登录实现.mp4
│ [51.6]–微信小程序打包上线.mp4
│ [51.7]–app热更新操作流程.mp4
│ [51.8]–app打包上线.mp4
│ [51.9]–支付宝小程序兼容处理上线.mp4
│ [51.10]–支付宝小程序登录.mp4
│ [51.11]–补充课程：关于后端api接口更新.mp4
│
└─{52}–最后导语
[52.1]–最后导语.mp4
有需要联系v；加客服窗口的联系方式
摘要：本文以uni-app和ThinkPHP技术栈为基础，详细解析了如何实战开发一款价值299元的社区交友类APP。通过分析项目背景、技术选型、开发流程和实际应用，为开发者提供了一套完整的实战指南。
1、项目背景
随着移动互联网的快速发展，社区交友类APP市场需求日益旺盛。然而，传统开发方式周期长、成本高，难以满足快速迭代的需求。uni-app和ThinkPHP的出现，为开发者提供了一种高效、便捷的开发方案。
uni-app是一款跨平台移动应用开发框架，支持iOS、Android、H5等多个平台，大大缩短了开发周期。ThinkPHP是一款流行的PHP开发框架，具有丰富的功能模块和良好的社区支持。
本文以uni-app和ThinkPHP技术栈为基础，实战开发一款社区交友类APP，旨在为开发者提供一套完整的实战指南，帮助他们在短时间内掌握相关技术，实现项目落地。
2、技术选型
uni-app：作为一款跨平台开发框架，uni-app具有以下优势：
1）支持多平台：iOS、Android、H5等，降低开发成本。
2）丰富的组件库：提供丰富的UI组件，方便快速搭建应用界面。
3）热更新：支持热更新功能，提高开发效率。
ThinkPHP：作为一款PHP开发框架，具有以下优势：
1）易学易用：简洁的代码结构，降低学习成本。
2）丰富的功能模块：提供数据库、缓存、日志等模块，满足开发需求。
3）良好的社区支持：拥有庞大的开发者社区，方便解决问题。
3、开发流程
1）需求分析：明确APP的功能需求、用户群体和目标市场。
2）设计界面：根据需求设计APP界面，包括UI、图标等。
3）搭建开发环境：安装uni-app和ThinkPHP开发环境，配置项目参数。
4）编写代码：使用uni-app和ThinkPHP框架编写业务逻辑代码。
5）测试与优化：对APP进行功能测试、性能测试和兼容性测试，优化代码。
6）上线发布：将APP打包成APK或IPA格式，发布到各大应用市场。
4、实际应用
本文以一款社区交友类APP为例，展示了uni-app和ThinkPHP在实际开发中的应用。
1）用户注册与登录：使用uni-app的表单组件实现用户注册和登录功能。
2）消息推送：利用uni-app的推送功能，实现实时消息推送。
3）社交圈子：通过ThinkPHP的数据库操作，实现用户之间的互动和圈子功能。
4）个性化推荐：根据用户兴趣和喜好，推荐相关内容。
总结：
本文详细介绍了uni-app和ThinkPHP实战开发社区交友类APP的过程，为开发者提供了一套完整的实战指南。通过本文的学习，开发者可以快速掌握相关技术，实现项目落地。
本文由nayona.cn整理
联系我们
关注公众号
微信扫一扫
支付宝扫一扫
