实战项目介绍
相信一部分同学应该知道这个项目,项目的灵感主要来自于线下。
在某个人流量较大的街道地段,摆一张桌子,两个纸箱,一个装男生微信与留言,另一个装女生微信与留言,拿一个、放一个都是1元钱。主要是这样的一个盈利模式。
我们本次教程的主要内容就是制作这样一款线上的 盲盒脱单 应用。项目主要依托于微信公众号,在微信公众号底部菜单进入到线上摊位,静默登录绑定微信用户身份,同样也是两个纸箱,一个装男生微信与留言,另一个装女生微信与留言,拿一个、放一个都是1元钱,当然这个价格我们在后台可以通过配置文件去修改。
可以学到什么
1,一个完整项目的开发流程、开发思维;
2,了解并使用 HTML/CSS、Bootstrap 制作前端页面;
3,了解并使用 JavaScript、jQuery;
4,了解并使用 PHP 语言、Laravel 框架;
5,了解并使用 MySQL 数据库;
6,微信登录开发流程;
7,微信支付开发流程;
8,微信公众号项目实战开发流程;
注意细节
本教程主要以实战开发为主,主要讲解的知识点是整个项目的开发流程、开发思维。我们不会对某一项知识点如:Laravel、html布局等进行入门级深度讲解,对于涉及到的一些理论知识点,我们会进行简单介绍,会告诉你这个东西是干什么用的,如何快速使用。系统化学习了解需要同学们在课下通过搜索引擎去查询学习。当然,我们会在教程资料中留下每个知识点的相关学习资料。
比如:前端相关知识 Flex 弹性布局在教程开发中会用到,我们会对 Flex 所能实现的效果做大致的讲解,以及教程中使用或常用的一些属性进行说明,但是整个 Flex 的系统性学习,需要你在课下通过教程资料中所留学习资料或搜索解读学习。
教程所留资料示例:https://www.yuque.com/baozoudexigua/wm5gvp/bkuiwh
教程章节
1,教程介绍
1.1,教程介绍
实战项目介绍、可以学到什么、注意细节、教程章节。
2,前端页面制作
2.1,摊位页面制作
我的摊位页面制作。
2.2,我的纸条页面制作
我抽取、放入的纸条页面制作。
2.3,JS效果制作,使用WeUi
放入、抽取纸条JS效果;加入WeUi样式库;
我的金币、放图纸条、抽取纸条、文章文档 弹窗。
3,开发环境配置
3.1,课程涉及开发语言、工具介绍
PHP、Laravel、PhpStudy、Composer、Navicat for MySQL 等相关介绍。
3.2,本地开发环境配置
PhpStudy、Navicat for MySQL、Composer 安装,MySQL数据库创建。Laravel框架安装、配置。MySQL数据测试查询。创建Git仓库。
4,放入纸条内容
4.1,放入纸条内容
完成放入纸条功能。
4.2,上传图片
使用 Laravel 框架完成图片上传功能。
5,微信登录
5.1,微信登录流程开发
根据微信官方文档,一步一步完成微信登录功能。
5.2,使用三方composer包完成微信登录
使用三方composer包完成项目微信登录。
5.3,完善用户放入纸条信息
完善用户纸条信息。
6,抽取纸条
7,金币模块
7.1,金币体系搭建
金币模块数据设计、功能开发。
7.2,完善抽放纸条金币支付功能
完善抽放纸条,金币支付功能。
8,微信支付
8.1,配置线上环境
配置开发线上环境,配置SSL证书等。
8.2,微信支付 - 调起微信支付
完成调起微信支付功能。
8.3,微信支付 - 异步通知
微信支付异步通知逻辑讲解,功能开发。
8.4,使用封装类完成微信开发
完成微信支付功能;支付记录表设计;支付成功后逻辑处理。
9,我的纸条管理
10,完善页面功能
11,管理后台
11.1,后台页面制作
使用 Bootstrap5 制作管理后台页面。
11.2,管理员模块、支付日志模块
完成管理员、支付记录模块。
11.3,纸条信息管理模块
完成纸条信息管理模块。