微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)

文章目录

  • 工具
  • 代码实现
    • 登录部分
      • 微信开发者工具:
      • 后端:
      • 登录效果
    • 注册部分
      • 映射与服务层实现
      • Controller层
      • 效果

工具

1、微信web开发者工具:
2、IDEA 2018版
3、mysql

代码实现

登录部分

微信开发者工具:

1、.wxml页面
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第1张图片2、.js页面:向后端发起login请求,返回数据为true则登录成功,否则登录失败。
注意method与header的对应!
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第2张图片

后端:

1、在idea中新建SpringBoot工程,选择mysql,jdbc,mybatis模块:
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第3张图片
2、文件目录:

微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第4张图片3、在application.properties连接数据库设置
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第5张图片4、创建数据库
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第6张图片
5、数据表映射字段
在这里插入图片描述
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第7张图片
6、dao层和映射文件
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第8张图片
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第9张图片主程序中配置

微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第10张图片

7、服务层
(1)定义接口
在这里插入图片描述
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第11张图片
(2)接口实现
在这里插入图片描述
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第12张图片
8、Controller层
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第13张图片

登录效果

登录成功:
(1)微信端:
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第14张图片

(2)后端:
在这里插入图片描述登录失败
(1)微信端
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第15张图片
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第16张图片
(2)后端:
在这里插入图片描述

注册部分

映射与服务层实现

在这里插入图片描述微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第17张图片

Controller层

微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第18张图片

效果

(1)注册成功
微信端
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第19张图片微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第20张图片后端:
在这里插入图片描述微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第21张图片(2)注册失败
微信端:
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第22张图片在这里插入图片描述后端:
微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易)_第23张图片

你可能感兴趣的:(微信小程序上基于Springboot+mybatis+mysql实现登陆、注册功能(简易))