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

微信小程序登录流程：

主要步骤：
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即可。其他属性可以不填。

后序详细步骤请参考这个 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结构如下

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

下载导入后：