idea springboot+uni-app项目报错解决

数据库不存在

报错

DBMS: MySQL (no ver.)
Case sensitivity: plain=mixed, delimited=exact
[42000][1049] Unknown database 'datasystem'.

解决方法

1、检查数据库的用户名和密码有无错误
2、检查数据库名有无错误
3、如果之前有安装禅道，搜索栏搜索“服务”，找到mysqlzt，将其属性改为手动并停止运行

@Autowired报错

报错

必须在有效 Spring Bean 中定义自动装配成员(@Component|@Service|…) 

解决方法

在类前加@Component或Service

null指针错误

报错

java.lang.NullPointerException: null

解决方法

通过测试方法调试确定了没有注入mapper，此时usermapper为空

检查确定是UserMapper前没有加注解@mapper，加上就没事了。建议检查service\mapper\controller\entity类有无添加对应的注解@service\mapper\recontroller\component

required string parameter 'XXX’is not present

报错

required string parameter 'XXX’is not present 

检查没有获得参数

解决方法

将@RequestParam替换成@RequestBody

原因参考@RequestBody详解

跨域请求失败

报错

Access to XMLHttpRequest at from origin  been blocked by CORS policy: Response to preflight request 

解决

1、前端（参考uni-app跨域请求)
这篇文章中的两种我都设置了，只设置一种报错仍然存在
2、后端
新建CorsConfig类

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration // 一定不要忽略此注解
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**") // 所有接口
                .allowCredentials(true) // 是否发送 Cookie
                .allowedOriginPatterns("*") // 支持域
                .allowedMethods(new String[]{"GET", "POST", "PUT", "DELETE"}) // 支持方法
                .allowedHeaders("*")
                .exposedHeaders("*");
    }
}

组件onLoad\onShow无效

组件生命周期没有onLoad和onShow，如果要在组件加载时进行一些操作，建议在组件中使用mounted，例如我需要在组件top.vue中初始化两个值

找不到依赖项 ‘com.alibaba:fastjson:1.2.28’

报错

使用maven组织项目，在pom文件中导入依赖后，pom文件依然报错。

解决方法

通过云仓库查看依赖项是否存在。例如我这里使用的aliyun，通过这个网址搜索查看依赖项的版本信息是否正确

确定没有问题后，再次加载依赖，我使用的是idea，其他软件如果找不到重新加载方法，可以直接关闭程序，重新打开。

uni-app Swiper滑块页面高度自适应

解决方法

参考uni-app动态改变swiper滑块高度
获取组件的高度，动态设置页面高度

<swiper :current="subjectIndex" class="swiper-box" @change="SwiperChange" :style="{'height':swiperHeight+'px'}" >
				<swiper-item v-for="(subject,index) in subjectList">
					<!-- <scroll-view scroll-y="true" style="height: auto;"> -->
						<view v-if="index-subjectIndex>=-1&&index-subjectIndex<=1" :id="'content-wrap'+index">
						内容
						</view>
				</swiper-item>
</swiper>

<script>
	export default {
		data() {
			return {
				subjectIndex: 0,//跳转索引
				swiperHeight: 800,//
		},
		onLoad() {
			
			this.currentType = this.subjectList[0].type;
			
			//动态设置swiper的高度，使用nextTick延时设置
			this.$nextTick(() => {
				this.setSwiperHeight();
			});
		},
		methods: {
			
			SwiperChange: function(e) { //滑动事件
				let index = e.target.current;
				if (index != undefined) {
					this.subjectIndex = index;					
				}
				//动态设置swiper的高度，使用nextTick延时设置
				this.$nextTick(() => {
					this.setSwiperHeight();
				});							
			},
			//动态设置swiper的高度
			setSwiperHeight() {
			  let element = "#content-wrap" + this.subjectIndex;
			  let query = uni.createSelectorQuery().in(this);
			  query.selectAll(element).boundingClientRect();
			  query.exec((res) => {
				if (res && res[0]) {
					this.swiperHeight = res[0][0].height+100;
					console.log(this.swiperHeight);
				}
			  });
			},
		}
	}
</script>

如果滑块的内容是变化的，则在变化之后重新调用一次函数就行

//动态设置swiper的高度，使用nextTick延时设置
this.$nextTick(() => {
	this.setSwiperHeight();
});