Vue2-深度掌握
Vue 框架 Vscode-自定义代码片段 配置步骤 Vscode-配置过程 Vue 代码片段 Vscode 基本配置过程 vueTemplate 搜索 html.json, 添加已经给出的具体模板即可【注意: 更改 Vue 本地路径至匹配路径】 Vscode 中键入 vue,按下回车, 即可生成对应代码模板 12345678910111213141516171819202122232425262728{ "Html5-Vue": { "prefix": "vue", "body": [ "", "\n", "", "\t
ElementUI-日期选择器
日期选择器 页面效果 页面效果 组件源码 12345678910<!-- daterange: 范围选择类型 format: 绑定后表单中显示的格式 value-format: 传递时显示的格式 --><template> <el-date-picker v-model="rangeTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"> </el-date-picker></template> 数据绑定 12<!-- v-model="rangeTime&quo ...
Java 基础测试
Java 基础测试 2023-6-7 code 1234567891011121314151617181920212223package com.example;public class Test2 { public static int add(int a, int b) { try { return a + b; } catch (Exception e) { System.out.println(e); } finally { System.out.println("finally..........."); return a - b; } // TODO: 语法错误 // return 0; } public static void main(String[] args) { ...
Vue-组件数据通信
组件数据通信父组件 => 子组件 props 父组件 12345678910111213141516171819202122232425262728293031
Vue3-项目实战
Vue3-项目实战 Vue3 的优势 优势 优势 项目初始化 环境 node 16+ 项目初始化 12# create-vue 是 Vue 官方新的脚手架工具, 底层切换到了 vite(下一代前端工具链), 为开发提供极速响应 npm init vue@latest 选项 项目启动 安装依赖 12npm config set registry https://registry.npmmirror.comnpm install 项目启动 1npm run dev 熟悉项目目录和关键文件 关键文件 vite.config.js: 项目的配置文件基于 vite 的配置 package.json: 项目包文件核心依赖项变成了 vue3x 和 vite main.js: 入口文件,createApp 函数构建应用实例 app.vue 根组件 SFC 单文件组件 script-template-style 变化一: 脚本 script 和模板 template 顺序调整 变化二: 模板 template 不再要求唯一根元素 变化三: 脚本 script 添加 setup 标识 ...
后端常用实现数据库的逻辑删除 MybatisPlus 数据表添加字段 is_deleted 12-- 0: 代表该数据未被删除 alter table [table_name] add column is_deleted tinyint default 0; 实体类 12345678910111213141516171819202122232425package com.example.zhxy.entity.pojo;import com.baomidou.mybatisplus.annotation.TableField;import com.baomidou.mybatisplus.annotation.TableLogic;import com.fasterxml.jackson.annotation.JsonIgnore;import io.swagger.annotations.ApiModel;import io.swagger.annotations.ApiModelProperty;import lombok.AllArgsConstructor;import ...
JSON-框架的具体使用
JSON-框架的具体使用非 SpringBoot 项目 Jackson Jackson 是另一个流行的 JSON 序列化和反序列化库,具有以下特点 速度快:Jackson 采用了高效的 JSON 解析算法和字节码生成技术,使得其序列化和反序列化速度非常快。 支持全类型序列化:Jackson 能够序列化所有类型的对象,包括复杂类型和自定义类型。 功能强大:Jackson 提供了很多高级特性,如 JSON 映射、注解和 JSON 树模型等,使得其在企业级应用中得到广泛应用。 依赖 1234567891011121314151617181920212223242526272829
org.projectlombok
lombok
1.18 ...
正则总结
正则总结 WebStorm 快速删除 console.log 使用快捷键 Ctrl + Shift + R 输入``console.log((.*));?` 在下方按下空格 点击 replace all 快速删除 console
IDEA-插件安装总结
IDEA-插件安装总结主题 One Dark 字体 ER Kurier 1251(Bold) ChatGPT Bito Save Actios 插件市场搜索不到直接在浏览器内搜索, 下载后保存在一个不被删除的文件夹内, 将 jar 文件直接拖动到 IDEA 可以直接完成安装, 之后再重启 IDEA
NVM-无缝切换 Node 版本
NVM-无缝切换 Node 版本 如果未使用 nvm 之前已经下载了 node,并且配置了环境变量, 那么此时删除这些配置 (Node 的环境以及 Node 软件), 使用 nvm 是为了在某些项目中使用低版本的 node NVM 下载 进入 github 的 nvm readme: https://github.com/coreybutler/nvm-windows#readme, 点击 download 下载 (Download Now) 点击下载: https://github.com/coreybutler/nvm-windows/releases/download/1.1.11/nvm-setup.exe 下载完毕后点击使用右键以管理员方式安装 终端中输入下列命令启用 1nvm on 在终端获取安装路径 12# 显示当前安装的 nvm 家目录 nvm root 获取安装的家目录 进入 nvm 家目录, 在显示的目录下新建 settings.txt 12345678# 删除带有 # 以及后面的内容, 因为文件格式为 txt 不支持注释 root: C:\Users\ ...
前后端分离下的 SpringSecurity 完整的流程 登录表单提交后的完整访问流程图 SpringSecurity 完整流程图 项目创建 使用 SpringBoot 初始化器创建 SpringBoot 项目 修改项目依赖 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
SSH-GIT 多账户最佳实践配置
SSH-GIT 多账户最佳实践配置 为每个 GitHub 账户生成一对 SSH 密钥,以及一个 Gitee 账户的 SSH 密钥 1234# ed25519 / rsassh-keygen -t ed25519 -C "123456@qq.com" -f ~/.ssh/coder_itl_githubssh-keygen -t ed25519 -C "123456@gmail.com" -f ~/.ssh/itl_coderssh-keygen -t ed25519 -C "123456@qq.com" -f ~/.ssh/coder_itl_gitee 将每个公钥添加到相应的 GitHub 或 Gitee 账户中。您可以通过以下方式复制公钥 123clip < ~/.ssh/coder_itl_github.pubclip < ~/.ssh/itl_coder.pubclip < ~/.ssh/coder_itl_gitee.pub 接下来,打开每个账户的网站,并将公钥添加到相应的账户设置中。 创建一 ...