智慧小区解决方案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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 怎样安装pip_pip 安装本地python包

    怎样安装pip_pip 安装本地python包网上有各种方法安装pip,针对不同的系统方法还不一样,最后发现还是下面这种方法最简单,直接了当干脆方便,适用于Windows和Linux。(1)下载pip进入https://pypi.python.org/pypi/pip,下载第二项。(2)解压安装解压下载的文件(windows下只用解压工具解压如RAR,Linux下终端输入tar-xfpip-9.0.1.tar.gz,即tar-xf文件名

    2025年7月14日
    4
  • Cannot resolve jdk.tools:jdk.tools:1.7

    Cannot resolve jdk.tools:jdk.tools:1.7

    2021年5月15日
    236
  • vue的双向绑定原理_vue中数据双向绑定的原理

    vue的双向绑定原理_vue中数据双向绑定的原理简析mvvm框架 目前angular,reat和vue都是mvvm类型的框架以vue为例 这里的vm 就是vue框架,它相当于中间枢纽的作用,连接着model 和view.当前台显示的view发生变化了,它会实时反应到viewModel上,如果有需要,viewModel 会通过ajax等方法将改变的数据传递给后台model 同时从后台model获取过来的数据,通过vm将…

    2022年10月18日
    3
  • 《自然语言处理实战入门》 第三章 :中文分词原理及相关组件简介 —- 语言学与分词技术简介[通俗易懂]

    汉语,即汉族的语言,是中国通用语言,国际通用语言之一,属汉藏语系,汉语历史悠久,使用人数最多,世界上使用汉语的人数至少15亿,超过世界总人口的20%汉字最早起源于商朝的甲骨文,距今已经有3000-4000年的历史了。文字的目的是为了记录,古汉语以独字为核心,即使隋唐以后汉语书面语逐渐向口语化发展。

    2022年4月17日
    36
  • 计算距离矩阵的方法_矩阵的欧式距离

    计算距离矩阵的方法_矩阵的欧式距离给定一个 N 行 M 列的 01 矩阵 A,A[i][j] 与 A[k][l] 之间的曼哈顿距离定义为:dist(A[i][j],A[k][l])=|i−k|+|j−l|输出一个 N 行 M 列的整数矩阵 B,其中:B[i][j]=min1≤x≤N,1≤y≤M,A[x][y]=1dist(A[i][j],A[x][y])输入格式第一行两个整数 N,M。接下来一个 N 行 M 列的 01 矩阵,数字之间没有空格。输出格式一个 N 行 M 列的矩阵 B,相邻两个整数之间用一个空格隔开。数据范围

    2022年8月8日
    8
  • 如何打造一款直播App(方法流程)

    如何打造一款直播App(方法流程)概要分享内容:互联网内容载体变迁历程,文字——图片/声音——视频——VR/AR——…….。从直播1.0秀场时代(YY),2.0游戏直播(斗鱼、虎牙、熊猫)到如今全民直播3.0泛生活娱乐时代(映客、花椒),国外直播app(Meerkat、Periscope),随着VA/AR/MR提出的沉浸式视听体验,直播4.0时代很快就能到来。在这个全民娱乐的时代,直播已经火得不要不要的,

    2022年5月26日
    60

发表回复

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

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