微信小程序登录流程:

boot 微信开发spring spring boot 微信小程序_微信小程序

主要步骤:
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插件

boot 微信开发spring spring boot 微信小程序_boot 微信开发spring_02


下一步

添加依赖:Spring web、lombok、mybatis-plus、mysql、Thymeleaf创建成功!

boot 微信开发spring spring boot 微信小程序_数据库_03

设计数据库

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

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

boot 微信开发spring spring boot 微信小程序_数据库_04


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

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

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

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

前端完善

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

城市选择器

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

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

一些详细步骤:

要先申请自己的key

登录腾讯地图申请属于自己小程序的key 腾讯位置服务

应用管理 ⇒ 我的应用 ⇒ 创建应用 ⇒ 添加key :点击创建应用,输入应用名称,选择应用类型。然后按文档填写必填的key和refer即可。其他属性可以不填。

boot 微信开发spring spring boot 微信小程序_数据库_05


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

boot 微信开发spring spring boot 微信小程序_数据库_06

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。工程就建立好。
刚开始,可能会下载很多依赖,稍等一会。这样工程就建立好了。

下载导入后:

boot 微信开发spring spring boot 微信小程序_微信小程序_07