微信小程序+SpringBoot+mybatis+MySQL实现简单的登录

当下微信小程序和springboot都是比较火的。今天我们来用springboot和微信小程序来实现简单的登录。
1.首先来完成微信小程序端，新建一个微信小程序。
如果不会的可以查看我的上一篇文章开发微信小程序简易教程
2.我们在pages目录下新建一个login_test目录

3.在login_test目录下新建一个名为login的Page。这样就会自动生成如下图几个文件

4.我们打开app.json文件，将"pages/login_test/login"这句话放到前面，目的是我们一打开就能看到这个，设置为首页。

我们每在pages里新建一个都会在app.json里自动生成一个配置。
5.打开login.wxml文件编写页面

6.接下来我们在login.js里面写逻辑了

// pages/login_test/login.js
Page({/*** 页面的初始数据*/data: {username:'',password:''},input_name:function(e){this.setData({username:e.detail.value})},input_pwd: function (e) {this.setData({password: e.detail.value})},submitButton:function(){console.log("点击按钮!" + "获取到的用户名:" + this.data.username + "获取到的密码:" + this.data.password)var that = this;wx.request({url: 'http://localhost:8080/login',method:'POST',header:{'content-type':'application/x-www-form-urlencoded'},data:{'username': that.data.username,'password': that.data.password},success:function(res){console.log("回调函数:"+res.data)var resData = res.data;if(resData == true){wx.showToast({title: '登录成功',duration:2000})}else{wx.showToast({title: '登录失败',duration:2000})}}})},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
})

7.编写好，这样微信端就算完成了。

接下来我们编写后台
首先我们建一个数据库表

账号和密码分别为admin，admin
8.创建一个springboot项目。
利用mybatis逆向工程生成对应的文件。
不会mybatis逆向工程的看我之前的文章Mybatis逆向工程创建方法

9.Controller类

package com.springboot.controller;import com.springboot.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;/*** Created by Administrator on 2018\9\8 0008.*/
@RestController
public class UserController {@Autowiredprivate UserService userService;@RequestMapping("/login")public  boolean login (String username, String password){System.out.println ( "微信小程序调用接口！！！用户名:" + username + "密码:" + password );boolean login = userService.login ( username, password );if (login) {return true;}return false;}
}

10.Service类

package com.springboot.service;public interface UserService {boolean login(String username,String password);
}

11.实现Service类

package com.springboot.service;import com.springboot.dao.UserEntityMapper;
import com.springboot.dao.entity.UserEntity;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;@Service
public class UserServiceImpl implements UserService{@Autowiredprivate UserEntityMapper userEntityMapper;@Overridepublic boolean login(String username,String password){UserEntity userEntity = new UserEntity ();userEntity.setUsername ( username );userEntity.setPassword ( password );UserEntity user = userEntityMapper.selectUser ( userEntity );if (user != null){return true;}return false;}}

12.Mapper类

 UserEntity selectUser(UserEntity userEntity);

13.Mapper.xml

 <select id="selectUser" parameterType="com.springboot.dao.entity.UserEntity" resultMap="BaseResultMap">select * from user where username=#{username} and password=#{password}</select>

14.这样就都写完啦。运行一下程序
在微信端输入账号密码，我们先输入一个错的。账号123456密码123456

运行结果：

我们输入正确的账号密码，账号admin，密码admin
运行如下

大功告成!!!

demo这里

微信小程序+SpringBoot+mybatis+MySQL实现简单的登录相关推荐

精品微信小程序springboot居家养老服务+后台管理前后分离
<微信小程序springboot居家养老服务+后台管理系统|前后分离VUE>该项目含有源码.文档等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后 ...
[论文+辩论PPT+源码等]精品微信小程序springboot居家养老服务+后台管理前后分离
下载:https://download.csdn.net/download/alymail/85272677 <微信小程序springboot居家养老服务+后台管理系统|前后分离VUE>该 ...
计算机实战项目毕业设计课程设计之论文+辩论PPT+源码等]精品微信小程序springboot居家养老服务+后台管理前后分离
<微信小程序springboot居家养老服务+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后 ...
微信小程序+SpringBoot实现用户登录
微信小程序+SpringBoot实现用户登录前言微信小程序越来越吃香了(前话就这么多,嘿嘿) 前端那就开始吧,登录界面就如此了 wxml内容如下,这是格式化后粘贴过来的,emmm,怪像那回事. ...
微信小程序+SpringBoot实现文件上传与下载
微信小程序+SpringBoot实现文件上传与下载 1.文件上传 1.1 后端部分 1.1.1 引入Apache Commons FIleUpload组件依赖 1.1.2 设置上传文件大小限制 1.1 ...
基于微信小程序springboot粤味早茶店微信扫码点餐系统源码和论文
这是一个功能简单的微信点餐小程序. 当今社会的发展,日新月异,发生了翻天覆地的变化,尤其是在智能方面,发展的更加迅速,随之带来的就是各个产业的智能化.军工业,化工,当然还有餐饮业,都在逐渐向智能化进发 ...
关于微信小程序中时间预约的简单实现
关于微信小程序中时间预约的简单实现 1. js中定义获取日期函数.日期点击事件 2. 在data中定义数组等变量 3. onLoad调用函数并保存回data 4. wxml展示 5. 页面监控函数on ...
小程序源码：老人疯狂裂变引流视频推广微信小程序-多玩法安装简单
这是一款特别受老年人喜欢的一款小程序内的视频内容都是老年人喜爱的,也是喜欢转发的另外该小程序的插屏广告还是定时出现的哟如此达到高收益另外用户支持点击跳转下一条视频,或者下拉刷新总得来说其实没 ...
小程序源码：求职招聘微信小程序-多玩法安装简单
1.多城市招聘平台2.职位版块 3.人才版块 4.招聘会(支持企业在线报名参加招聘会) 5.职场资讯6.企业登录(在手机端可操作企业信息编辑.发布职位.查收简历.通知面试) 7.企业VIP套餐购买功能 ...

微信小程序+SpringBoot+mybatis+MySQL实现简单的登录

微信小程序+SpringBoot+mybatis+MySQL实现简单的登录

微信小程序+SpringBoot+mybatis+MySQL实现简单的登录相关推荐

最新文章

热门文章