Mrceel-优快云博客

原创 MAC端VSCode code-runner插件配置 c/c++编译后文件生成路径

请注意该配置为MAC系统上的。window系统可以参考此方法去设置。指定新建的文件夹名，编译后的文件放置区。在VS Code 配置文件()中添加/修改以下配置项。

2024-10-09 11:15:57 572 1

原创基于vite + pnpm monorepo 实现一个UI组件库

模仿element-plus实现一个组件库

2024-07-22 16:39:12 1397

原创 java spring boot 单/多文件上传/下载

通常使用一个byte数组（字节数组）来存放文件流中的数据，每次存取byte数组的长度个数据。拿到返回流后，通过URL.createObjectURL处理文件流，生成一个url，供a标签进行下载！一般前端传文件流（二进制）到后端，后端处理文件流保存到目标位置即可！MultipartFile是SpringMVC提供简化上传操作的工具类。使用这种方式多文件上传时- 其实是一个一个的上传的。就像是个搬运工，每次搬运指定字节的数据，从输入流到输出流直到搬完。就很简单了，直接使用elment-plus的上传组件。

2024-06-25 17:05:41 720 1

原创 websocket使用，spring boot + vite + vue3

WebSocket 是一种网络传输协议，可在单个 TCP 连接上进行全双工通信，位于 OSI 模型的应用层。WebSocket 协议在 2011 年由 IETF 标准化为 RFC 6455，后由 RFC 7936 补充规范。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就可以创建持久性的连接，并进行双向数据传输。SpringSocketController.java 内容如下！

2024-06-25 11:36:03 608

原创 vue3中使用ace-builds，并设置自定义代码提示（Echarts 配置项），添加代码格式化功能

vue3 中使用 ace-builds 添加自定义代码提示，配置代码格式化

2024-01-11 20:43:22 1607

原创 vue3 使用 jsoneditor

vue3 使用 jsoneditor。复制代码放到文件中就能用了。

2024-01-11 15:50:51 3250

原创 vite配置proxy代理单个、多个代理配置。多个代理配置踩坑

因为他们的前置路径一样。会先行匹配掉/cygl/api 在进行下一个代理。这时候就只剩下cyfx了。

2023-11-23 10:59:20 3245

原创 pnpm-workspace实现monorepo 组件库开发

menorepo pnpm-workspace vue vite 组件库

2023-11-01 10:38:54 1080

原创 echarts使用多个dataset，一个canvas上显示多种图

echarts使用多个dataset，一个图上显示多中

2023-07-14 09:29:11 557

原创 Mac 安装使用redis

● redis的配置文件redis.conf存放在/usr/local/etc路径下。● Homebrew安装的软件会默认在/usr/local/Cellar/路径下。在redis.conf文件中把daemonize的值设置为yes。● 方式一：使用brew帮助我们启动软件。查看redis服务进程。

2023-01-14 00:39:28 1049

原创 mac vscode 在所选的每一行的末尾插入光标

mac vscode 在所选的每一行的末尾插入光标快捷键

2022-11-15 09:53:39 1367

原创把 vs Code 添加到右键菜单 ( 其他程序一样 )

把 vs Code 添加到右键菜单 ( 其他程序一样 )

2022-10-30 16:05:07 570

原创 Java poi 4.x 后台导出Excel

java poi导出Excel，

2022-06-23 18:00:08 536

原创 vite+vue3实现对Echarts的动态换肤。及页面动态换肤

