前面进行了一个微信小程序前后端数据交流的简单小例子,不过没有数据库操作,这次就用数据库做一个小例子。
之前用jsp+servlet+javabean+数据库做了一个网页的登录注册(github:https://github.com/a-null/servlet.git),这次用小程序做个登录验证,除了servlet做了点改变之外,javabean和数据库操作没有任何改动。
微信小程序:
index.wxml 代码
<view class="container">
<view class="us">
用户名:
<input type="text" bindinput="username"/>
</view>
<view class="pw">
密 码:
<input type="text" bindinput="password" password="true"/>
</view>
<button bindtap="login">登录</button>
</view>
index.js代码:
Page({
data: {
},
username: function(e) {
this.setData({
username: e.detail.value
})
},
password: function (e) {
this.setData({
password: e.detail.value
})
},
login: function () {
let username = this.data.username;/
wx.request({
url: 'http://localhost:8080/wetchat/TestServlet',//后端的url地址
data: {//传给后端的数据
username:this.data.username,
password:this.data.password,
},
method: 'GET',
header: {
'content-type&