前端

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

接口大全

智慧小区项目遇到的问题汇总解决参考相关推荐

swagger生成错误问题汇总解决
swagger生成错误问题汇总解决参考文章: (1)swagger生成错误问题汇总解决 (2)https://www.cnblogs.com/llhhll/p/12010133.html 备忘一 ...
Java毕设项目基于的智慧小区（java+VUE+Mybatis+Maven+Mysql）
Java毕设项目基于的智慧小区(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webs ...
毕设项目——智慧小区系统（Java Spring Boot+Vue ElementUI）
毕设项目--智慧小区系统(Java Spring Boot+Vue ElementUI) 项目初衷(最真实版) 系统技术分析前端界面后端及数据库系统功能介绍小区业主端物业人员端系统界面展示 ...
springboot毕设项目智慧小区管理系统91d10（java+VUE+Mybatis+Maven+Mysql）
springboot毕设项目智慧小区管理系统91d10(java+VUE+Mybatis+Maven+Mysql) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HB ...
基于STM32小熊派开发智慧路灯项目实践
目录一.引言二.智慧路灯物联网架构介绍 1.感知层: 2.网络层: 3.平台层 4.应用层三.开发环境四.开发注意事项五.学习网站(实践指南) 1.华为云实战训练营教学视频 2.智慧路灯项目 ...
未来生活照进现实——7大热门智慧城市项目和世界8大顶级智慧城市盘点
智慧城市越来越多地走进人们的视野,随着物联网技术的普及和发展,未来将出现更多智慧城市,给人们的生活和工作带来便利. 目前智慧城市在全球范围内拥有非常强大的正面形象,因此,各国政府在推进智慧城市的建设上 ...
大数据推动智慧城市项目在PPP模式
智慧城市是运用物联网.云计算.大数据.空间地理信息集成等新一代信息技术,促进城市规划.建设.管理和服务智慧化的新理念和新模式.本文基于智慧城市建设与PPP模式的相关原理,阐述了采用PPP模式建设智慧城 ...
智慧社区建设方案丨智慧小区智能化解决方案
智慧社区建设方案丨智慧小区智能化解决方案随着物联网技术和我国新一代互联网技术的发展,未来社区网络将会实现全覆盖,通过社区网络和物联网络,将会实现社区机电设备和住宅的自动化,智能化,实现远程监控和网络 ...
BCH粉必转 | 围绕BCH建立的相关项目和应用列表汇总
近期,Bitcoin.com网站整理了一份围绕BCH建立的相关项目和应用列表汇总,列表共分为9个方面,分别是:工具和服务.游戏.开发.钱包.小费和众筹.支付网关.商家和购物.赚取BCH.社交网络,每个 ...

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

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

前端