页面换肤插件vite-plugin-theme-preprocessor官网使用这个插件很简单就能实现页面的动态换肤Echarts 动态换肤的实现首先在Echarts主题编辑器里边生成想要的颜色主题导入到项目中配置动态切换导入主题文件ps：本人这里Echarts使用的是按需引入，所以需要注册一下，特意试了一下不注册无法换肤。定义全局变量const app = createApp(App)app.config.globalProperties.$echart = ref('

2022-04-21 10:05:40 2464

原创 Echarts 多轴多图实现

效果图基于 echarts 5.2.2官网原话如下：在 ECharts 2.x 里单个 echarts 实例中最多只能存在一个 grid 组件，在 ECharts 3 中可以存在任意个 grid 组件。也就是在Echarts3及以上都可以实现单个实例多个图形。示例图源代码如下，可直接复制到echarts官网实例进行修改查看。以便明白各个属性的具体作用！Echarts官网实例option = { grid: [ // 该数组的每一项代表一个图形相当于一个x轴和y轴 {

2021-11-28 13:03:09 2094

原创 win10 安装gcc

今天安装gcc的时候看了好多文章，千篇一律而且不友好。所以才决定写下来记录一下！下载地址官网地址打开后往下找，具体如图。点击下载：官网下载比较慢，可以去我上传的文件里找找直达车文件名叫 { mingw64.7zx86_64-8.1.0-release-posix-seh-rt_v6-rev0 }不需要积分就能下载（如果没有的话大概是没有审核完预计2-9天审核完成，上传时间 2021-11-11）解压接下来我们把它解压到目标路径，注意：路径不要包含中文名例如：E:\Program Fi

2021-11-11 00:16:29 561

原创 Mac vscode配置c语言开发环境

2021年11月05日16:29:59先检查一下gcc的安装情况gcc -v如果报错， “X…” 什么的执行下面命令：（此语句并不是安装xcode，放心，本人亲测）xcode-select --install-------准备工作完成----打开vscode安装插件Code Runner安装完code runner 后右上角有个图标，如图。这个时候你新建一个.c文件，写个测试代码点击一下运行图标就可以运行了，非常适合新手。关于其他的配置，参考下面链接。很具体ps：虽然看起

2021-11-05 16:52:26 1122

原创 Mac配置cx_oracle连接远程数据库（python3）

本机： Mac 64位python使用的是Anaconda3 => Python 3.8.5cx_oracle 是直接通过 pip3 install cx_oracle 下载的具体版本号我也不知道怎么看。。。oracle即时客户端 19.8 点击此处下载合适的版本文件下载完成后将软件包解压缩到应用程序可访问的单个目录中。例如，在终端中，您可以将你的主目录解压缩：cd ~unzip instantclient-basic-macos.x64-19.8.0.0.0dbru.zip这将创建

2021-10-28 11:30:58 669

原创 vue3子组件通过emit反馈给父组件，会触发两次。

使用 emit 需要先注册在 setup 中使用emit的时候如果不注册会给父组件反馈两次。详情如下 vue.component('ls-unit', { props: { selectedItems: { default: {} } }, emits: ['change'], // 这里需要先注册 setup(props, { emit })

2021-10-25 15:13:35 3417

原创 vite vue3 ant-design-vue 按需引入

版本说明：具体配置// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'/// 以下import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components';/// 以上// https://vitejs.dev/config/export default defineConfig({

2021-09-28 01:59:49 997

原创 vite配置别名，类似webpack的@

vite 配置别名具体配置如下// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/export default defineConfig({ resolve: { alias: { 'vue': 'vue/dist/vue.esm-bundler.js', // 定义vue的别名，如果使用其

2021-09-28 01:31:09 508

原创 vite配置less全局变量

有些东西不记录一下，不久就忘了。好记性不如烂笔头！vite配置less全局变量Less变量文件地址如下：src/assets/styles/base.less方法一// vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path';// https://vitejs.dev/config/export default def.

2021-09-28 00:32:35 7081 4

原创 html video

支持格式一共支持三种格式： Ogg、MPEG4、WebM。MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器播放问题1.video 标签属性 1. video 标签属性 2. src: 设置显示视频路径 3. controls: 显示控制栏 4. loop: 控

2021-08-26 10:24:14 593

原创 vue3 toRef() toRefs()区别

参数区别toRef() 接收两个参数，第一个参数是一个对象，第二个参数是个字符串（其第一个参数的key）。toRefs() 接收一个参数，参数为对象。共同点接收的对象都是响应式对象，也就是经过 reactive() 的对象。ps：如果不是一个响应式对象那么返回值也无法响应化。不同点toRef() 返回值是一个ObjectRefImpl对象。toRefs() 返回值是一个对象，对象的每个key的值是ObjectRefImpl对象。相当于把对象的值设置为 toRef() 后的对象。

2021-07-20 12:09:46 1748

原创 vue3 reactive 和 ref

reactive 和 refreactive()1、返回对象的响应式副本。2、解构会导致数据是去响应化。ref()1、接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。2 、参数接收基础数据类型。不支持对象！特别注意！！！改变 reactive() 解构出来的数据, 视图不会更新，但当更新ref的数据时会更新解构出来的数据对应的视图详细如下（具体代码如下方代码）：1 点击 change ref

2021-07-19 17:27:50 901

原创 mybatis字符串比较

同一个坑踏了两次了！！！<if test = " TYPE == '1' "> 这里的SQL并不能执行 </if>因为 mybatis 使用的是ognl 表达式。会把 1 解析为一个字符！！！而不是字符串。所以java在比较的时候一直都是 false。解决办法1、转换为字符串进行比较<if test = " TYPE == '1' .toString()"> 转换为字符串进行比较 </if>2、使用双引号 “”<if

2021-07-08 16:09:37 6415

原创 linux java 安装与卸载

卸载java1.查找javarpm -qa |grep java2.卸载javayum remove *openjdk*3.输入命令卸载jdk包 rpm -e `rpm -qa |grep java` 4.输入命令强制卸载jdk包 rpm -e `rpm -qa |grep java` --nodeps 查询 rpm -qa |grep java，看看还有没有 java安装java1、开始安装 JDKwget https://download.oracle.com/otn

2021-07-01 18:20:28 317

原创 centos7 在docker中使用oracle并配置持久化

拉取镜像docker pull registry.cn-hangzhou.aliyuncs.com/helowin/oracle_11g创建容器在创建容器之前首先要在服务器或者虚拟机上创建一个data_temp的目录(当然这个名字可以随便取，看个人喜好)，并且赋予可读写权限，为了下面运行容器做映射。mkdir /usr/local/data_tempchown -R 500.500 /usr/local/data_temp创建一个文件目录，用于挂载到容器内，做oracle数据备份时数据存放的位置

2021-06-16 13:40:15 324

原创 mac彻底卸载java指定版本

1 打开终端2 输入sudo rm -fr /Library/Internet/Plug-Ins/JavaAppletPlugin.pluginsudo rm -fr /Library/PreferencesPanes/JavaControlPanel.prefpane3 查找当前版本输入：ls /Library/Java/JavaVirtualMachines/输出：jdk-1.8.0.jdk4 输入sudo rm -rf /Library/Java/JavaVirtualMachines

2020-11-24 17:07:23 1905 2

原创 plsql无法锁定oci dll

原因是缺少配置文件，或者是有文件但没配置没文件先下载文件文件获取地址：链接: https://pan.baidu.com/s/1P-WLIyIpmxin0yRlNiRIZQ提取码: uvrn把下载的文件解压到一个你想放的地方~ （放好就不要动地方了）打开PLSQL 找到首选项如图：根据上图填写填上你的文件地址：第一个框填这个D:\worksApp\PLSQL Folder \instantclient_12_2第二个框填这个D:\worksApp\PLSQL Folder \i

2020-09-09 20:25:43 11242 1

原创 PL SQL 中文乱码解决方案

1、输入sql语句 select userenv('language') from dual 查看数据库字符集2、新建系统变量，设置变量名：NLS_LANG，变量值：SIMPLIFIED CHINESE_CHINA.ZHS16GBK（这里的变量值就是第一步数据库的字符集，即第一步 SQL 语句查出来的东西），确定然后重启 PL SQL 即可。重点在于系统变量的值一定要是第一步查出来的东西！！！重点在于系统变量的值一定要是第一步查出来的东西！！！重点在于系统变量的值一定要是第一步查出来的东西！！！

2020-09-09 20:10:56 426

原创 Sublime text 3 安装使用 Theme Boxy

Theme Boxy作者删除了该插件详细信息>>新版 Sublime Text 3 已经无法正常使用 BoxyTheme 了，就算是复制 BoxyTheme 到 Packages 文件夹过几分钟就会被删除。1 插件资源：链接: https://pan.baidu.com/s/1EgFb_9NcxZJyAvK6DIFJTw 快速访问>>提取码: 1an92 解决办法：刪除插件中的 package-metadata.json 文件, Package Contro

2020-08-17 10:50:08 462

原创 win10 给右键文件、文件夹、桌面菜单添加程序（项）

右键菜单分为在空白处右键（桌面右键）在文件上右键在文件夹上右键对应的目录地址：空白处右键： HKEY_CLASSES_ROOT/Directory/background/shell文件夹右键： HKEY_CLASSES_ROOT/Directory/shell文件上右键： HKEY_CLASSES_ROOT/*/shell例如：在文件夹上添加右键菜单项，添加一个 sublime首先找到 HKEY_CLASSES_ROOT/Directory/shell 目录。首先右键 shell

2020-07-20 11:51:33 8267 2

原创 docker 提交自己的镜像

首先通过容器创建镜像docker commit [OPTIONS] CONTAINER [REPOSITORY[:TAG]]-a :提交的镜像作者；-c :使用Dockerfile指令来创建镜像；-m :提交时的说明文字；-p :在commit时，将容器暂停。将容器 a404c6c174a2 保存为新的镜像,并添加提交人信息和说明信息。C:\Users\mrceel> docker commit -a "ceel" -m "my centos" 6077ef1339ec mycen

2020-07-16 10:51:26 403

原创 win10 docker 挂载本地目录

首先来看一下docker的run命令docker run [OPTIONS] IMAGE [COMMAND] [ARG...]说明一下此处我们需要用到的OPTIONS：-t：为容器重新分配一个伪输入终端，通常与-i同时使用-i：以交互模式运行容器，通常与-t同时使用–volume, -v：绑定一个卷，在执行挂载宿主机目录操作时要用到挂载指令：docker run -it -v D:\docker\wordcount:/home/root/a_dir/ IMAGE冒号前后分别为本地路径和要

2020-07-15 19:11:27 1979

原创 vscode docker 使用远程环境开发

针对没有挂载本地文件夹。安装好docker拉取镜像 centos7生成容器 centos-py(自定义名字)容器内安装 python3启动容器。（保持启动状态）vscode 内安装2个插件： Remote - Containers 、 docker以上都准备好以后。打开 vscode 左下角会有一个蓝色的东东（打开远程窗口），点一下。在弹出的选项中选择： Attach to Running Container… (运行中的docker容器)此时便进入了容器的内部。你可以新建一个

2020-07-15 18:42:54 1722

转载 linux （centos7）配置python3 软链失败（ln: failed to create symbolic link ‘/usr/bin/python‘: File exists）

linux的软连接存放位置cd /usr/bin查看现有python的软连接指向的版本ls -al python建立新的软连接ln -s /usr/python/bin/python3(python 安装目录) /usr/bin/python在执行ln -s /usr/python/bin/python3(python 安装目录) /usr/bin/python 的时候有可能会报错报错信息如下：ln: failed to create symbolic link '/usr/b

2020-07-15 09:52:35 19190 5

原创 uniapp 配置全局scss/less/sass变量

uniapp 配置全局scss/less/sass变量vue.config.jsmodule.exports = { css: { loaderOptions: { sass: { prependData: `@import "~@/assets/name.scss";`// 改为自己路径 }, scss: { prependData: `@import "~@/variables.scss";` // 改为自己路径

2020-07-12 18:50:32 5432 6

原创 vue + iview 使用原生拖拽事件无效问题解决办法

在vue中使用拖拽事件，可以直接绑定使用，例如：.....<div draggable="true" @drag='drags($event, "42225")' @dragstart='dragstart($event)' > 拖拽</div>.....但在使用 iview 的组件的时候这么写是没有效果的，例如：<Row> <Col span='24'> <Button draggable="true" @dr

2020-06-23 11:14:20 1944

原创 Java FreeMarker 编辑导出 word 文档

首先需要一个word文件作为模板，例如${name} 是将要替换的变量。在需要的地方，放上变量会自动替换。如果定义了变量却没有值来替换，会报错。导入依赖 <dependency> <groupId>org.freemarker</groupId> <artifactId>freemarker</artifactId> <version>2.3

2020-06-09 16:03:45 190