【微信小程序】基于SpringBoot开发后端

article/2025/10/14 12:06:40

微信小程序登录流程:

微信小程序登录流程图

主要步骤:
1、小程序端调用 wx.login()向微信接口服务获取临时登录凭证code,并上传至开发者服务端。
2、开发者服务端向微信服务接口服务调用 auth.code2Session 接口,换取用户唯一标识OpenID和会话密钥session_key。
3、开发者服务端根据session_key等信息,基于JWT标准,生成自定义的网络令牌token,返回至小程序端存储。

后端编写

IDEA搭建springboot项目

环境参数
开发工具:IDEA
基础环境:Maven+JDK8
主要技术:SpringBoot、lombok、mybatis-plus、mysql 、微信小程序
SpringBoot版本:2.2.6

SpringBoot环境搭建

新建项目,选择Spring Initializr,更改名称、位置、组、JDK和java版本
,选择Jar包。
我用的是教育邮箱身份,可以免费用IDEA的全部功能,所以有Spring Initalizr插件

创建新项目
下一步
添加依赖:Spring web、lombok、mybatis-plus、mysql、Thymeleaf

创建成功!
创建成功

设计数据库

数据库字符集记得改成uft8mb4,这个才是真正utf-8可以存中文字符。

在MySQL中,“utf8”编码只支持每个字符最多三个字节,而真正的 UTF-8 是每个字符最多四个字节。

数据库字符集
设计数据库的时候想起来,要思考图片怎么存,搜了一下可以存在本地路径里,通过搜索路径+图片名访问图片。

微信小程序图片上传参考:
java语言
SpringBoot与微信小程序进行图片的上传和后端返回图片url在前端展示
python语言
微信小程序与django后端的图片传输、存储与访问

首先不建议直接将图片、文件等内容存放在数据库中,而是将其存放在对应的路径存放在数据库里。

如果是学习用,可以设置数据库的字段为blob等二进制类型,然后将图片存放于数据库中。

前端完善

还是在设计数据库的时候,思索数据库放不放一些想做但不知道能不能做出来的功能的数据。常规的个人信息可以放,试一下地区选择功能能不能做,能做就把地区也加进数据库里。

城市选择器

看了这俩链接写出来的
uni-app开发微信小程序使用腾讯地图选点和城市选择器插件

微信小程序插件 / 开发指南 / 城市选择器插件
微信小程序授权后按上面这个网页底下官方文档教程操作就可以了

一些详细步骤:
要先申请自己的key
登录腾讯地图申请属于自己小程序的key 腾讯位置服务
应用管理 ⇒ 我的应用 ⇒ 创建应用 ⇒ 添加key :点击创建应用,输入应用名称,选择应用类型。然后按文档填写必填的key和refer即可。其他属性可以不填。
key
后序详细步骤请参考这个 uni-app开发微信小程序使用腾讯地图选点和城市选择器插件

做一半了发现uniapp好像更好用。。。打开Hbuilder,抛弃微信开发者工具(*^▽^*)
参考了下面这个链接
uni-app开发流程

uni-app官方文档

从头开始设计小程序

阿里巴巴图标库
1.阿里巴巴图标库:https://www.iconfont.cn/manage/index
2.选择合适的图标
3.收藏,在收藏中查看
4.选择:自己的项目
5.选择:第二个{font class},复制类的地址,在网页中粘贴,选择所有,都知道项目中
6.在项目中创建:styles文件夹下创建iconfont.wxss文件
7.粘贴到 iconfont.wxss中,并保存。
8.在全局app.wxss中,引入“@import “./styles/iconfont.wxss”; ”。
9.在要引入的页面中:class一个类名:“iconfont icon-hongshizi”
10.即可引入图标

个人资料修改

个人资料页面:把用户的昵称改变了之后,还要改变用户在首页中的昵称
创建编辑子页和修改个人信息页面

SpringBoot结构如下
SpringBoot结构

File→New→Project→Spring Initializr→项目
我的IDEA里没有Spring Initializr
搜索了一下如何导入Spring Initializr

http://start.spring.io/ 登录该网站,填写项目信息,选择依赖后,点击 Generate
Project,然后下载一个该项目的压缩包。下一步是将这个压缩包解压,然后在Idea中,File->New->Project from
existing sources,选择好文件夹后, 点击OK,在Import Project中,选择Import project from
external model,
默认是用Maven工程,选择Maven,点击Next,下面看情况,一路Next,JDK选择JDK8,到Finish,点击Finish。工程就建立好。
刚开始,可能会下载很多依赖,稍等一会。这样工程就建立好了。

