基于SpringBoot的预约挂号微信小程序

一、运用的技术

主要运用的技术为微信小程序原生开发、springboot、mybatis-plus和mysql。这个项目主要完成了学校的毕业设计课程内容。

二、项目中的亮点

        (1)、通过微信小程序的授权登录，完成对小程序登录的验证，话不多说，上图解释。以下代码通过AES算法解密将微信小程序端加密的用户的个人信息解密出来，返回其信息数据，保存至数据库。

public class AesUtil{

    public static String decrypt(String data, String key, String iv) {
        String result = "";
        // 被加密的数据
        byte[] dataByte = Base64.decode(data);
        // 加密秘钥
        byte[] keyByte = Base64.decode(key);
        // 偏移量
        byte[] ivByte = Base64.decode(iv);
        System.out.println("进入了解密算法");
        try {
            // 如果密钥不足16位，那么就补足. 这个if 中的内容很重要
            int base = 16;
            if (keyByte.length % base != 0) {
                int groups = keyByte.length / base + (keyByte.length % base != 0 ? 1 : 0);
                byte[] temp = new byte[groups * base];
                Arrays.fill(temp, (byte) 0);
                System.arraycopy(keyByte, 0, temp, 0, keyByte.length);
                keyByte = temp;
            }
            // 初始化
            Security.addProvider(new BouncyCastleProvider());
            Cipher cipher = Cipher.getInstance("AES/CBC/PKCS7Padding", "BC");
            SecretKeySpec spec = new SecretKeySpec(keyByte, "AES");
            AlgorithmParameters parameters = AlgorithmParameters.getInstance("AES");
            parameters.init(new IvParameterSpec(ivByte));
            // 初始化
            cipher.init(Cipher.DECRYPT_MODE, spec, parameters);
            byte[] resultByte = cipher.doFinal(dataByte);
            if (null != resultByte && resultByte.length > 0) {
                result = new String(resultByte, "UTF-8");
            }
            System.out.println(result);
            System.out.println(111);
        } catch (NoSuchAlgorithmException e) {
            e.printStackTrace();
        } catch (BadPaddingException e) {
            e.printStackTrace();
        } catch (InvalidKeyException e) {
            e.printStackTrace();
        } catch (InvalidAlgorithmParameterException e) {
            e.printStackTrace();
        } catch (NoSuchPaddingException e) {
            e.printStackTrace();
        } catch (InvalidParameterSpecException e) {
            e.printStackTrace();
        } catch (NoSuchProviderException e) {
            e.printStackTrace();
        } catch (IllegalBlockSizeException e) {
            e.printStackTrace();
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }
        return result;
    }

        (2)、通过微信小程序来获取当前用户所在城市，首先需要在腾讯地图申请一个key，我选择的是微信小程序中的，然后下载该网站提供js，引用到自己的项目中，将申请的key放在新建的QQMapWX对象中。如下代码块中，通过这些代码即可获取用户当前所在位置，首先需要用户授权wx.getLocation()，可以获取到用户当前所在的经纬度，然后通过定义的qqmapsdk对象，通过获取的经纬度反转来获取当前用户所在的城市，即可成功获取当前用户所在的城市。可去官网查看具体步骤：微信小程序JavaScript SDK | 腾讯位置服务 (qq.com)

 

getLocations:function() {
      if(this.data.currentLocation == '') {
        var that = this;
        wx.getLocation({
          type: 'wgs84',
          success: function (res) {
              var lat = res.latitude;
              var lng = res.longitude;
              qqmapsdk.reverseGeocoder({
                location: {
                    latitude: lat,
                    longitude: lng
                },
                success: function (res) {
                    //获取详细地址
                    // console.log(res.result)
                    var citys = res.result.address_component.city;
                    let province = res.result.ad_info.province
                    var cityid = res.result.ad_info.adcode;
                    var cityObj = {
                      fullname: citys,
                      lat: lat,
                      lng: lng,
                      id: cityid
                    };
                    let location = province  + citys
                    that.setData({
                      location:location,
                      is_option:true,
                      currentLocation:location,
                      change_location:location
                    })
                }
              })
          },
          fail: e => {
              that.refuserr();
          }
        })
      } else {
        let after_location = this.data.currentLocation
        this.setData({
          location:after_location
        })
      }
    },