Eclipse,用springboot搭建maven项目,验证小程序登录用户在MySQL数据库中是否存在数据

Eclipse中文件目录结构:

从上往下依次排序;
首先是UserController.java文件

UserMapper.java文件

User.java文件

UserService.java文件

MyMapper.java

Application.java

Swagger2.java

generatorConfig.xml

UserMapper.xml

application-dev.propertiesapplication.properties
pom.xml
< ?xml version=“1.0” encoding=“UTF-8”?>
< project xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”
xmlns=“http://maven.apache.org/POM/4.0.0”
xsi:schemaLocation=“http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd”>
< modelVersion>4.0.0< /modelVersion>
< packaging>war< /packaging>
< groupId>tk.mybatis< /groupId>
< artifactId>SpringBootWeChat< /artifactId>
< version>1.0.0-SNAPSHOT< /version>

	org.springframework.boot
	spring-boot-starter-parent
	1.5.6.RELEASE



	1.8
	1.2.4




	
		org.springframework.boot
		spring-boot-starter-web
	
	
		org.springframework.boot
		spring-boot-starter-jdbc
	
	
		org.springframework.boot
		spring-boot-starter-aop
	
	
		org.springframework.boot
		spring-boot-starter-freemarker
	
	
	    org.springframework.boot
	    spring-boot-starter-test
	    test
	
	
		org.springframework.boot
		spring-boot-devtools
		true
	
	
	    org.springframework
	    spring-test
	    test
	
	
		mysql
		mysql-connector-java
	

	
		com.fasterxml.jackson.core
		jackson-core
	
	
		com.fasterxml.jackson.core
		jackson-databind
	
	
		com.fasterxml.jackson.datatype
		jackson-datatype-joda
	
	
		com.fasterxml.jackson.module
		jackson-module-parameter-names
	

	
		com.alibaba
		druid
		1.0.11
	

	
	
		tk.mybatis
		mapper-spring-boot-starter
		1.2.0
	
	
	
		com.github.pagehelper
		pagehelper-spring-boot-starter
		RELEASE
	

	
		org.springframework.boot
		spring-boot-configuration-processor
		true
	

	
		com.alibaba
		druid-spring-boot-starter
		1.1.0
	
	
		org.apache.commons
		commons-lang3
		3.1
	
	
		com.nimbusds
		nimbus-jose-jwt
		5.1
	
	
		io.springfox
		springfox-swagger2
		2.6.1
	
	
		io.springfox
		springfox-swagger-ui
		2.6.1
	
	 
		org.apache.shiro
		shiro-core
		1.2.4
	
	
		com.google.zxing
		core
		3.3.0
	
	
		com.belerweb
		pinyin4j
		2.5.0
	
	
	    org.apache.poi
	    poi 
	    3.16
		
	
		org.apache.poi
		poi-ooxml
		3.16
		
	
	    commons-io
	    commons-io
	    2.6
	
	
	    net.sf.jxls
	    jxls-core
	    1.0.3
	
	
	    org.apache.commons
	    commons-jexl
	    2.1.1
	
	
	    junit
	    junit
	    test
	
	
	
		net.sf.json-lib
	 	json-lib
	  	2.4
	  	jdk15
	
	
	
		org.jdom
		jdom
		1.1.3
	
	  
	    org.bouncycastle  
	    bcprov-jdk16  
	    1.46  
	  
	  
	  
	    commons-codec  
	    commons-codec  
	    1.10  
	  
	
	  
	    com.alibaba  
	    fastjson  
	    1.2.29  
	  
    
        org.apache.httpcomponents
        httpclient
        4.5.4
    

  		 


	
		
			org.springframework.boot
			spring-boot-maven-plugin
			
				
					org.springframework
					springloaded
					1.2.5.RELEASE
				
			
		
		
			org.mybatis.generator
			mybatis-generator-maven-plugin
			1.3.2
			
				${basedir}/src/main/resources/generator/generatorConfig.xml
				true
				true
			
			
				
					mysql
					mysql-connector-java
					${mysql.version}
				
				
					tk.mybatis
					mapper
					3.4.0
				
			
		
		
	    org.apache.maven.plugins
	    maven-resources-plugin
	    
	    UTF-8
	    
	       xlsx
	       xls
	    
	    
	
	 
	

后台配置好后,接下来的就是小程序的了;

.wxml文件
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/user/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 () {

}
})

下面这个是M有SQL数据库创建user表
随意添加一条数据:
输入错误的测试数据:
后台也会打印:

输入正确的数据:
后台打印结果:

到此大功告成了!!!