- 博客(40)
- 收藏
- 关注
RSS订阅原创 Pinia的基本使用
(官网解释)一个 Store （如 Pinia）是一个实体，它持有未绑定到您的组件树的状态和业务逻辑。换句话说，它托管全局状态。它有点像一个始终存在并且每个人都可以读取和写入的组件。它有三个概念，state、getters 和 actions 并且可以安全地假设这些概念等同于组件中的“数据”、“计算”和“方法”。我们可以把这三个概念理解为vue组件中的“数据”data、“计算”computed和“方法”methods。store简单来说就是数据仓库的意思，我们数据都放在store里面。
2023-04-27 17:04:43
1338
原创 echarts堆叠柱状图
先看一下效果，根据echarts官网上的堆叠柱状图属性得到下面的效果<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <script src="https://lib.baomitu.com/echarts/4.7.0/echarts.js"></script></head><
2022-05-01 14:00:00
3872
2
原创 前端调用Api接口常用的请求方式
一、使用ajax请求主要使用到的参数：(url、type、data、dataType、success、error等，其他可根据需求)$.ajax({ //请求的地址 url:"http://localhost:8080/json/test.json", //请求方式，可用“get”或者“post”，默认为“get” type:"post", //设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。 timeout:10000
2022-03-30 16:12:53
8904
4
原创 Cesium天际线分析
var obj = { id: "Skyline", name: 'czm_skylinetemp', //fragmentShader 细绳 uniform着色器对象 fragmentShader: 'uniform sampler2D colorTexture;' + 'uniform sampler2D depthTexture;' + 'varying vec2 v_textureCoordinates;' + 'void main(void.
2022-02-07 09:56:34
1658
16
原创 Cesium剖面线分析
实现思路：1、使用一条线段来进行剖面分析。2、在开始点和结束点之间插值100个点。3、把插值的点数据赋值到echart中展现出来实现效果如下：首先还是得把模型加载出来，这个就不多解释，可以参考我的另一篇添加3D模型function addProfile(){ // 具体事件的实现 var ellipsoid = _this.viewer.scene.globe.ellipsoid var handler = new Cesium.ScreenSpaceEventHandler(_t
2022-01-27 17:13:21
1769
3
原创 cesium添加3DTitles
var position = Cesium.Cartesian3.fromDegrees(obj.position[0], obj.position[1], obj.position[2]); //数据加载位置 var heading = Cesium.Math.toRadians(obj.heading); var pitch = Cesium.Math.toRadians(obj.pitch); var roll = Cesium.Math.toRadians(obj.roll); var h.
2022-01-27 16:56:56
1130
原创 Cesium通视分析
通视分析是什么呢？就是将起点和终点连成一条线，判断这条线与场景之间是否有交点，如果有交点，就返回第一个交点，起点——交点创建绿polyline实体,交点——终点创建红色实体，绿线为可视区域，红线为不可视区域，效果如下图首先我们把模型加载到地图上//模型数据加载位置 var modelposition = Cesium.Cartesian3.fromDegrees(obj.position[0], obj.position[1], obj.position[2]); var heading = Ce
2022-01-27 16:31:02
3455
15
原创 Vue+Element+PageHelper实现分页
因为之前一直是用Layui来显示数据和对表格进行分页，最近刚学了Vue和Element组件，那就把它们结合起来实现分页以及数据的显示吧。Element和Vue可到官网详细了解。我们先来看一下我们完成的效果，如下：首先我们创建一个SpringBoot或者Maven工程，要使用PageHelper的话需要在我们项目的pom文件中引入依赖，至于mybatis和mysql的相关依赖就不一一细说了，这些都是查询操作数据库必须的依赖，其中还有一个lombok的插件也需要引入依赖，在实体类中会用到<!--
2021-06-20 15:04:58
966
原创 Vue+SSM实现简单的增删查改
开发工具与关键技术： Java、Vue作者：肖广斌撰写时间：2021年6月18日SSM我们应该都已经很熟悉了，那在使用Vue之前，我们需要对Vue有一定的了解，才能实现我们对数据处理的操作。下面地址是我对vue整理的一些基础：https://blog.csdn.net/qq_44505797/article/details/113813413首先我们需要了解的是vue常用的语法指令：v-model、v-on、v-for等指令，以及插值表达式 {{变量名}}v-model：双向绑定，视图（vie
2021-06-19 08:25:23
2228
7
原创 Spring手动开启事务
开发工具与关键技术： Java作者：肖广斌撰写时间：2021年5月18日事务是什么呐？事务（Transaction），一般是指要做的或所做的事情。事务是访问数据库的一个操作序列，数据库应用系统通过事务集来完成对数据库的存取。事务的正确执行使得数据库从一种状态转换成另一种状态。为什么要用事务？事务是为解决数据安全操作提出的，事务控制实际上就是控制数据的安全访问。举一个简单点的例子：就是支付宝转账业务，A账号要给B账号转200块，A账号少200，B账号要加200，假如转账过程中网络出现错误，A账号
2021-06-06 09:58:15
4686
2
原创 Sql根据身份证计算年龄和时间范围的条件查询
开发工具与关键技术： Java作者：肖广斌撰写时间：2021年5月24日在大部分的地方我们都会用到模糊查询的功能，模糊查询的条件也是各种各样的，其中就有年龄段的筛选和时间段的筛选，那下面就来看一下怎么使用这两个条件进行模糊查询。根据身份证计算年龄关键sql语句:SELECT (YEAR(NOW())- SUBSTRING(表的身份证字段,7,4)) age FROM 表名;就是计算当前年份减去从身份证字段里截取到的年份，因为从第七位开始就是年份，截取四位得到年份，然后计算得到年龄，这是18
2021-05-24 15:44:35
5002
2
原创 SpringBoot整合通用Mapper
开发工具与关键技术： Java SpringBoot作者：肖广斌撰写时间：2021年4月25日通用mapper：可以实现自动拼接sql语句，不需要再创建xml文件或者在映射文件中编写方法，也就是不用编写sql语句。使用通用mapper，因为在使用mybatis框架操作数据库的时候，通常是需要在xml映射文件中或者方法上使用注解的格式编写sql语句，需要我们自己手动去编写，当我们使用通用mapper，就不需要我们手动编写sql语句。极其方便的使用mybatis单表的增删查改，可以减少我们的代码量，提高
2021-05-03 16:37:21
1339
4
原创 小程序云音乐播放功能
开发工具与关键技术：作者：肖广斌撰写时间：2021年2月15日在一个音乐播放器中，最基本的功能就是播放/暂停，上一首/下一首了，那么在这里，播放/暂停该如何实现呢，其实也很简单，让我们来看一下。首先是我们的静态页面，接着我们需要点击播放/暂停键，让它实现播放效果。1、我们需要创建一个控制音乐播放的实例，获取到歌曲的详情，如下图2、我们需要创建一个控制音乐播放/暂停的功能函数，就是我们需要在这里通过音乐id获取该音乐的播放链接，然后通过小程序自带的backAudioManager来实现效果
2021-02-15 09:07:49
461
2
原创 Vue框架
开发工具与关键技术： JavaScript vue作者：肖广斌撰写时间：2021年2月8日vue框架是一个渐进式前端框架，可以提高前端开发效率。渐进式：可以选择性的使用该框架的一个或一些组件，这些组件的使用不需要将框架全部组件都应用；而且 用了这些组件也不要求你的系统全部都使用该框架。Vue是一个前端框架，也其实是一个vue.js文件，下载vue.js文件并在页面中引入该js文件就可以在页面中使用了。vue.js下载方式：1、可以引用在线的vue.js（需要联网才能使用）2、可以离线下载vu
2021-02-15 08:51:33
3410
1
原创 初学SpringBoot
开发工具与关键技术： Java SpringBoot作者：肖广斌撰写时间：2021年2月3日springBoot 是一个便捷搭建 基于spring工程的脚手架，作用：可以帮助开发人员快速搭建spring项目，简化工程的配置，依赖管理，让开发人员更集中业务逻辑的开发，不需要在配置上消耗太多的时间。特点：快速搭建、内嵌应用服务器、自动配置、无代码生成、没有xml配置。一、springBoot搭建项目的步骤1、创建工程（就是我们平常的新建项目），引入父依赖2、添加依赖（启动器依赖 spring-bo
2021-02-03 10:44:17
229
原创 微信小程序入门
开发工具与关键技术： 作者：肖广斌撰写时间：2021年1月27日微信小程序，简称小程序，是一种不需要安装便可以使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫便可以使用。我们都知道小程序的方便，因为我们现在也无时不刻的在使用它，其实它并不是不需要安装，只是它相对于APP来说它比较小，原本的APP需要下载安装100M，而小程序只需要10M，而第一次进入小程序的时候，我们都是需要先等待一会才能进去的，而就在我们等待的时候，小程序便已经下载安装好了，所以我们才感觉不到它在下载，增加了用户的体验感，让
2021-01-27 13:07:53
172
1
原创 《南方航空》项目阶段性总结
开发工具与关键技术： Java SSM框架作者：肖广斌撰写时间：2021年1月15日一、完成时间：2020-10-8—2020-12-20二、完成模块：订票流程，会员中心等三、技术点总结：订票事务流程，数据库，框架1.订票事务流程：用户选择行程—>查询该行程相应航班信息—>确定航班、选择相应舱位—>填写旅客信息—>执行支付—>支付完成2.数据库：创建数据库、不同字段的相应类型，where条件查询，group by、order by指定排序，时间类型的转换，模糊查询
2021-01-15 16:31:49
481
原创 Eclipse中Maven web项目的增删查改
开发工具与关键技术： Java作者：肖广斌撰写时间：2020年10月18日在我们还没有学习java框架之前，我们写的增删查改都是自己编写的方法，但是在学习了java框架之后，我们写起增删查改就变的更为简单，首先我们一样是需要创建几个包，实体类pojo，还有dao层，只不过有几个是需要变化的，在没学框架之前，我们是通过dao层写增删查改的方法，再通过dao层的实现类impl来重写方法，然后通过servlet让数据与页面链接起来，所有的过程都是我们手动编写完成，有点费时。但是当我们用框架来写的话，可以大
2020-10-19 15:38:15
482
原创 Eclipse中Maven web项目配置pom.xml文件
开发工具与关键技术： Java作者：肖广斌撰写时间：2020年10月8日在我们刚新建完一个maven web项目的时候，都会有一个pom.xml文件，文件的开头一般都是我们在新建项目时候填写的基本信息，比如有标识，打包方式还有项目名称什么的，如下图那么在这个xml文件中我们应该配置写什么呐，我们可以在里面配置我们项目所需要用到的组件依赖，在配置组件依赖前我们先需要去官网下载一个apache-maven-3.6.3，（这里我用的是3.6.3）然后解压，接着我们需要修改一下它的配置，打开解压完成后的a
2020-10-19 15:29:00
7154
原创 关于mybatis的config.xml配置文件
开发工具与关键技术： Java作者：肖广斌撰写时间：2020年9月25日当我们在eclipse下载好mybatis的插件后，我们创建web项目的时候就可以引用mybatis框架了，所以我们需要配置一个mybatis的config.xml文件，让其来连接我们的数据库，关于配置开发环境有两种方式，我们可以导入外部文件也可以直接在mybatis的config.xml文件中配置我们的开发环境，如下图，第一种：这是通过外部文件配置开发环境，在外部文件中已经写好了url，driver，username，passw
2020-09-25 08:13:38
295
原创 SpringMVC框架基本使用
开发工具与关键技术： Java作者：肖广斌撰写时间：2020年9月17日在下载好Spring的框架插件之后，我们应该如何使用这些框架呐，首先我们需要新建一个web工程，然后再配置一下需要用到的xml文件，一个是web工程的web.xml文件，一个是SprigMVC.xml文件，如下图配置好xml文件之后我们就可以写个简单的实体类测试一下了，先创建一个简单的实体类pojo，然后新建一个控制器，新建并编写jsp页面，如下图逻辑是首先我们创建一个控制器注解，然后通过注解方式取一个控制器的路径名
2020-09-17 18:21:54
181
原创 Java下拉框绑定
开发工具与关键技术： Java作者：肖广斌撰写时间：2020年8月9日首先我们需要在jsp页面写好样式，把需要查询的表写成一个类，让它get与set可以获取值也可以给它赋值，封装到pojo的包下然后新建一个dao层的包，在这个包里创建一个接口，里面定义我们需要用到的查询方法写完dao层，然后再新建一个dao层实现类的包，在这个包里我们创建一个实现类，通过这个类继承我们dao层里的方法，再通过方法的重写，把具体的查询过程加上去，这样，我们的查询方法就写好了，下面就是如何调用我们封装好的方法了
2020-08-09 19:32:58
1078
原创 纯SQL操作简单增删查改
开发工具与关键技术： SQL Server 2014 Management Studio作者：肖广斌撰写时间：2020年5月28日1、首先我们打开sql数据库登录进去，选择一个数据库，然后新建查询，在新建查询里我们输入需要查询的表，where是条件，可以加，不加的话就是把整个表数据查询出来，还可以连表查询2、Insert into新增数据，Insert into 表名称values (值1, 值2,…)，然后执行就可以新增一条数据3、Update set修改数据updat 表名 set 表字
2020-05-28 14:44:14
127
原创 用SuperMap iDesktop制作一个简单的地图
开发工具与关键技术：SuperMap iDesktop作者：肖广斌撰写时间：2020年5月13日1、首先打开软件，新建一个数据源，文件型或者数据库型2、右键数据集，点击导入数据集，选择想要导入的数据3、把导入的数据拖动到右侧，需要注意先后顺序，一般先放面，然后再放点跟线4、把数据整理到图层里后开始制作专题图，一般选择标签专题图，然后选择统一风格然后就能得到下面结果5、在图层管理器中我们可以右键设置可见比例尺范围，就是当我们放大或缩小到一定程度时，地图上的内容才会显示出来，该专题图只会
2020-05-13 15:44:23
2418
1
原创 《佛山市南海区慢性病地理信息系统》项目总结
开发工具与关键技术：Visual Studio、SuperMap iDesktop作者：肖广斌撰写时间：2020年4月21日完成的功能：前台：登录、区域定位、查询搜索、周边分析、工具箱；后台：用户管理1、登录输入用户名、密码，判断用户是否存在，若用户名和密码正确，点击登录或者按Enter（回车）进入前台主页面2、区域定位点击左侧区域定位下的某个街道或乡镇，地图将定位到该街道或乡镇在...
2020-04-21 15:35:49
214
原创 for循环相加数据
开发工具与关键技术：Visual Studio作者：肖广斌撰写时间：2019年7月23日有很多时候，我们需要让表格的一列数据自动相加起来得到总和，比如说下单的时候需要把选中的物品的价格相加，就是一共需要支付多少钱， 那么该如何相加呢，下面就看一个小例子这里我们需要让转账金额这一列数据自动相加，得到总和，就如上面的效果，首先我们想到的是什么呢，肯定是它们是一个加一个这样子依次相加，最后才...
2019-07-24 16:36:07
9250
原创 通过session获取当前登录用户
开发工具与关键技术：Visual Studio作者：肖广斌撰写时间：2019年7月12日我们都知道，如果我们是管理员的话，登录一个软件进去，里面进行的很多操作都是这个管理员在操作的，所以我们在填写一些固定信息的时候，比如说操作员，只要是这个操作员的账户登录了，那么里面的操作都是由这个操作员完成，下面我们来看一个例子这里，我们是根据这个账号登录的，所以我们模态框里面操作员回填的就是这个账...
2019-07-17 17:06:55
11644
原创 Tab选项页面的切换
开发工具与关键技术：Visual Studio 作者：肖广斌撰写时间：2019年6月16日你们的项目中是否有一个页面里面需要放多个不同页面，不同页面中的表格信息也不同的需求呐，我的就有这个需求，在这里，我们可以选择layui插件中的tab选项卡-页面元素，引用layui插件中的element模块和对应的js，把样式调整一下，把表格放进去加载就能实现效果，下面我简单解释一下我实现的效果，如下...
2019-06-16 15:32:57
1358
原创 新增修改共用模态框
开发工具与关键技术：Visual Studio作者：肖广斌撰写时间：2019年6月2日新增和修改共用一个模态框在我们刚开始学习MVC项目的课程里有出现过，只是出现的次数很少，新增修改既可以分开写模态框，也可以共用模态框，共用可以少写一些代码，可以说是一种偷懒的写法，如果新增或者修改出现小错误的话，那么这些错误就会有关联，如果怕出现这种连带性错误，那就分开写吧，下面我说一下现在写的项目用到的共...
2019-06-06 14:51:56
436
原创 Linq查询中嵌套子查询
开发工具与关键技术：Visual Studio作者：肖广斌撰写时间：2019年4月14日在MVC查询中，我们学了基本的简单的Linq单表查询和Linq多表查询，那么我们的查询方式有很多种写法，下面要讲解的是在Linq查询中嵌套子查询的写法，话不多说，先上图这里是我们创建的实体类，实体类相信大家都知道是干嘛用的，就是我们可以把需要用到的数据封装好，放到里面，让它{get;set}，这样我们...
2019-04-14 09:10:43
858
原创 多表查询数据连接方式不同，查询结果也不同
开发工具与关键技术：VS SQL作者：肖广斌撰写时间：2019年4月3日在我们多表查询的过程中，我们想要得到哪些数据，不想得到哪些数据，这跟我们在查询时使用哪种连接方式有关系，当我们使用的数据连接方式不同，那么我们查询得到的结果也就不同，我们多表查询时有哪几种连接方式呢？下面是我简单整理的几种常用的连接方式首先这里的例子是用班级表的主键（班级id）跟学生表的外键（班级id）连接的多表查询...
2019-04-03 17:47:18
821
原创 Linq单表查询与多表查询多种写法
开发工具与关键技术：Visual Studio作者：肖广斌撰写时间：2019年3月30日在刚学的新知识MVC中，学到了Linq查询的方法，Linq查询有单表查询和多表查询，查询的方式也有多种写法，那我们就来简单看看有哪些写法第二种是new出一个匿名对象，这个对象没有被定义，直接就用匿名对象 直接在new出来的时候就给它赋值了。第三种是new一个对象出来，再给对象赋值，这种就是定义了一个...
2019-04-03 17:39:46
2453
2
原创 border-radius属性设置半圆弧线
开发工具与关键技术：DW border-radius属性作者：Mr_肖先生撰写时间：2019年2月18日这是在今天写css3时碰到的，想要弄个微笑的表情却不知如何下手，然后想到了border-radius设置圆角，试了很久还是弄不出来，最后发现了border-radius的一个新的写法，话不多说，看例子： <div class="div1"> <div class=...
2019-02-18 17:43:12
4409
原创 遍历让选中图片高亮
开发工具与关键技术：DW JavaScript作者：Mr_肖先生撰写时间：2019年2月7日我们在html里插入图片，并简单写好样式<div class="top"> <div class="small_img" id="small_img"> <span class=""><img src="imag
2019-02-07 11:02:56
557
原创 背景音乐开关的控制
开发工具与关键技术：DW JavaScript作者：Mr_肖先生撰写时间：2019年1月30日首先我们在html里嵌套好盒子，然后插入一首背景音乐，插入背景音乐的代码（audio），代码如下 <div id="music"> <audio src="music/GENERATIONS from EXILE TRIBE (放浪新世代 from 放浪一族) - H...
2019-01-30 10:29:45
1781
1
原创 鼠标点击哪里图片就移动到哪里
开发工具与关键技术：DW JavaScript作者：Mr_肖先生撰写时间：2019年1月19日首先我们要给html设置一些基本样式，创建与引入一个js文件<!doctype html><html><head><meta charset="utf-8"><title>鼠标点击哪图片就移动到哪</title>
2019-01-19 16:15:34
1158
2
原创 使用JavaScript获取当前时间并显示出来
开发工具与关键技术：DW html css3作者：Mr_肖先生撰写时间：2019年1月18日首先我们需要创建一个html文件，再创建一个js文件，然后引入js文件，我们给html嵌一个div盒子，里面添加一个id名叫timer，在js里需要用到，备注：id名字是自定义的，可以任意，但是要规范。&amp;lt;!doctype html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;
2019-01-18 11:01:18
13575
7
原创 如何简单使用纯CSS3模仿时钟的指针转动
首先我们简单的写好html需要用到的div盒子以及嵌套的内容，代码如下：&amp;amp;lt;!doctype html&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;meta charset=&amp;quot;utf-8&amp;qu
2019-01-16 21:31:57
2151
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人