智慧小区项目遇到的问题汇总&解决参考

前端

vuex

用vuex可以设置一个“全局变量”，使所有的界面都能取到这个变量。
教程如下：Vuex白话教程第一讲：Vuex到底是个什么鬼？
Vuex，从入门到入门

前端将后端返回的参数设置为map类型

这个问题曾经纠结笔者非常长的时间，因为笔者需要用后端返回的map组成element-ui选择器选择的内容。参考教程如下：后端map数据，前端转成数组显示

选择器内容改变触发函数

笔者有两个选择器，想要使第一个选择器内容改变后触发函数决定第二个选择器选择的内容。参考教程如下：element-ui中select组件绑定值改变，触发change事件

js 判断字符串中是否包含某个字符串

在本系统中有个功能是可以显示实时当地的天气，当获取到天气后，需要根据不同天气显示不同图片图标，这时候通过获取的天气中的字判断需要哪个图片图标，参考教程如下：
js 判断字符串中是否包含某个字符串

elementui官网

ElementUI

后端

跨域问题

前端使用vue脚手架搭建项目，后端使用springboot+MySQL，首当其冲的问题是两者不能使用同一个端口启动，这就涉及到跨域操作。事实上，第一步，要在vue项目中的vue.config.js里添加

// 跨域
  parallel: require('os').cpus().length > 1,
  pwa: {},
  devServer: {
    port: 8081,
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        ws: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },

参考教程：vue跨域本地解决方案
其中，port为前端运行端口，要注意选择的端口有没有已被占用，proxy中的target是后端地址，8080是后端启动端口。
第二步，要在后端添加一个跨域有关的类，笔者正是忽略了这一步，才导致跨域操作屡屡失败。
参考教程：SpringBoot升级2.4.0所出现的问题：When allowCredentials is true, allowedOrigins cannot contain the specia

mybatisplus操作问题

本次项目后端编写，笔者用到了mybatisplus以减少数据操作的工作量。初次使用，难免不熟练，尤其是在进行查询select操作时，由于mp已有许多select操作，而每个select操作不尽相同，笔者因此也遇到了一些困难。比如说想要实现查询返回某一个数据实例的selectone操作，但是selectone的参数设定跟selectlist不一样，selectlist以map类型为参数是查询，然后返回符合条件的list，由于之前有些操作笔者是直接将前端传送来的map类型数据进行查询，因此并未出现问题，在selectone处便遇到阻碍。selectone的参数类型是QueryWrapper，因此笔者又去查QueryWrapper是什么，如何使用等等…最终成功使用selectone操作。参考教程如下：
Mybatis plus学习随笔：QueryWrapper条件构造器的使用
MYBATISPLUS查询方法SELECTBYID、SELECTONE、SELECTBATCHIDS、SELECTBYMAP、SELECTPAGE的使用
多表查询，参考教程如下：基于MybatisPlus实现多表的关联查询，实现分页，多条件查询

数据库 MySQL

笔者需要用到时间类型的属性，但是MySQL对于时间属性有两种类型，因此在这里笔者又不免遇到问题：一开始用的是timestamp类型，但是timestamp类型时间范围有限制…解决如下：更新数据库时报错:Data truncation: Incorrect datetime value:

定时任务

参考教程如下：
玩转SpringBoot之定时任务详解

@Scheduled注解各参数详解

中文转拼音字母

在本系统中笔者实现了一个功能，就是增加业主的同时为该业主生成一个用户名是所属小区拼音首字母和自己名字拼音的账号，这时候需要将中文的小区名称转成拼音再提取首字母，以及将业主名字也转成拼音。参考教程如下：
java中文转拼音
java获取中文拼音首字母
java中String与StringBuilder的相互转换

其他

git操作问题

笔者深知自己能力有限，在较短的时间内产出整个项目并非易事，因此笔者积极的求助于身边的能力者，但由于笔者和能力者们并不在同一个地方，如何实现代码的快速共享以及协作就成了一大难题。这时git就帮上大忙，但是笔者git操作也是十分不熟练，故也遇到一系列问题，记录如下。
笔者通过webstorm开发前端，通过idea开发后端，因此就要在webstorm、idea中使用git，参考教程如下：
IDEA上传项目到GitHub仓库详细步骤
笔者在文中的第三步第一小点又遇到了问题，此时参考此篇教程：Idea登录Github invalid authentication data. 404 Not Found-Not Foun
在idea上传项目时又遇到了问题，解决参考教程如下：Git - 总结在使用 Git 踩过的坑
前端代码是上传到码云的，参考教程如下：webstorm项目提交到码云

api

现在有许多有意思的功能可以通过现成的免费api帮助实现，笔者找到了一个汇总的网站，如下：
程序员常用的API

接口大全