原文来自https://blog.csdn.net/qq_46416934/article/details/124350528

下载导入后:
导入后


http://chatgpt.dhexx.cn/article/R1WM1ufh.shtml

相关文章

微信小程序后端Java接口开发

微信小程序后端Java接口开发 微信小程序使用wx.request(OBJECT)来调用后端接口。 首先 我们来一个简单案例 —— helloworld实现 1、搭建一个springboot项目并引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring…

第一个web项目-微信小程序后端开发

文章目录 第一个web项目-微信小程序后端开发前言需求分析团队分工总体设计开发工具及编码实现小程序前端后端数据库接口代码 管理系统前端1.0管理系统前端2.0 测试后端本地测试前后端联合测试 部署总结 第一个web项目-微信小程序后端开发 前言 去年暑假一个偶然的机会我和几位…

微信小程序开发(后端 Java)

微信使用的开发语言和文件很「特殊」。 小程序所使用的程序文件类型大致分为以下几种&#xff1a; ①WXML (WeiXin Mark Language&#xff0c;微信标记语言) ②WXSS (WeiXin Style Sheet&#xff0c;微信样式表) ③JS (Java&#xff0c;小程序的主体) 小伙伴们有兴趣想了解…

微信小程序开发【前端+后端(java)】

前言 现在微信小程序越来越火了&#xff0c;相信不少人都通过各种途径学习过微信小程序或者尝试开发&#xff0c;作者就是曾经由于兴趣了解开发过微信小程序&#xff0c;最终自己的毕业设计也是开发一个微信小程序。所以现在用这篇博客记录我之前开发的一些经验和一些心得吧。 …

微信小程序开发前后端交互快速入门

目录 第 1 章 小程序特点 1.1 小程序特点概述 1.2 小程序配置 全局配置&#xff1a; app.json 页面配置: 页面名称.json sitemap 配置: sitemap.json 1.3 小程序框架接口 App Page 第 2 章 wxml 语法 2.1 数据绑定 初始化数据 使用数据 修改数据 2.2 事件绑定 事…

1. KVM虚拟化理论知识

基本概念 虚拟化是指在一个物理上运行多台虚拟机&#xff0c;各虚拟机之间共享cpu、内存等资源&#xff0c;但在逻辑上是相互隔离的。这样的物理机被称为是宿主机&#xff0c;各个虚拟机被称为是客户机 虚拟化的本质是资源抽象化&#xff0c;将资源最小化&#xff0c;按需使用…

KVM(Kernel-basedVirtual Machine)虚拟化技术——超详细理论+实验!!!

文章目录 一、虚拟化技术(KVM)是什么&#xff1f;1.1 KVM技术的具体作用 二、KVM技术发展2.1 虚拟化类型 三、KVM运行时的三种模式四、KVM工作原理五、KVM特性5.1 优势5.2 劣势 六、虚拟化前、后对比6.1 虚拟化前6.2 虚拟化后 七、KVM虚拟化平台实操7.1 拓扑图7.2 虚拟机资源环…

KVM虚拟化(1) | KVM简介

目录 1、kvm架构 2、架构解析 3、kvm和qemu的作用 1、kvm架构 2、架构解析 从rhel6开始使用&#xff0c;红帽公司直接把KVM的模块做成了内核的一部分。xen用在rhel6之前的企业版中默认内核不支持&#xff0c;需要重新安装带xen功能的内核KVM 针对运行在x86 硬件上的、驻留在…

KVM 虚拟化技术 | 虚拟化平台部署

KVM 虚拟化技术 一、虚拟化技术1.1 概述1.2 类型① 全虚拟化② 半虚拟化③ 直通 1.3 特点 二、KVM2.1 概述2.2 原理2.3 虚拟化架构2.4 工作流程 三、部署 KVM 虚拟化平台3.1 宿主机最低配置3.2 环境优化① 关闭 DNS 反向解析② 将镜像光盘设置为自动挂载③ 设置本地源和网络源④…

KVM虚拟化技术(理论理解以及虚拟化平台搭建步骤)

KVM虚拟化技术 文章目录 KVM虚拟化技术一、虚拟化产生背景二 、虚拟化技术简介2.1 虚拟化技术2.2 虚拟化技术发展2.3 虚拟化类型2.4 特性 三、KVM3.1 广义KVM3.2 KVM架构以及原理3.3 KVM工作流程 四、KVM虚拟化平台部署一、虚拟机资源二、实验环境三、安装KVM三、设置KVM网络四…

