刘一帆的博客

原创 Vue+SpringBoot在线教育考试及管理平台开发（纯原创）后续还在开发，会持续更新

Vue+SpringBoot在线教育考试及管理平台开发（纯原创）后续还在开发，会持续更新

原创 Vue-分享一款很好用的Vue插件-Vuesax（实现侧边导航栏自适应悬浮,并通过Flex布局实现左侧右侧自适应大小）

关键内容，vuesax的sidebar默认为绝对布局，要实现悬浮自适应页面很困难，所以看到官方提供relative字段，也就是相对布局页面，思索思路：1.设置为相对布局，2.设置为横向排列，即可解决自适应悬浮。*********************************************具体代码如下*********************************************关于侧边导航栏的设计，并且实现侧边导航栏自适应悬浮，若侧边出现滚动条情况，检查是否设置属性，即可解决。

原创 Java学习日记-cherryMarkdown格式存入数据库问题解决（JavaScript格式和Mysql格式冲突解决）

Java学习日记-cherryMarkdown格式存入数据库问题解决

原创 Vue+SpringBoot+SpringSecurity项目对于跨域的深度理解

当开发前后端分离项目的时候，出现接口调用失败，且后端并未报错，考虑是否是跨域出错。

原创 浅谈Vue：text-align: center、align-items: center、justify-content: center三种居中的区别和用法

使用来水平居中块级元素内的文本或行内元素。使用来垂直居中Flex容器内的子元素。使用来水平居中Flex或Grid容器内的子元素。选择合适的属性取决于你的布局模型和元素类型。

原创 浅写：vs-select的传参方法，传递一整行参数，而不是单个

【代码】浅写：vs-select的传参方法，传递一整行参数，而不是单个。

原创 Vue图片路径问题分析

使用requirerequire()是 Webpack 提供的引入模块的方式，适用于处理本地静态资源（图片等）。路径别名是 Vue CLI 项目的默认路径别名，指向src文件夹，确保路径简洁明了，减少使用相对路径引入资源的麻烦。使用相对路径也可以使用相对路径，但要确保路径正确，容易在项目文件结构复杂时出现混乱。

原创 Vue动态样式，浅写

【代码】Vue动态样式，浅写。

原创 Vue虚拟仿真实验模板，包含图片热区、任务、设计思路、特效、上一步、下一步、初始化

【代码】Vue虚拟仿真实验模板，包含图片热区、任务、设计思路、特效、上一步、下一步、初始化。

原创 Vue图片热区模板代码（包含热区、点击特效、悬浮特效、旋钮、布局）

【代码】Vue图片热区模板代码（包含热区、点击特效、悬浮特效、旋钮、布局）

原创 浅谈If、else if、else

两个if，Java会检测第一个是否满足，然后再进入第二个if的检测，若第一个为真，Java还是会检测下一个If是否满足，所以这样的写法比较占用资源，但是如果想先执行第一个if判断，并且第一个if为真的情况还需要执行下列代码使用。当条件1为假且条件2为真时，执行第一个 else if 块中的代码；否则执行 else 块中的代码，也就是说哪个满足条件，其余的皆不执行。语句用于在条件为真时执行一个代码块，否则执行另一个代码块。如果条件为真（true），则执行 if 块中的代码，否则执行 else 块中的代码。

原创 Vue绝对布局，相对布局的理解，对于如何一个图片里显示多个图片

把外部整体设计为相对布局，相对布局relative：会占Dom结构，也就是单独的一行，这样就能抱着这一个区域是独立于页面的，想要微调的元素设置为绝对布局absolute，绝对布局：不会占Dom结构，相当于悬浮的，然后每一个绝对布局的定位是相对与距离它最近的一个，并且具有布局属性的元素，通过这样即可实现图片堆叠效果，z-index为图片的层值，默认为0。

原创 Vue+jquery+jquery.maphilight实现图片热区高亮以及点击效果

【代码】Vue+jquery+jquery.maphilight实现图片热区高亮以及点击效果。

原创 Git使用教程，上传以及下拉代码（原创）

【代码】Git使用教程，上传以及下拉代码（原创）

原创 Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象)

