- 博客(81)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 sqlserver中嵌套存储过程，名称相同的临时表是否是公用的？
摘要 存储过程嵌套调用时，若内部和外部使用相同名称的本地临时表（以#开头），会导致运行时出现"临时表已存在"错误。这是因为本地临时表在嵌套结构中可见，内外存储过程操作的是同一张表。解决方案是修改内部存储过程的临时表名称，避免与外部名称冲突。这种设计避免了编译时报错，但在运行时才会暴露问题。
2025-06-24 09:31:27
24
原创 npm install时，遇到digital envelope routines::unsupported
Vue项目npm install报错解决方案 当升级Node.js至17及以上版本后，执行npm install时可能出现OpenSSL相关错误。这是因为Node.js 17+对OpenSSL进行了更新。 解决方法：在package.json的scripts配置中，为dev命令添加环境变量SET NODE_OPTIONS=--openssl-legacy-provider，以启用旧版OpenSSL提供程序。 此方案简单有效，无需降级Node.js版本即可解决问题。
2025-06-23 11:17:34
99
原创 vue前端项目执行dev时，莫名报错无法启动
开源项目不要放在中文目录下，否则可能导致程序莫名报错退出且无错误提示。这是开发过程中常见的问题，修改为英文路径即可解决。
2025-06-23 11:10:49
87
原创 如何让input能够像select一样，实现选择和输入功能
通过使用HTML5的<datalist>标签实现输入框既可选择又可输入的功能。在代码中，input元素关联datalist，通过AJAX获取数据生成选项列表。这与动态select类似，但提供了更好的用户体验。关键点包括：input的list属性关联datalist的id；JavaScript动态填充datalist选项；支持自由输入和选择两种操作方式。这种方法适用于需要灵活输入的场景。
2025-06-18 10:01:40
120
原创 It‘s not allowed to import. Please import from @umijs/max or the corresponding plugin.
解决useModel引用问题，将import { useModel } from '@/.umi/plugin-model'替换为import { useModel } from '@umijs/max'即可。这是Umi框架的最新推荐用法，简单调整导入路径就能解决问题。
2025-05-29 09:41:21
189
原创 项目使用的jdk与本地jdk不同时，如何解决
问题描述：从码云获取的JDK8项目在本地JDK21环境下运行报错，提示NoSuchFieldError。解决方法：安装JDK8（建议使用压缩包而非安装程序）在项目设置中指定使用JDK8（非全局修改）操作步骤如图所示：配置项目SDK为下载的JDK8版本注意事项：JDK名称可自定义，避免使用安装程序以防自动添加环境变量。
2025-05-28 10:54:19
180
原创 StyleLint入门配置
我们了解到JS有ESLint来检查代码是否编写正确以及规范，那么CSS是否也有相同的工具来检查，今天我们就来了解一下CSS的检查工具StyleLint这只是辅助开发的工具而已，大家会用就行了，也支持大家去慢慢研究，全凭自己喜好即可httpshttpshttps。......
2022-07-21 09:27:04
4796
原创 ESLint入门配置
JS语言是弱语言，我们在编写时，只有运行时才能知道错误的地方，无法在编译时就知道，这就导致了我们会浪费大量的时间去排错。ESLint就是使JS在编译时就让错误暴露出来，这也是它存在的意义。其实ESLint只是一个辅助工具，用来帮助我们在写前端代码时，能够遵循统一的代码风格。我们只需要知道怎么用即可，不要像我当初，对着官方文档就一直在磕，没多大的意义。https。......
2022-07-18 17:07:14
519
原创 vue + SpringBoot + Kaptcha + redis 配置登录验证码
文章目录前言一、导入jar包二、安装redis三、编写验证码配置四、编写redis的工具类五、编写UUID的工具类六、编写验证码的常量类七、编写Base64Utils类八、编写获取验证码控制器九、vue前端获取验证码十、结果图总结前言在写登录页面时，看很多的项目都会在登录中加入验证码这一功能，那就让我们来看看如何实现一、导入jar包<!-- redis --><dependency> <groupId>org.springframework.boot
2022-05-10 15:13:45
863
原创 Vue简单使用axios进行请求响应
文章目录前言一、axios是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：我们在写html页面时，要么使用的是原生的js来进行请求，要么使用jquery的ajax来进行请求，现在我们在学习vue的时候，vue作者建议我们使用axios来进行请求，那么接下来让我们来看看吧一、axios是什么？其实简单来说，就是专门用来处理请求和响应的插件，你也可以这样二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pa
2022-05-10 08:40:12
1243
原创 解决Vue跨域访问后端API问题
文章目录前言一、vue.config.js文件二、配置代理参数总结前言我们在写前后端分离的时候，请求后端接口是必要步骤，但是这个时候就有个问题，因为前段和后端是归属于不同端口，我们在直接访问后端时，会触发csrf（跨站请求伪造）一、vue.config.js文件vue项目中可选的配置文件，你可以选择用这个文件去配置vue项目，也可以选择在package.json文件中vue字段去配置，但是你需要严格按照json的写法提示：我创建完项目之后，里面没有vue.config.js文件，所以我自己在
2022-05-07 09:16:25
5065
1
原创 如何配置Vue环境
文章目录前言一、Vue CLI的三种模式二、如何改写当前模式1. 通过命令行2. 通过环境文件三、定义环境文件中的变量四、如何使用环境文件中的变量五、环境文件加载优先级总结前言当我们使用不同模式启动项目时，对应的环境变量也是不一样，如何选择正确的环境变量就是我们需要去解决的问题一、Vue CLI的三种模式当我们使用 Vue CLI 创建项目时，默认自带了三种模式提示：但是我创建完项目，并没有找到test模式二、如何改写当前模式1. 通过命令行vue-cli-service build
2022-05-06 10:20:33
1714
原创 简单配置Mybatis，Druid访问MySQL数据库
文章目录前言一、Mybatis是什么二、Druid是什么三、使用步骤1. 导入Jar包2. application.yml配置Druid数据源3. application.yml配置Mybatis扫描XML路径4. 配置DAO层映射器总结前言如何使用Mybatis，Druid访问MySQL数据库一、Mybatis是什么一个半持久层框架，持久层框架简单理解就是操作数据库的框架，Mybatis需要使用者自行编写SQL语句，来进行数据库的操作，所以是半持久层框架二、Druid是什么是阿里巴巴开发的
2022-05-04 11:56:13
1353
原创 创建闲简居后端项目
文章目录前言一、创建项目二、导入Jar包总结前言如何创建一个SpringBoot后端项目一、创建项目选择File > New > Project选择Spring Initializr创建项目填写Group和Artifact如何填写Maven项目的Group和Artifact我填写的 Group：cn.only，Artifact：xjj，jdk：8二、导入Jar包<!-- web项目 --><dependency> <group
2022-05-03 15:47:46
504
原创 idea配置maven
idea配置mavenidea默认是集成了maven的，如果我们想使用自己的maven，需要去设置这是官网的配置说明打开idea，找到头部工具栏中的file2. 找到file下面的settins配置maven，如果你找不到，你可以直接搜索maven，就能出来了...
2022-05-03 14:32:28
393
原创 maven本地仓库配置
新建本地仓库我是在maven文件下创建的文件仓库，名字的话，自己随便定义吧修改settings.xml文件进入conf文件夹就能找到这个文件，然后在文件中添加你创建的仓库地址添加阿里远程仓库<mirror> <id>alimaven</id> <name>aliyun maven</name> <url>http://maven.aliyun.com/nexus/content/groups
2022-05-03 14:13:25
443
原创 安装maven
maven是什么构建java项目的工具，简单说就是创建java脚手架，你在这个脚手架上添加你自己的代码maven有什么作用创建java项目jar包的管理构建流程，比如打包，测试，发布，编译这些（这一步不理解没关系，我也不大理解，等你用了之后就了解了）下载mavenmaven官网随便选个压缩包下载了就行了，没有太多的讲究安装maven首先你得先去安装jdk，这里就不教了，百度一大把，jdk的版本在1.8或者以上将你下载的压缩包，随自己的喜好，放在哪里解压出来然后将文件夹中的bi
2022-05-03 13:47:02
282
原创 安装vue路由
打开创建好的vue项目查看安装的vue版本这一步是确认你项目用的vue是什么版本，避免因版本冲突而安装不上路由插件我用的是2.x的vue，所以我要用3.x路由插件安装路由插件@后面可以指定插件的版本，你可以指定模糊大版本，比如3或者4，也可以指定具体版本，比如3.5.3，指定大版本的话，默认是给你安装这个大版本中最新的小版本npm install vue-router@3查看安装成功项目中的package.json文件中，如果出现了路由插件的名称，那就安装成功了...
2022-04-27 16:30:54
735
原创 Babel是什么
简单理解就是将用ES2015语法编写的代码转换为向后兼容的JavaScript的代码例子// Babel 输入： ES2015 箭头函数[1, 2, 3].map(n => n + 1);// Babel 输出： ES5 语法实现的同等功能[1, 2, 3].map(function(n) { return n + 1;});...
2022-04-27 16:00:15
144
原创 创建vue-cli项目
1. 安装vue-clinpm install -g @vue/cli2. 检查是否安装成功vue --version3. 创建项目vue create hello-world选取默认的就行了vue项目就创建完成了，只需用编译器打开就行了
2022-04-27 14:38:49
626
2
原创 解释器模式
简单理解用定义的语法规则，来规范限制传入的参数例子：定义日期格式为yyyy-MM-dd，我传入的参数为2022-04-26 8:30，那么经过格式化之后，结果为2022-04-26优点扩展性好容易实现缺点执行效率低会引起类膨胀可应用的场景比较少终结符和非终结符的区别终结符：代表不可以再拆分非终结符：代表可以再拆分结构抽象表达式：约定解释器的操作终结符表达式非终结符表达式环境类哪些场景需要应用当语法（集合）的文法（对象）简单，且执行效率不是关键当问题重
2022-04-26 11:48:53
1286
原创 备忘录模式
定义在不破坏封装性的条件下，在该对象之外保存这个对象，便于以后改变对象的值后，可以使该对象恢复到之前的样子。该模式又称快照模式。结构发起人：当前时刻的状态，提供创建备忘录和恢复备忘录的操作备忘录：记录发起人当前时刻的状态管理人：对备忘录进行保存和获取的操作，但是不能对其有编辑的操作结构图优点提供了方便的恢复机制实现了内部封装，除了发起人能够访问，其它人都不能访问符合单一责任原则，将当前状态，备份状态，管理状态三个功能区分开来参考文章C语言中文网 Java设计模式 备忘录模式
2022-04-22 14:33:35
1050
原创 访问者模式
简单例子一个景点，每个游客对这个景点的评价都不一样定义将数据结构（集合）中每个元素（对象）的操作逻辑分离出来，使在不改变数据结构的前提下，为每个元素添加访问方式（操作逻辑）优点拓展性好，可以在不影响数据结构的情况下为元素添加操作逻辑复用性好，我们对元素执行不同的操作时，数据结构不用变，变得只是访问者灵活性好，我们可以在改变操作逻辑时，不影响数据结构单一职责原则，每个访问者都有自己的操作逻辑，使每个访问者都只做自己的事情缺点数据结构中，每增加一个元素，访问者都要相对应的增加操作逻辑，
2022-04-21 10:24:03
139
原创 谷歌浏览器批量删除书签
方法1按住Ctrl，可以选择多个书签删除方法2按住Shift，点击第一个书签，然后拖动屏幕滚动条到底部，然后点击最后一个书签，中间部分的书签就全部勾选上了，这个适用于书签全部删除
2022-04-21 08:47:53
5703
原创 迭代器模式
定义用一个对象，来顺序访问聚合对象中的数据，而不暴露聚合对象的内部表示结构抽象聚合类具体聚合类抽象迭代类具体迭代类优点方便拓展，不需要修改原有代码封装性好，为不同的聚合类提供了统一的接口缺点导致类的个数增加，增加了系统的复杂性结构图参考文章C语言中文网 - Java设计模式 迭代器模式...
2022-04-20 10:54:31
855
原创 Vue.js 过渡简述
1. 所有类名2. 例子**需求：**有一段居中显示的文字，需要让它从右边出现。这里只讲述 enter，因为enter 和 leave都是同理的。解决方法：上面需求中的 从右边出现 就是 过渡的开始状态，我们在 v-enter 使用 margin-left:10px 将文字初始化在右边，这样我们在进入时，该文字就会在右边了，而不是居中。使用 v-enter-active 定义过渡效果。我们要使文字回归原处，回归居中位置（过渡的结束状态），你可以在 v-enter-to 中使用 margin
2021-08-17 12:00:16
159
原创 vertical-align简述
<p> <img src="图片" style="width:50px;height:50px;vertical-align:middle;"> <a href="">test</a></p>官网说明：vertical-align 属性设置一个元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式
2021-08-14 15:28:34
230
原创 Vue项目下命名规范
文件夹在 components 文件夹下的文件夹，用 PascalBase 风格其余用 kebab-case 风格文件在 components 下的文件，用 PascalBase 风格其余用 kebab-case 风格
2021-08-11 20:28:04
310
原创 用VS Code写一个Vue项目需要用到什么（持续更新）
EditorConfig：取代开发工具或者编辑器的格式化排版，具体使用可自行百度。EditorConfig for VS Code：VS Code插件，可自行在VS Code里下载，会使VS Code去读取EditorConfig文件取代开发工具默认排版。ESLint：制定编写js的规则，使其编写js时，必须按照规则走。ESLint：VS Code插件。Vetur：VS Code插件，使Vue文件具有代码高亮。Prettier：可以根据不同文件类型制定不同的排版风格，跟第一个作用是..
2021-08-09 17:02:25
1751
原创 EditorConfig for VS Code简述
1. EditorConfig for VS Code是什么？简单来说，就是使大家的代码排版一致// 未使用EditorConfig for Vs Code前function a(){ // 两个空格缩进 alert(a);}function b(){ // 一个tab缩进 alert(b)}// 使用EditorConfig for Vs Code后function a(){ // 一个tab缩进 alert(a);}function b(){ // 一个t
2021-08-07 10:53:07
13383
4
原创 Provide & Inject 的使用
1. 作用当组件树过于庞大时，其中一个子组件需要调用父组件中的数据就很麻烦，因为要按阶层一个一个往下传。这个时候就要用到 Provide & Inject父组件只需要 Provide 数据，而子组件只需要 Inject 数据2. 使用const app = Vue.createApp({})// 父组件app.component('todo-list', { data() { return { todos: ['Feed a cat', 'Buy ticket
2021-08-02 16:59:15
141
原创 插槽（slot）
1. 作用类似于广告栏，可随意替换其内容<!-- 组件模板 --><button class="btn-primary"> <slot></slot></button><!-- 使用组件模板 --><todo-button> Add todo </todo-button><!-- 结果 --><button class="btn-primary"> Add
2021-08-02 16:08:15
260
原创 初识分布式
1. 什么是分布式简单理解就是，将一个程序的多个业务（你可以理解为用户模块和角色模块）拆分开来，放在不同的服务器中，它们之间利用通信来传递数据。2. 什么是集群简单说，就是相同的代码放在多个服务器中，多个服务器就形成集群。3. 什么是RPC协议两台服务器，a服务器中的代码调用b服务器中的代码。首先这个只是一种概念，一种用于解决不同服务器之间方法的调用问题。看到这，你再看下第一条，是不是有思路。分布式的本意是把 一个拆分成多个，之间使用通信来传递数据，那么这个通信问题要怎么解决呢？就有了RPC！
2021-07-24 19:00:28
152
原创 如何创建一个vue项目
环境配置：node.js (javascript运行环境，如果是学过java的，你可以理解为jvm)npm (导包工具，顾名思义就是导入前端js和css，你可以理解为maven导包功能的实现)vue-cli （创建vue项目的构建工具，你可以理解为maven创建maven项目功能的实现）webpack (打包工具，你可以理解为maven打包项目功能的实现，由它打包到node.js运行)其中 npm 由node.js内置了，而webpack由vue-cli内置了，所以你只需要安装node.js和
2021-07-23 11:55:01
238
2
原创 Java后台通过URL请求获取返回的数据
public class HttpUtils { private static Logger log = LoggerFactory.getLogger(HttpUtils.class); public static String sendGet(String url, String param, String contentType){ StringBuilder result = new StringBuilder(); BufferedReader i
2021-07-17 19:56:29
1164
原创 理解Java三层架构和MVC三层架构
三层架构视图层业务逻辑层持久层MVC架构控制器层 C模型层 M视图层 V个人理解三层架构来自于Servlet的年代，那个时候JSP就是后台代码与页面是结合在一起的，所以视图层包含了后台处理请求以及页面，把业务逻辑以及持久层独立出来。这个时候就会有困扰，页面中包含了大量后台代码，极难维护。到了Spring的年代时，把后台处理请求和页面独立出来，形成了Controller和View，把业务逻辑层以及持久层，实体类（JavaBean）整合成一个Model。Controller就只处理请
2021-07-13 20:09:43
194
4
原创 logback基本设置
logback依次寻找配置文件logback-test.xml logback.groovy logback.xml 通过 JDK 提供的 ServiceLoader 工具在类路径下寻找文件 META-INFO/services/ch.qos.logback.classic.spi.Configurator 通过 BasicConfigurator 为自己进行配置，并且日志将会全部在控制台打印出来设置变量<configuration> <!-- 设置变量
2021-03-22 20:59:01
893
原创 Core Java 第十七章 输入/输出:探究java.io
1.File（文件类）2.目录3.FilenameFilter:过滤文件4.mkdir：创建目录，不包括父目录；mkdirs：包括父目录5.Java的流式输入/输出建立在四个抽象类的基础上：InputStream，OutputStream，Reader，Writer6.缓冲字节流 BufferedInputStream，BufferedOutputStream7.序列化把一个对象写入一个字节流的过程。8.Serializabel接口...
2021-02-27 20:25:52
131
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人