概述
微信小程序+springboot+mysql数据库
最简单的数据传递
使用到的工具
**
1. 前端小程序界面：
**
主要修改两个文件
wxml文件，对小程序显示页面进行定义
js文件，对方法进行定义
let id,name,age,gender
Page({
getId(event){
id=event.detail.value
console.log(event.detail.value)
},
getName(event){
name=event.detail.value
console.log(event.detail.value)
},
getAge(event){
age=event.detail.value
console.log(event.detail.value)
},
getGender(event){
gender=event.detail.value
console.log(event.detail.value)
},
add(){
console.log(id,name,age,gender)
let that=this
wx.request({
url: 'http://localhost:8080/add',
method:"get",
header:{
"content-type":"application/x-www-form-urlencoded"
},
data:{
id:id,
name:name,
age:age,
gender:gender
},
success(res){
console.log("成功",res)
that.setData({result:res.data})
if(res.data.statusCode==200){
wx.showToast({
title: '添加成功'
})
}else{
wx.showToast({
icon:"none",
title: '添加失败',
})
}
},
fail(res){
console.log("失败",res)
}
})
},
delete(){
if(id){
wx.request({
url: 'http://localhost:8080/deleteone',
method:"get",
header:{
"content-type":"application/x-www-form-urlencoded"
},
data:{
id:id
},
success(res){
console.log("删除成功",res)
if(res.data.statusCode==200){
wx.showToast({
title: '删除成功',
})
}else{
wx.showToast({
icon:"none",
title: '删除失败',
})
}
},
fail(res){
console.log("删除失败",res)
}
})
}else{
wx.showToast({
icon:"none",
title: '请输入id',
})
}
},
update(){
console.log(id,name,age,gender)
let that=this
wx.request({
url: 'http://localhost:8080/add',
method:"get",
header:{
"content-type":"application/x-www-form-urlencoded"
},
data:{
id:id,
name:name,
age:age,
gender:gender
},
success(res){
console.log("成功",res)
that.setData({result:res.data})
if(res.data.statusCode==200){
wx.showToast({
title: '修改成功'
})
}else{
wx.showToast({
icon:"none",
title: '修改失败',
})
}
},
fail(res){
console.log("失败",res)
}
})
},
getall(){
let that=this
wx.request({
url: 'http://localhost:8080/getAll',
method:"get",
header:{
"content-type":"application/x-www-form-urlencoded"
},
success(res){
console.log("查询成功",res)
if(res.data.statusCode==200){
that.setData({datalist:res.data})
}
else{
wx.showToast({
icon:"none",
title: '查询失败',
})
that.setData({datalist:res.data})
}
},
fail(res){
console.log("查询失败",res)
},
})}
})
<!--pages/mysql/mysql.wxml-->
<input bindinput="getId" placeholder="输入id"></input>
<input bindinput="getName" placeholder="输入姓名"></input>
<input bindinput="getAge"placeholder="输入年龄"></input>
<input bindinput="getGender"placeholder="输入性别"></input>
<button bindtap="add">增</button>
<button bindtap="delete">删</button>
<button bindtap="update">改</button>
<button bindtap="getall">查</button>
<block wx:for="{{datalist}}" wx:key="index">
<view>{{item.id}},{{item.name}},{{item.age}},{{item.gender}}</view>
</block>
wxml文件修改完成后的模拟器页面
**
2. 数据库结构：
**
**
3. spring boot后端结构：
**
采用jpa对数据库进行管理
在pom.xml文件中需要导入jpa与mysql的驱动
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-jpa</artifactId>
</dependency>
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
</dependency>
在application.properties中需要对数据库进行配置
spring.jpa.hibernate.ddl-auto=update
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/lexiedatabase?serverTimezone=UTC&useUnicode=true&characterEncoding=utf8
spring.datasource.username=root
spring.datasource.password=？？？？
user主要是对数据库的表进行映射
userdao定义了数据的接口 继承了JpaRepository接口
user
@entity定义实体
@id定义主键
package com.example.demo.mysql;
import javax.persistence.Entity;
import javax.persistence.Id;
//和user表对应的实体类
@Entity
public class User {
@Id
private int id;
private String name;
private int age;
public int getGender() {
return gender;
}
public void setGender(int gender) {
this.gender = gender;
}
private int gender;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
userdao接口
package com.example.demo.mysql;
import org.springframework.data.jpa.repository.JpaRepository;
public interface UserDao extends JpaRepository<User,Integer>{
}
usercontroller
package com.example.demo.mysql;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import java.util.List;
@RestController
public class usercontroller {
@Autowired
UserDao a;
@GetMapping("/getAll")
public List getAll(){
List all=a.findAll();
return all;
}
//添加死数据到数据库
@GetMapping("/add")
public User add(@RequestParam("id") int id,@RequestParam("name") String name,@RequestParam("age" )int age,@RequestParam("gender" )int gender){
User user=new User();
user.setName(name);
user.setAge(age);
user.setId(id);
user.setGender(gender);
User save=a.save(user);
return save;
}
@GetMapping("/deleteone")
public String deleteone(@RequestParam("id")int id){
a.deleteById(id);
return "删除成功";
}
}
主程序入口
package com.example.demo;
import com.example.demo.mysql.usercontroller;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
@SpringBootApplication
public class DemoApplication {
public static void main(String[] args) {
SpringApplication.run(DemoApplication.class, args);
System.out.println("成功启动springboot");
}
}
最后
以上就是粗暴豆芽为你收集整理的微信小程序+springboot+mysql数据库 最简单的数据传递的全部内容，希望文章能够帮你解决微信小程序+springboot+mysql数据库 最简单的数据传递所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复