智慧小区解决方案ppt_智慧小区简介

智慧小区解决方案ppt_智慧小区简介智慧小区项目遇到的问题汇总&解决参考跨域问题mybatisplus操作问题git操作问题跨域问题前端使用vue脚手架搭建项目,后端使用springboot+MySQL,首当其冲的问题是两者不能使用同一个端口启动,这就涉及到跨域操作。事实上,第一步,要在vue项目中的vue.config.js里添加//跨域parallel:require(‘os’).cpus().length>1,pwa:{},devServer:{port:8081,

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

前端

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

接口大全

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/180820.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 进口跨境电商erp系统_东南亚的电商平台

    进口跨境电商erp系统_东南亚的电商平台【上马ERP】专注东南亚本地电商市场,对接shopeeLazadatokopediaJD.idBilbilAkulaku等电商平台一套根据东南亚本地电商需求深度订制的ERP/WMS仓储系统!上马特色功能:【自动处理pickupGo-jek,Gosend,Grad订单】【自动打印快递面单】:美观、高效、准确、效率【自动更新平台订单】:结合仓库现有库存,自动更新平台库存,100%防止超卖;【智能化仓库管理】:智能生成拣货清单,高效准确管理仓库;【实时校验订…

    2022年9月20日
    2
  • 如何入侵网站数据库_数据库创建用户

    如何入侵网站数据库_数据库创建用户BrainCOSMOS:昨日在被黑客公布的csdn用户数据库中发现了自己的帐号和密码(还有各种大牛的技术博客帐号密码),立刻想到了自己其他帐号有没有其他帐号用相同密码。还好我的每个密码都有区分,不过今早听说人人网的信息也被发布出来了,顿时就火了,奉劝各位赶紧更改自己的密码,免得被人恶意使用!涉及到的网站有:人人网、U9网、百合网、开心网、天涯、世纪佳缘等一批知名网站具…

    2022年9月15日
    2
  • idea插件开发指南_vip

    idea插件开发指南_vipIDEA最全实用插件(VIP典藏版)

    2025年9月12日
    10
  • kernel: TCP: time wait bucket table overflow 问题分析和解决[通俗易懂]

    kernel: TCP: time wait bucket table overflow 问题分析和解决[通俗易懂]目录一问题描述二问题分析三问题解决四问题扩展4.1timewait连接过高有什么影响?4.2如何减少timewait连接数?一问题描述工作中的一台数据库打印如下日志:二问题分析查看当时TCP连接数状态:netstat-n|awk’/^tcp/{++S[$NF…

    2022年5月23日
    47
  • XML解析

    XML解析一、邂逅XML文件种类是丰富多彩的,XML作为众多文件类型的一种,经常被用于数据存储和传输。所以XML在现今应用程序中是非常流行的。本文主要讲Java解析和生成XML。用于不同平台、不同设备间的数据

    2022年6月30日
    28
  • readystate状态码_五种自我状态

    readystate状态码_五种自我状态(0)未初始化此阶段确认XMLHttpRequest对象是否创建,并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在,否则浏览器会报错--对象不存在。(1)载入此阶段对XMLHtt

    2022年8月2日
    10

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号