微信小程序登录流程:

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

下载导入后:

【微信小程序】基于SpringBoot开发后端相关推荐

  1. 微信小程序以SpringBoot作为后端开发遇到的问题及解决思路总结

    背景 关键字:微信小程序.SpringBoot 项目.腾讯云服务器.SSL.HTTPS.Tomcat 注:本文记录了一个菜鸟解决问题的思路,觉得啰嗦可以略过,解决方案在文末.技术不精,文章有错误烦请指 ...

  2. 校园跑腿、校园脱单、代理、帮忙拿快递的微信小程序 基于SpringBoot、Mybatis-plus、mysql实现

    一.文件夹说明 代码下载 地址:校园跑腿.校园脱单.代理.帮忙拿快递的微信小程序 server 后端项目 project: 项目 CBD: 校园跑腿服务(校园CBD中心) server-app: 小程 ...

  3. 微信小程序-基于云开发实现社区项目(Demo版本的升级)

    针对上一版 [微信小程序~云开发的实现的一个社区 Demo(完结~)] 项目的问题,做了问题修复和功能优化以及UI美化,起码整体界面效果看起来不那么"程序员"了.同时还新增了很多小 ...

  4. 基于微信小程序的springboot客运汽车票购票系统源码和论文

    在客运公司工作 7 年之余,对客运管理的难度深有感触.特别是在春运期 间购票难依旧是长途汽车订票的一大难题.长途汽车和火车的订票管理虽然有 差异,但大体上是相同的.长途汽车在售票的过程中需要对旅客的起 ...

  5. 3.1【微信小程序全栈开发课程】在本地搭建后端开发环境

    第二章将前端页面的框架基本搭建好了,第三章,我们来做登录功能,登录功能需要在后端获取到用户信息,返回到前端.所以先来搭建后端开发环境 1.后端开发环境介绍 我们的项目用的是前后端分离开发 前端可以理解 ...

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

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

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

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

  8. 基于微信小程序+VUE+Springboot+Mysql的中小学生作业管理系统

    基于微信小程序+VUE+Springboot+Mysql的中小学生作业管理系统 ✌全网粉丝20W+,csdn特邀作者.博客专家.CSDN新星计划导师.java领域优质创作者,博客之星.掘金/华为云/阿 ...

  9. 7.4【微信小程序全栈开发课程】小程序上线--基于Ubuntu搭建小程序运行环境

    上一节我们安装了nginx和SSL证书,这一节继续来搭建小程序运行环境 1.配置nodeJs环境 (1)安装node.npm 我们云服务器是Ubuntu系统,通过apt-get安装即可 //下载nod ...

  10. 微信小程序结合SpringBoot实现WebSocket长链接

    微信小程序结合SpringBoot实现WebSocket长链接 引入 WebSocket 微信小程序部分实现 js部分 页面部分 后端SpringBoot实现 WebSocketConfig.java ...

最新文章

  1. VC中读写ini文件
  2. linux2.6.37内核接两个硬盘导致读写效率变低的问题
  3. CS中实现简单的注册验证窗体程序
  4. Linux下同步网络时间
  5. Scala _07trait特性
  6. puppet系列之nginx+php日志切割与salt结合使用
  7. 如何保证消息队列里的数据顺序执行?
  8. 移动端web页面自适应和rem
  9. python之函数用法basestring
  10. 报童问题求解最大利润_选对方法,速解行测最大利润问题
  11. java超级玛丽代码_java版超级玛丽源代码
  12. mongoose schema Schema hasn't been registered for model
  13. 人工智能迅猛发展,如何应对避免失业?
  14. win7添加网页ftp服务器地址,win7添加ftp服务器地址
  15. 毛刺现象 java_记一次微服务耗时毛刺排查
  16. 0.91英寸和0.96英寸OLED驱动区别
  17. element单独选择年或年月或年月日以及起止日期使用el-date-picker
  18. google/uuid
  19. 数据库系统教程——数据库概论(一)
  20. qt编写网易云界面(10)----排行榜模块

热门文章

  1. 四路抢答器c语言程序设计,四路抢答器的文档.pdf
  2. 胜博发表示玩游戏也能做公益!守望先锋为乳癌研究基金会募得一千多万美金
  3. android手机控制电视,[转载]android万能遥控器之二--用手机遥控电视
  4. 单体架构到分布式架构浅析
  5. 视频重播转换器:Replay Converter for Mac
  6. 法大大首批通过ISO 22301:2019认证
  7. MQTT构筑运营平台与游戏端的交互通道
  8. 登陆u9显示404服务器错误,U9常见技术问题分析与解决.docx
  9. ATmega8a单片机ISP下载器
  10. OpenGL鼠标控制旋转平移