springboot+微信小程序 入门级项目实战

学习b站up主码神之路的项目笔记
视频地址 https://www.bilibili.com/video/BV17y4y1L78u?spm_id_from=333.337.search-card.all.click

基本功能都实现了。没去搞在线阅读pdf功能和没去申请小程序商户(舍不得200块钱,学生党穷啊),但是支付接口都实现了。
(这个项目还有后台管理系统,但是up主没有更完,估计忘了或者懒得讲。。。。。。。)

gitee地址

技术栈:springboot+小程序+redis+jwt+阿里云oss…
运行界面
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

注意

我跟着视频写完项目后才开始写笔记的,有些地方可能忘了。。。
up会提供笔记和前端项目,只要跟着写后端代码就可以了
up主的前端项目有些地方需要自己修改
后端没有给user的sql表,自己建一个就行
阿里云oss这个网上查一下用法就可以了
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

01

搭建工程

  • 新建maven父项目,导入父项目pom文件,新建maven子项目,导入子项目pom文件。
  • 编写xml文件,新建启动类,导入mybatisplus的分页插件(@Configuration@MapperScan({“com.huang.courseware.mapper”}),记得加注解,后面这个注解放在启动类也行)

首页 :课件列表,轮播图

  • 建立表和实体类,mapper,controller,service。。。
  • 建立Result类,分页数据封装类。

02

小程序登录逻辑

    /**
     * 1.拼接一个url,微信登录凭证校验接口
     * 2.发起一个http调用,获取微信的返回结果
     * 3.存到redis
     * 4.生成一个sessionId 返回给前端,作为当前需要登录的用户标识
     * 5.生成一个sessionId 用户在点击微信登录的时候,我们可以标识是谁点击微信登录
     */
     

    /**
     * 1.通过wxauth中的值,要对他进行解密
     * 2.解密完成之后,会获取到微信用户信息 其中包含openId,性别,昵称
     * 3.openId 是唯一的,需要去user表中查询openId是否存在,存在,以此用户的身份登录成功
     * 4.不存在,新用户,注册流程,登录成功
     * 5.使用jwt技术,生成一个token,提供给前端token令牌,用户在下次访问的时候,携带token来访问
     * 6.后端通过对token的验证,知道此用户是否处于登录状态,以及是哪个用户登录的
     */

在这里插入图片描述

03

04

05

  • 1
    点赞
  • 8
    收藏
  • 打赏
    打赏
  • 3
    评论
后台技术选型: <ul style="color:#2F2F2F;"> <li> JDK8 </li> <li> MySQL </li> <li> Spring-boot </li> <li> Spring-data-jpa </li> <li> Lombok </li> <li> Freemarker </li> <li> Bootstrap </li> <li> Websocket </li> </ul> 小程序端技术选型 <ul style="color:#2F2F2F;"> <li> 微信小程序 </li> </ul> <div style="text-align:center;color:#2F2F2F;"> <div style="background-color:transparent;"> <div> </div> <div> <img alt="" src="https://upload-images.jianshu.io/upload_images/6273713-928017278f465cbd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp" /> </div> </div> <div style="font-size:14px;color:#969696;"> <br /> </div> </div> 小程序端 <div style="text-align:center;color:#2F2F2F;"> <div style="background-color:transparent;"> <div> </div> <div> <img alt="" src="https://upload-images.jianshu.io/upload_images/6273713-8d6c2b81701d32cd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1000/format/webp" /> </div> </div> <div style="font-size:14px;color:#969696;"> <br /> </div> </div> <ul style="color:#2F2F2F;"> <li> 扫码点餐 </li> <li> 菜品分类显示 </li> <li> 模拟支付 </li> <li> 评论系统 </li> <li> 购物车 </li> </ul> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270119553529.png" /><br /> </span> </p> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270120098756.png" /><br /> </span> </p> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270120405331.png" /><br /> </span> </p> <p> <span><img alt="" src="https://img-bss.csdn.net/201907270120538298.png" /><img alt="" src="https://img-bss.csdn.net/201907270121012487.png" /><br /> </span> </p>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:1024 设计师:我叫白小胖 返回首页
评论 3

打赏作者

初见qwer

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值