文章目录

  • 1、在数据库创建表
  • 2、创建SpringBoot项目
    • 2.1 选择项目类型
    • 2.2 设置组名包名等(根据个人需求更改)
    • 2.3 选择依赖
      • 2.3.1 选择Web依赖
      • 2.3.2 选择MySQL和MyBatis依赖
    • 2.4 设置项目名和模板名(根据个人需求进行更改)
  • 3、在resources下新建配置文件application.yml
  • 4、编写文件
    • 4.1 在DemoApplication中添加MapperScan注解
    • 4.2 级别注意(DemoApplication所在位置应和其他包同级)
    • 4.3 整体文件结构
    • 4.4 User类
    • 4.5 UserController类
    • 4.6 UserService
    • 4.7 UserServiceImpl
    • 4.8 UserMapper
    • 4.9 UserMapper.xml文件
  • 5、环境准备
    • 5.1 注册
    • 5.2 获取APPID
    • 5.3 下载路径(建议使用稳定版)
  • 6、 新建小程序项目
    • 6.1 扫码登录
    • 6.2 新建小程序
    • 6.3 设置项目的信息
  • 7、新建文件
    • 7.1 选择pages文件 右键新建文件夹命名为user
    • 7.2 在user文件夹右键新建page文件,也命名为user(必须同名)
    • 7.3 在user.js下的data中新建userList,在onLoad中通过wx.request向后端发送请求
    • 7.4 在user.wxml中添加以下内容
    • 7.5 在app.json中将"pages/user/user"移动到pages数组中的第一个
  • 8、启动项目
    • 8.1 在IDEA中启动DemoApplication的main方法
  • 9、程序运行结果展示

1、在数据库创建表


说明:id为主键且自增。

2、创建SpringBoot项目

2.1 选择项目类型

2.2 设置组名包名等(根据个人需求更改)

2.3 选择依赖

2.3.1 选择Web依赖

2.3.2 选择MySQL和MyBatis依赖

2.4 设置项目名和模板名(根据个人需求进行更改)

设置完成后,选择Finish

3、在resources下新建配置文件application.yml

spring:datasource:driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://localhost:3306/app0728?serverTimezone=GMT%2B8&useSSL=trueusername: rootpassword: 123456mybatis:mapper-locations: classpath:mapping/*.xml

4、编写文件

4.1 在DemoApplication中添加MapperScan注解

4.2 级别注意(DemoApplication所在位置应和其他包同级)

4.3 整体文件结构

4.4 User类

package com.tjetc.domain;public class User {private Integer id;private String name;private Integer age;@Overridepublic String toString() {return "User{" +"id=" + id +", name='" + name + '\'' +", age=" + age +'}';}public User() {}public User(Integer id, String name, Integer age) {this.id = id;this.name = name;this.age = age;}public Integer getId() {return id;}public void setId(Integer id) {this.id = id;}public String getName() {return name;}public void setName(String name) {this.name = name;}public Integer getAge() {return age;}public void setAge(Integer age) {this.age = age;}
}

4.5 UserController类

package com.tjetc.controller;import com.tjetc.domain.User;
import com.tjetc.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;import java.util.List;@RestController //相当于ResponseBody+Controller
@CrossOrigin   //解决跨域问题的注解
@RequestMapping("/user")
public class UserController {@Autowiredprivate UserService userService;@RequestMapping("/list")@ResponseBodypublic List<User> userList(@RequestParam(defaultValue = "")String name){List<User> userList  =   userService.listByName(name);return userList;}
}

4.6 UserService

package com.tjetc.service;import com.tjetc.domain.User;import java.util.List;public interface UserService {List<User> listByName(String name);
}

4.7 UserServiceImpl

package com.tjetc.service.impl;import com.tjetc.domain.User;
import com.tjetc.mapper.UserMapper;
import com.tjetc.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;import java.util.List;@Service
public class UserServiceImpl implements UserService {@Autowiredprivate UserMapper userMapper;@Overridepublic List<User> listByName(String name) {return userMapper.listByName(name);}
}

4.8 UserMapper

package com.tjetc.mapper;import com.tjetc.domain.User;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;import java.util.List;@Mapper
@Repository
public interface UserMapper {List<User> listByName(String name);
}

4.9 UserMapper.xml文件

<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.tjetc.mapper.UserMapper"><select id="listByName" resultType="com.tjetc.domain.User">select * from user where name like concat('%',#{name},'%')</select>
</mapper>

5、环境准备

5.1 注册