KVM虚拟化技术的-NUMA技术和应用

KVM虚拟化技术的-NUMA技术和应用 NUMA技术是解决多CPU共同工作的技术方案&#xff0c;多CPU共同工作主要有3中架构&#xff1a;SMP&#xff1a;Symmetric Multi-Processor)&#xff0c;非统一存储访问结构(NUMA&#xff1a;Non-Uniform Memory Access)&#xff0c;以及海量并行…

KVM虚拟化技术之使用Qemu-kvm创建和管理虚拟机

一 .KVM 简介 KVM &#xff08;名称来自英语&#xff1a; Kernel-basedVirtual Machine 的缩写&#xff0c;即基于内核的虚拟机&#xff09; &#xff0c; 是一种用于Linux内核中的虚拟化基础设施&#xff0c;可以将Linux内核转化为一个hypervisor。KVM在2007年2月被导入Linux …

KVM-虚拟化技术之Hypervisor-架构

Hypervisor 是一种运行在物理服务器和操作系统之间的中间软件层,可允许多个操作系统和应用共享一套基础物理硬件&#xff0c;因此也可以看作是虚拟环境中 的“元”操作系统&#xff0c;它可以协调访问服务器上的所有物理设备和虚拟机&#xff0c;也叫 虚拟机监视器&#xff08;…

KVM虚拟化技术学习-基础入门

1.虚拟化技术概述 虚拟化[Virtualization]技术最早出现在 20 世纪 60 年代的 IBM ⼤型机系统&#xff0c;在70年代的 System 370 系列中逐渐流⾏起来&#xff0c;这些机器通过⼀种叫虚拟机监控器[Virtual Machine Monitor&#xff0c;VMM]的程序 在物理硬件之上⽣成许多可以运⾏…

KVM虚拟化技术学习-KVM管理

二&#xff0c;KVM管理 1.升级配置 1.创建一个空磁盘卷 [rootlocalhost ~]# qemu-img create -f qcow2 /kvm/images/disk2.qcow2 5G Formatting disk2.qcow2, fmtqcow2 size5368709120 encryptionoff cluster_size65536 lazy_refcountsoff 2.修改配置文件 <disk typefi…

KVM虚拟化技术原理简介

KVM KVM架构概述KVM运行时的三种模式KVM工作原理 硬件虚拟化技术1、CPU虚拟化2、内存虚拟化3、I/O虚拟化 KVM虚拟化平台部署1.虚拟机资源2.安装KVM3.设置KVM网络4.KVM部署与管理 KVM架构概述 KVM架构很简单&#xff0c;就是内核的一个模块KVM是集成到内核的hypervisorI&#x…

KVM虚拟化技术实践

[版权申明&#xff1a;本文系作者原创&#xff0c;转载请注明出处] 文章出处&#xff1a;http://blog.csdn.net/sdksdk0/article/details/54809159 作者&#xff1a;朱培 ID&#xff1a;sdksdk0 今天分享的文章是关于云计算中的kvm&#xff08;虚拟化技术&#xff09;&…

详解KVM虚拟化原理

详解KVM虚拟化原理 KVM架构 KVM&#xff08;Kernel-based Virtual Machine&#xff09;包含一个为处理器提供底层虚拟化、可加载的核心 模块kvm.ko&#xff08;kvm-intel.ko或kvm-amd.ko&#xff09;&#xff0c;使用QEMU&#xff08;QEMU-KVM&#xff09;作为虚拟机上层 控制…

KVM虚拟化技术介绍以及相关操作

一、KVM架构 KVM功能&#xff0c;是以扩展虚拟化CPU为硬件基础&#xff08;如Intel-VT,AMD-V&#xff09;&#xff0c;利用CPU虚拟化技术。 KVM作为内核的一个模块&#xff0c;来提供虚拟化功能。如果系统需要虚拟化功能&#xff0c;则KVM模块可以被linux内核按需动态加载到内…

KVM(虚拟化平台)概念及部署

KVM&#xff08;虚拟化平台&#xff09;概念及部署 一、虚拟化技术二、虚拟化技术发展三、虚拟化特性优势&#xff1a;劣势&#xff1a; 四、KVM架构及原理&#xff08;一&#xff09;KVM虚拟化架构/三种模式&#xff08;二&#xff09;KVM原理总结&#xff1a;&#xff08;三&…