- 博客(151)
- 收藏
- 关注
RSS订阅原创 VUE3 学习笔记（14）：VUE3 组合式API与传统选项式API用法
VUE3相较VUE2的亮点很多，作为后端开发置于前端最大的感受就是组合式API（之前采用的是选项式API）；它使得整体更简洁易用,但值得提醒的是官方并未强制要求二选一，尽管如此在同一个项目中还是不要出现两种写法。
2024-06-05 07:15:00
407
原创 VUE3 学习笔记（13）：VUE3 下的Element-Plus基本使用
UI是页面的门面，一个好的UI自然令人赏心悦目；国人团队开发的ElementUI在众多UI中较为常见，因此通过介绍它的使用让大家更好的了解第三方UI的使用。
2024-06-04 20:30:00
585
原创 VUE3 学习笔记（12）：对比Vuex与Pinia状态管理的基本理解
在组件传值中，当嵌套关系越来越复杂的时候必然会将混乱，是否可以把一些值存在一个公共位置，无须传值直接调用呢？VUEX应运而生，但是从VUE3开始对VUEX的支持就不那么高了，官方推荐使用Pinia。
2024-06-04 11:46:28
363
原创 VUE3 学习笔记（11）：vue-router路由要懂的知识点
在前后端没有分离之前，大家通常采用的MVC模式，由后端通过Controller层实现页面跳转，VUE是组件化的特点，说白了就是一个单页面应用（挂载在public/index.html），意味着所有的页面只是各组件的组合。那么控制这些组合就无法通过传统方式进行控制了。VUE 提供了路由配置vue-router进行处理，本文将着重介绍它的使用。
2024-06-03 18:28:47
451
原创 VUE3 学习笔记（10）：必须搞懂Axios 网络请求处理技术
BS开发中最重要的是交互，也就是前端与服务器的通信，最早用的是ajax，因为是同步的；目前最流行的是异步的通信：Axios。
2024-05-30 17:22:18
404
原创 VUE3 学习笔记（9）：VUE 插槽的概念、基本应用、传值
在调用子组件时，我们希望把父组件的HTML传给子组件，那么在引用子组件内部进行定义，然后子组件通过slot标签进行接收
2024-05-29 17:42:35
385
1
原创 VUE3 学习笔记（8）：VUE 组件间传值【父传子、子传父】
具体做法就是在子组件上通过自定义事件（自定义函数）的this.$emit(父组件函数名，传的值)进行实现,也可以通过props 通过传函数,子组件定义接收类型为函数的方式实现父传子。在实际应用中我们需要把子组件的操作反馈给父组件进行响应，例如 列表中通过点击新增调出子组件新增功能，当子组件新增完成后需要对父组件的内容刷新，否则的话就不是一个完整的功能页面。可以在父组件使用中增加：命名，子组件中通过props:["命名"] 接收的方式进行处理。子组件 test.vue。子组件 test.vue。
2024-05-29 15:28:21
522
原创 VUE3 学习笔记（7）：如何简单的理解VUE 组件，并手把手实现一个嵌套组件
VUE 最大的特点就是组件化，理解组件化可视为积木模块，其特点就是增加了复用性。把一个个.vue文件就是组件（又作SFC），组件的组合就是一个功能页。2.在App.vue的JS中引用这个文件，并在template 调用这个组件。1.创建一个test.vue文件。示例创建一个简单的VUE模板示例。
2024-05-29 12:41:11
570
原创 VUE3 学习笔记（6）：data数据的监听、表单绑定、操作DOM
对于data的值的监听，可以用watch中与data中的参数命名一致的值做为函数进行获取监听变动前后的值再做逻辑判断，如下图所示。示例代码。
2024-05-28 18:23:13
526
原创 VUE3 学习笔记（5）：数组处理、计算属性与函数、class与Style绑定
-- 直接使用计算属性调用只调用一次 -->-- 但是方法则每次调用都会计算 -->data(){return{isOk:true},computed:{},methods:{
2024-05-28 18:21:29
320
原创 VUE3 学习笔记（4）：VUE 事件处理、传参、事件修饰
常见的Web事件页面事件Onload --加载Onunload --取消Onscroll --滚动Onresize --大小改变表单事件Onsubmit --提交onchange --变更Onselect --选择Onreset --重置焦点事件Onfocus --得到焦点Onblur --失去焦点鼠标事件Onclick --点击Ondbclick --双击onmouseup --松开Onmousemove --移动Onmouseover --停留。
2024-05-28 14:53:08
708
原创 VUE3 学习笔记（2）：手把手多种方式创建VUE3项目
vscode --VScode开发工具配置文件，用HBuder创建后是没有这个目录的node_modules 项目依赖 类似Java MAVEN下载的依赖文件public --资源文件src --源码assets --css配置文件components --组件库icons --组件资料.gitignore --git配置文件index.html --项目入口文件package.json --项目配置文件 类似Java Maven文件，类似POM.XML。
2024-05-23 08:23:50
183
原创 VUE3 学习笔记（1）：学习前不得不晓得的知识点
大多数后端认为后端不需要学习前端，就像大多数前端认为前端不需要学习后端一样，而这些人始终认同前后端是要分离的，所以需要专业前端与专业后端来协作。在我看来前后端分离（MVVM模式）是一个先进的开发理念，并不要求前后端需要两个不同职责的人协同完成。我们专注是的结果，而结果考虑投入产出比，而绝非专注于技术本身，这就是程序员、架构师、项目经理的区别。前后端不分离的时候产物，由后端控制前端页面跳转，使用Thymeleaf、Freemarker等模板引擎，显然比jsp要方便的多。
2024-05-22 15:04:29
251
原创 VUE 运行NPM 报错：npm ERR! code CERT_HAS_EXPIRED 解决方案
由于各种原因需要调试一下VUE代码，用Git拉下来运行不了（之前是可以正常运行的），报错为：npm ERR!
2024-03-12 15:53:17
695
原创 MySQL下实现纯SQL语句的递归查询
比如采购单，我们需要显示本部门及子部门的采购单显示出来。有一个部门表，部门表中有一个字段用于定义它的父部门；在实际业务中有一个『部门中心』的业务；
2024-03-06 18:40:46
328
原创 在Mac系统下为SpringBoot 配置Maven 【避坑完整版】
这里有几个重点，主要是生成环境变量文件，如果没有生成就谈不上配置。折腾是免不了的，分享给大家，原创不易，转载请注明出处。一、在讨论安装Maven前先安装一下JDK,方式很多，我这里有个比较快的办法，利用IDEA安装。1.4 创建环境变量文（如果没有创建过，这个一定要创建，如果创建过忽略）电脑罢工，操作系统重装，不仅有大量的软件需要安装，还有很多开发环境需要配置。就在今天配置Maven的时候各种坑，写下来供大家参考。1.2 找自己想要的JDK就好了。2.2 解压到用户目录。三、IDEA Maven 配置。
2023-12-12 17:45:51
410
原创 js 通过 navigator.clipboard.writeText(textToCopy) 实现复制，测试环境可以，正式环境不行的解决方案。
测试环境下可以正常复制 ，但放到线上会报错：找不到 .writeText。在 Chrome 的 DevTools 控制台下执行。layer.msg("复制成功");layer.msg("复制失败");安全域包括本地访问与开启TLS安全认证的地址，如。，经查找资料发现是浏览器禁用了非安全域的。对象，哪些地址是安全的呢？
2022-12-09 13:15:07
9641
3
原创 Ubuntu Docker 开启2375端口 【手把手教程】
由于Docker 配置文件是在系统目录并且为只读，所以需要为Ubuntu 配置一个菜单插件用于右键打开文件时能显示“以管理员身份打开”功能，如下图。1.以管理员身份打开对应Docker配置文件：/lib/systemd/system下。开发环境下可以通过此端口直接向部署有Docker的那个服务器直接推送程序。2.Ubuntu 系统升级Docker后（升级后会自动重置配置信息）1.操作系统安装完Docker后。3.再次测试是否可以正常连接。什么情况下需要如此操作？打开终端，运行如下命令。
2022-10-20 09:56:57
1609
原创 git 报Unable to negotiate ...错误解决方案
3.再次打开.ssh文件夹并在文件夹内创建config文件（注意无扩展格式），并配置内容。1.打开问题电脑的系统盘的当前登陆用户文件夹（'C:\Users\你当前的账户名'）如果没有则需要通过命令（CMD）创建，分别通过如下两条命令。2.在这个文件夹中看是否有一个.ssh文件夹。并排队了账户权限问题。
2022-09-23 09:07:16
4700
1
原创 Ubuntu 虚拟化环境太卡 解决方案
（0是最大限度使用物理内存），所以数值越低，速度理论来说是越快；通过情况下把这个值设置为10.照理说上面的配置不会出来卡的情况，开机后运行一段时间后不关机会卡到Dan 痛。操作系统：Ubuntu 22.04。swappiness值配置问题；2.打开的sysctl.conf 的最后配置。（打开终端）通过如下命令可以查看配置的值。虚拟机环境: ets。4.通过终端刷新服务。
2022-09-21 15:13:35
2598
原创 Spring boot 在 Docker环境下的路径映射通用解决方案
Java 程序一般运行在Linux 下如（UB、Docker）等，但是很多开发环境是在Windows下开发的（也有在Windows 下安装Docker ,早前我就是为了怕Ubuntu非桌面麻烦就干脆使用Win10 上安装一个Docker ）；这就会出现移植运行时的路径问题，否则会出错。cmd -> 使用命令把D盘的image文件目标 = /users/images/ 目录。以下是一个文本编辑器的上传功能示例。Windows Docker 运行。......
2022-08-30 10:05:37
1352
原创 Mysql 利用存储过程 实现单据号码（单号）生成器（万能版）
需求：1.在项目开发过程中有一些业务单据我们希望有一个单号，如采购单、请假单等等。2.由于上述每个业务单据都在不同的表里，并且由于项目开发不规范（字段命名不统一，有的把单号叫做Code,有的叫做Number），还有我们希望在销售单单号生成的是SA+日期+流水号，发货单又是S0+日期+流水号。要求： 写一个通用方法（存储过程）以适应上述要求...
2022-07-09 08:52:33
1150
原创 MySQL 自定义函数时：This function has none of DETERMINISTIC, NO SQL 解决方案
解决方案：第一步：进入Mysql (不要进入任何一个数据库)第二步：运行如下SQL语句再执行自定义函数，正常执行
2022-06-23 09:58:24
483
原创 我的VUE 学习之路（下）
零、准备下载与配置Vue CLI注意事项：一、Vue 项目走步1.1.项目创建1.2.项目结构1.3.项目文件 系统处理顺序个人理解是：public/index.html -> main.js->App.vue（如果不对请留言指正）1.4.项目示例HomeView.vue 文件调用模组Demo.vue二、反向代理概念它存在的意义在于解决跨域问题,主要是通过修改vue.config.js 处理。（ps:修改后要重新启动一下才生效）三、路由四、Vuex五、elementUI 、MintUI总
2022-06-13 09:20:14
6997
1
原创 Java 中的Date 与LocalDateTime 相互转换的解决方案
需求： 我们在开发过程中会把Date与LocalDateTime同时使用，或者使用Date但想使用LocalDateTime的方法（比如拿年、小时、分等做比较非常简单），这时我们需要把二者相互转换。1.Date 转 LocalDateTime示例companyWorkTime类startTime 、endTime是DateDateTimeFormatter df = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss")...
2022-05-21 09:28:08
3522
原创 苹果操作系统 Mac OS 查看网络中电脑的端口是否开放
通过Ping指定是行不通的方法1： 安装telnet推荐 方法2：通过命令nc -zv -w 2 -u 192.168.1.9 2375解释：把 192.168.1.9 换成对方电脑的IP或者计算机名把2375换成你要测试的端口显示显示成功！...
2022-05-04 10:30:12
5983
原创 IDEA 环境下的老项目Maven依赖无法下载 解决方案
场景在开发的过程中我们要向优秀的开发者学习，最重要的一条就是看他们开源的项目代码，其中我们学习其长处，客观地分析其不合理处，这样才能持续进步。症状 手上有一个2018年开源项目，IDEA 打开后下载不下来Maven[pom.xml 到处报红],自然项目无法运行。解决思路1.pom有问题 【对比正常项目未发现有问题】2.手动下载Maven如下图：【显示下载超时出错】再分析老项目在新环境下不兼容，比如较老的项目{...
2022-04-23 08:29:55
1855
原创 IDEA 环境下直接在Docker调试
需求之前前后端开发都是一个人的时候，直接在项目中运行然后前端调试，这个自然没有什么问题，但前后端不是一个人或一个团队的时候就不能直接运行项目调试，因为大家都要承担开发任务，后端的反复重启对前端会造成前端调用错误的错觉当然 解决方案也不是没有，就是复制出来一个项目，修改一下端口号然后运行，这样容易会出现修改代码时修改到复制出来的项目上面去。 此时 把项目运行到Docker上是最明智的选择。环境操作系统:macOS 12.2.1IDEA...
2022-04-22 13:24:45
3816
原创 docker 安装Consul 手把手教程
前言首先去了解一下什么是Docker,其次再了解一下Consul其它博文都有详细说明，本文着重介绍Docker下安装Consul环境操作系统：mac OS Monterey 12.2.1docker版本：4.6.1一、拉镜像打开命命令工具docker pull consul二、启动2.1 使用命令工具启动（创建一个consul1）docker run --name consul1 -d -p 8500:8500 -p 8300:8...
2022-04-22 09:19:21
4203
原创 Mybatis Plus 扩展mapper接口与mapper xml文件不同目录 解决方案
场景说明尽管我使用Mybatis Plus 带来很多方便，但是大多情况下我们需要在一定逻辑下实现对应的业务（失去逻辑的业务没有意义）。于是我的做法，使用代码生成器生成Mybatis Plus 基础方法，然后再定义一个逻辑目录如Biz;同时在此目录下再创建对应的service目录、service\impl 目录、mapper目录、mapper\xml目录。{ps:我没有创建controller目录是因为基础目录里已经有了，直接用就行了}问题说明 ...
2022-04-21 17:28:31
3758
原创 MacBook Pro M1 Parallels Desktop 安装Win11
首先说明现在是2022年3月份，我所用的是新款MacBookPro M1 ，操作系统是MacOS 12.2在这个时间段有相当多的软件还不能支持苹果M1芯片；那么扯淡的是就需要安装一个Windows 操作系统做个过度。1.下载虚拟化软件Parallels （推荐 官网下载）2.安装软件（这里就不讲了）3.（重点）我在使用这个软件自动去下载Win11时，安装进度一直卡死。（至少截止到今天是这样的）4.下载支持RAM的Windows 操作系统 手动安装（注意，我的这个环境，这个电脑只能.
2022-03-30 16:04:07
3923
5
原创 Mybatis Plus 精华教程
引言Mybatis Plus 是继承了Java的精髓：MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。（引用官方原话） 在这里我想说几句题外话：1.推荐跳过Mybatis ，直接学MybatisPlus2.要掌握最好熟练使用SQL3.本文尽提取常用的一些知识点，这个远远没有官方资料更详尽！所以遇到问题多去官网查文档（文档是中文的，不用担心）。筹备数据库：mysql8.0.27 表：...
2022-03-25 11:04:59
2066
原创 Mysql 时区问题 now() 不正确 解决方案
描述我的电脑是Mac操作系统、上面安装了Docker,在容器里安装了Mysql 8.0.22版本当我用 select now() 时发现时间是与正常的北京时间差好几个小时，因此会造成数据混乱的情况。解决办法1.进入Docker (我的是桌面版，也可以通过命令进入)2.可以通过如下命令查看时区date -R3.设置时区，则通过如下命令cp /usr/share/zoneinfo/PRC /etc/localtime4.重新启动Mysql 再通过SQL 查看当
2022-03-19 15:10:30
4947
原创 后端必备的javascript基本知识
引言： 一个前端可以不具备后端知识的，但一个合格的后端开发一定具备一些前端的基本技能；如：HTML5 \ CSS \ javascript \ jQuery \ VUE 等等 本方旨在总结javascript 一些在工作中积累。一、JS 之我见JS 是一个弱类型语言，虽然没有那么要求严格，但一定要严格要求。 JS的定义推荐放在body标签之后，不建议放在body之前。二、基础知识2.1 变量变量的定义推荐使用 var 声明变...
2022-02-24 11:31:29
1281
原创 Spring Boot 获取IP
在实际项目中，我们通常是需要拿到客户的IP用于分析客户所在的区域；例如：我们开发的系统需要用户在固定的一个区域内登陆，否则认为此用户是风险登陆。特别注意：有些系统需要使用了代理，因此要考虑到代理因素。实现过程：1.建立一个工具类package com.flo.util;import javax.servlet.http.HttpServletRequest;import java.net.InetAddress;import java.net.UnknownHostExcept
2021-11-18 13:07:11
1807
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人