建议使用全新的邮箱,没有注册过其他小程序。访问注册页面,耐心完成注册即可。(https://mp.weixin.qq.com/cgi-bin/wx)。当然也可以申请测试号,但是测试账号无法完成支付,发布上线等功能。

5.2 获取APPID


5.3 下载路径(建议使用稳定版)

稳定版
https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

6、 新建小程序项目

6.1 扫码登录

6.2 新建小程序

6.3 设置项目的信息

7、新建文件

7.1 选择pages文件 右键新建文件夹命名为user

7.2 在user文件夹右键新建page文件,也命名为user(必须同名)

同名可以自动生成以下文件

7.3 在user.js下的data中新建userList,在onLoad中通过wx.request向后端发送请求

data: {userList:[]
},
onLoad: function (options) {wx.request({//后端的路径url: 'http://localhost:8080/user/list',method:"GET",//content-type:接收的内容类型为json串数据header : {'content-type' : 'application/json'},//得到返回的数据success : res => {this.setData({userList : res.data})}})
},

7.4 在user.wxml中添加以下内容

<view wx:for="{{userList}}" >
{{item.id}}--{{item.name}}--{{item.age}}
</view>

7.5 在app.json中将"pages/user/user"移动到pages数组中的第一个

这样它就可以在首页直接显示

8、启动项目

8.1 在IDEA中启动DemoApplication的main方法

9、程序运行结果展示

SpringBoot+MyBatis+微信小程序案例相关推荐

  1. (附源码)springboot基于微信小程序的校园外卖系统 毕业设计091024

    Springboot基于微信小程序的校园外卖系统 摘要 随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...

  2. 基于SpringBoot和微信小程序的餐馆点餐系统的设计和实现

    作者主页:Designer 小郑 作者简介:Java全栈软件工程师一枚,来自浙江宁波,负责开发管理公司OA项目,专注软件前后端开发(Vue.SpringBoot和微信小程序).系统定制.远程技术指导. ...

  3. springboot基于微信小程序的校园外卖系统毕业设计源码091024

    Springboot基于微信小程序的校园外卖系统 摘要 随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...

  4. springboot基于微信小程序的校园外卖系统 毕业设计-附源码091024

    Springboot基于微信小程序的校园外卖系统 摘要 随着生活质量的日益改善以及生活节奏的日益加快,人们对餐饮需求的质量以及速度也随之发生着变化.为了满足社会需求,餐饮的高质量和快节奏也渐渐使电话订 ...

  5. SpringBoot实现微信小程序登录功能

    SpringBoot实现微信小程序登录 微信小程序登录流程 登录流程图 前端代码 后端代码 微信小程序登录流程 微信小程序官方文档:微信小程序官方文档 第一次学习微信小程序的登录,以前也好奇微信小程序 ...

  6. SpringBoot对接微信小程序支付功能开发(一,下单功能)

    1,接入前准备: 接入模式选择直连模式: 申请小程序,得到APPID,并开通微信支付: 申请微信商户号,得到mchid,并绑定APPID: 配置商户API key,下载并配置商户证书,根据微信官方文档 ...

  7. SpringBoot对接微信小程序支付功能开发(二,支付回调功能)

    接着上一篇: SpringBoot对接微信小程序支付功能开发(一,下单功能) 在上一篇下单功能中我们有传支付结果回调地址. 下面是回调接口实现 package com.office.miniapp.c ...

  8. springboot基于微信小程序的驾校报名小程序

    项目介绍 驾校报名的需求和管理上的不断提升,驾校报名管理的潜力将无限扩大,驾校报名小程序在业界被广泛关注,本网站及对此进行总体分析,将驾校报名信息管理的发展提供参考.驾校报名小程序对驾校报名有着明显的 ...

  9. 【毕业设计】基于springboot + vue微信小程序商城

    目录 前言 创新点/亮点✨ 毕设目录 一.视频展示 二.系统介绍 三.项目地址 四.运行环境 五.设计模块 ①前台 ②后台 六.系统功能模块结构图 七. 准备阶段 ①使用真实支付 ②使用模拟支付 八. ...

最新文章

  1. 【C++】多线程互斥锁、条件变量
  2. Javascript 装饰器极速指南
  3. Linux定时程序没有之行完,如何在linux上定时执行程序
  4. 美国计算机科学和计算机工程专业的好大学,2021USNews美国计算机工程专业排名一览表...
  5. CDS view delivered in CRM EHP4
  6. Exynos4412 文件系统制作(二)—— 文件系统简介
  7. 源码-03-九宫格 封装 懒加载 plist
  8. spark学习-Spark算子Transformations和Action使用大全(Transformations章(二))
  9. 汇哲培训——CISA,CISSP等课程
  10. PWM占空比和电机转速有什么线性关系
  11. c语言单片机的电子琴课程设计,基于单片机的电子琴的设计
  12. 微信订阅号获取openid
  13. Sphinx Mysql Full-Search速成指南
  14. 1.Twitter开发者之如何申请一个twitter开发者账号
  15. PostgreSQL的学习心得和知识总结(十九)|数据库游标详细使用说明及特性总结(全网最精细最详尽 仰望星空也要脚踏实地)
  16. Mysql根据经纬度查询半径多少以内的数据,画个圈圈查数据库
  17. macOS Monterey 12.3 (21E230) 虚拟机 IOS 镜像
  18. 『贝壳找房APP』反编译到底有多简单--反编译和调试实践
  19. 全球与中国3D打印骨科植入物市场深度研究分析报告
  20. ISCC2021 wp

热门文章

  1. 【兴趣书签】艺术家式的生活
  2. 强制 html5 播放,关于HTML5 video标签在安卓版微信浏览器内被强制全屏播放的问题...
  3. PHP接入海尔消费金融
  4. 什么是 IIFE,它的用途是什么?
  5. 递归神经网络LSTM原理——结合实例MATLAB实现
  6. char int 取值范围
  7. 自动化测试面试题总结
  8. 【青龙2.13依赖安装失败修复】ERR_PNPM_REGISTRIES_MISMATCH This modules directory was created using ...
  9. html5 车牌识别,车牌识别系统
  10. springboot拦截器,拦截完后,传送继续传递