JSON格式=》JavaScript Object Notation（对应前端，我觉得使用JSON格式就是啥都能存，然后直接传给后端，让后端去解析，这就很好体现了响应式开发模式，前端不直接对数据进行深度处理，而是通过后端进行处理）总之，JSON格式数据可以是对象或数组，对象是无序的键值对集合，数组是有序的值集合。虽然直接传输数组或对象也是可能的，但JSON作为一种通用的数据交换格式，更加灵活、通用且易于处理，因此在前端和后端之间传输数据时常常选择JSON格式。questionType: "单选题",

原创 Vue前端给SpringBoot传参的大坑解决！Lombok.Data大坑

但是没想到，后端怎么样都接收不到，一开始以为是类名定义问题，后通过把类型转为Map发现并不是类名问题，因为Map可以接收，后思索是否为类型问题，就反复更改Test1和Test2，皆无果，并且通过Object接收参数进行测试，发现确实是这样的格式，说明问题不在controller，还是在Entity里的数据类型。以下是后端的代码，首先Test和Test1和Test2它只是类名，不代表参数名，只是个对象的格式，参数需要定义，然后按传递的参数定义了一个复合的Test，想着按照格式后端一定能获取！

原创 Vue-Router解决重复点击路由报错

在代码编写中，发现出现路由重复点击后报错的问题（Vue2），查询资料，使用push、to、replace皆没有解决根本问题，后通过学习，添加以下代码，完美解决重复路由报错问题。在main.js加入此代码即可解决。

原创 VueSax Dialog参数的浅理解

原创 Vue学习笔记-浅谈居中

由于近期对于前端的深度学习，试着先把它设置大小，然后再微调，因为要把它想象为一个物体，那么你就要赋予它一定的属性，就比如100kg的胖子要减肥，你如果只把它说为胖子要减肥，那么怎么让它变瘦呢，必须赋予它属性，让它占据100%的大小，就相当于充满了这个div块，然后再把它设置为Center即可。起初，想给 Vuesax Framework这个文字居中，所以想到加一个div块，然后把它设置为块中居中即可，然而直接给它加居中的方法并不能实现居中。，你确保了元素占据了其父容器的整个宽度。

原创 Vue Router父路由与子路由问题

其次：要直接通过父路由访问子路由，需要在父页面加入，完美解决。首先：子路由不需要/

原创 Vue+Springboot开发模式通过链接访问资源的方式

/http://localhost:8580/edu_examandmanage_back/static/images/信号源.png。//http://localhost:1051/edu_stu_back/static/resource/Git讲义.pdf。//http://localhost:1051/edu_stu_back/static/images/pig头像.gif。// 解决controller返回字符串中文乱码问题。前端访问方式（不推荐）

原创 对于Android适配器adapter的理解

/适配器的理解:通过建立ListView.xml（放置一行一行自定义格式的数据），设置适配器.xml文件进行设置我们想看到的数据显示样式（我们自己做一行显示，然后在主界面显示出多行），适配器是为了让多行数据填充进去。2.建立适配器，以下方法是生成的，然后要加入一个传入上下文（我的理解这玩意叫背景环境）和数据的方法。1.首先我们的想法是想要定义我们想要的数据类型，并传入界面，所以定义了一个Entity。3.在主活动定义此适配器，传入上下文和参数即可。BaseAdapter适配器的理解。

原创 Mybatis后端创建+编写简述

Mybatis后端创建+编写简述

原创 Springboot项目创建Vue+ElementUi+Axios前端编写简述

Springboot项目创建Vue+ElementUi+Axios前端编写简述

原创 关于JavaEE springboot MVC项目的实战（手把手教学）

关于JavaEE springboot MVC项目的实战（手把手教学）解决中文在mysql数据库中不显示的问题，实现Dao层、Entity层、Service层、Controller控制器的交互

原创 Python列表巧妙解决回文数判断问题

Python列表巧妙解决回文数判断问题

原创 C#&Web&MVC&Layui实战之《新闻管理系统》（适合初学者）

C#&Web&MVC&Layui实战之《新闻管理系统》（适合初学者）注明：来自某站的老师，我自己看自己学，写一些自己的想法和见解。