微信小程序的登录和注册-前后端交互(springboot)
2021/12/28 22:08:10
本文主要是介绍微信小程序的登录和注册-前后端交互(springboot),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<form bindsubmit='loginForm'> <input type='text' name='accountNumber' placeholder="请输入账号" value=""></input> <input type='password' name='password' placeholder="请输入密码" value=""></input> <view class='ligin-button'> <button formType="submit" type='primary'>点击提交</button> <view style="margin-top: 30px;"></view> <button formType="reset" type='primary'>重置数据表单</button> </view> </form>
data: { DataList:{ accountNumber:'', password:'' } }, loginForm: function(data) { console.log(data.detail.value) //数据的双向绑定; this.setData({ 'DataList.accountNumber':data.detail.value.accountNumber, 'DataList.password': data.detail.value.password }) // this.data.DataList.accountNumber = data.detail.value.accountNumber; // this.data.DataList.password = data.detail.value.password; wx.request({ url: 'http://localhost:8080/login', method: 'POST', header: { 'Content-Type': 'application/x-www-form-urlencoded' }, data:this.data.DataList, success(res){ console.log("请求成功!"+JSON.stringify(res.data)); //==='{}' 用于判断js对象是否为空; if(JSON.stringify(res.data)==='{}'){ wx.navigateTo({ url: '/pages/login/login', }) } else{ wx.navigateTo({ url: '/pages/main/main', }) } // JSON.stringify()此方法将后端传过来的list集合对象转换成json格式。 // 若不写则将显示[object,object] }, fail(res){ console.log("请求失败!"); } }) },
后端的接口调用如下:
package com.aynu.handler; import com.aynu.beans.People; import com.aynu.service.ILoginService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.*; @RestController @CrossOrigin public class LoginController { @Autowired private ILoginService iLoginService; @RequestMapping("login") public People JudgeLogin(People people) { System.out.println(people.getAccountNumber()+"<----->"+people.getPassword()); // String accountNumber = people.getAccountNumber(); // String password = people.getPassword(); People people2 = iLoginService.JudgeLogin(people); System.out.println("people2="+people2); if(people2!=null) return people2; else return null; } }
这篇关于微信小程序的登录和注册-前后端交互(springboot)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-06-26结对编程到底难不难?答案在这里
- 2024-06-19《2023版Java工程师》课程升级公告
- 2024-06-15matplotlib作图不显示3D图,怎么办?
- 2024-06-1503-Loki 日志监控
- 2024-06-1504-让LLM理解知识 -Prompt
- 2024-06-05做软件测试需要懂代码吗?
- 2024-06-0514-ShardingSphere的分布式主键实现
- 2024-06-03为什么以及如何要进行架构设计权衡?
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)