代码编织梦想

二、vue3+ts项目框架搭建——必备工具_vue3使用ts需要什么插件-爱代码爱编程

开发必备工具的准备 —— 提升效率 1.1集成element-plus1.2src别名的配置1.3环境变量的配置1.4SVG图标配置使用1.4.1svg使用1.4.2svg封装为全局组件1.4.3批量注册全局组件-使用自定

三、vue3+ts项目框架搭建——路由_vue3+ts配置路由-爱代码爱编程

安装指令 pnpm install vue-router 配置路由文件 /src/router/index.ts 路由文件单独提取 src\router\index.ts //通过vue-router

十一、vue3+ts项目框架搭建——点击刷新实现页面刷新——组件重加载_ts怎么刷新页面-爱代码爱编程

实现思路 点击刷新,将内容区域组件重新加载即可 在pinia中定义刷新状态refresh为 false点击刷新按钮 将状态修改refresh为 !refresh在内容区组件 router-view 处 watc

十二、vue3+ts项目框架搭建——实现全屏模式_vue3 ts容器设置全屏-爱代码爱编程

使用DOM 的属性和方法实现,会存在不同浏览器兼容问题,可使用插件实现 //全屏按钮点击的回调 const fullScreen = () => { //DOM对象的一个属性:可以用来判断当前是不是全屏的模式【全

七、vue3+ts项目框架搭建——动态菜单—递归组件的使用_vue3+ts创建动态菜单-爱代码爱编程

layout布局 左侧菜单menu页面刷新后默认高亮 左侧菜单组件 Menu <template> <template v-for="(item, index) in menuList

一、vue3+ts项目框架搭建——规范_ts项目搭建-爱代码爱编程

新建项目及规范配置 1.1项目初始化 1.1.1环境准备1.1.2初始化项目 1.2项目配置 一、eslint配置 1.1vue3环境代码校验插件1.2.eslintrc.cjs配置文件 1.3运行

四、vue3+ts项目框架搭建——pinia_ts pinia-爱代码爱编程

对比 Vuex优点: Vue2和Vue3都支持,可以定义为选项式和组合式API形式pinia中只有state、getter、action,没有mutations和modelspinia中action支持同步和异步,Vuex

五、vue3+ts项目框架搭建——全局scss变量定义及使用_vue3+ts scss-爱代码爱编程

定义 variable.scss 存放全局变量 // base color $blue:#324157; $light-blue:#3A71A8; $red:#C03639; $pink: #E65D6E; $gree

十五、环境变量和代理跨域及api的定义-爱代码爱编程

环境变量的定义 在根目录下新建三个环境变量配置文件 .env.development(开发环境).env.test(测试环境).evn.production(生产环境)分别定义开发环境、线上环境和测试环境的变量 webp

spring+websocket整合-爱代码爱编程

将与Spring有关的jar包的版本都升级为4.0.0以上,并且在web.xml中将<web-app>里面的version改为"3.0"1 在maven的pom.xml中加入websocket所依赖的jar包 <!-- https://mvnrepository.com/artifact/org.springf

vue3+element plus+mockjs+echarts手把手搭建一个简易框架代码-爱代码爱编程

目录 前言 1、vue-cli创建项目 2、按照习惯在vue.config.js配置 一些东西 3、element-plus相关设置 3.1 安装 3.2 按需引入(这里有坑) 3.2.1 安装所需依赖 3.2.2 在vue.config.js添加如下配置 3.2.3 验证element plus的按需引入(坑在这里) 3.3 el

vue3中axios如何搭配mockjs模拟接口自动引入模块,且每次请求接口的数据都不一致_vue3 mockjs 未生效-爱代码爱编程

目录 1 axios相关 1.1 引入axios 1.2 添加请求拦截 1.3 使用axios调用接口 1.4 测试axios是否成功 2 mockjs相关 2.1 首先安装mockjs 2.2 根据自己的需求,创建一个文件夹,用于存放模拟接口的代码 2.3 在_modules创建一个文件test.js,编写一个测试代码 2.4 在mo

springboot整合swagger2_return new docket(documentationtype.swagger_2);-爱代码爱编程

基础配置: 一、 pom.xml中引入swagger的依赖 <!--引入swagger2--> <dependency> <groupId>i

spring boot+jpa框架搭建_org.springframework.boot:spring-爱代码爱编程

spring boot+jpa框架搭建 1.首先依赖jar的引入       <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent<

web开发之spring、springmvc、mybatis配置文件详解-爱代码爱编程

一、前言 编码对于一个程序员来说,只是一个基本的工作技能,对于一些专心写代码的人来说,对于所用框架的理解或许就不那么重要,鉴于自己目前的水平,还是把自己之前研究过的一些框架知识,也就是工作中常用的SSM框架,做一点总结。

ssm整合之异常处理之返回特定页面_ssm全局异常解析器不生效-爱代码爱编程

异常处理思路 系统中异常包括两类:预期异常和运行时异常RuntimeException,前者通过捕获异常从而获取异常信息,后者主要通过规范代码开发、测试通过手段减少运行时异常的发生。 系统的dao、service、controller出现都通过throws Exception向上抛出,最后由springmvc前端控制器交由异常处理器进行异

mybatis实现分页查询-爱代码爱编程

大致结构如下: 一、定义返回数据结构 创建返回数据结构主要是为了统一方便,和分页查询的关系并不大,也可以忽略这一步。 package boc.ljh.config; import io.swagger.annota

使用idea maven搭建ssm框架_idea maven 创建ssm项目-爱代码爱编程

0 在pom.xml配置版本 <properties>     <jdk.version>1.7</jdk.version>     <jdk.encoding>UTF-8</jdk.encoding>     <spring.version>4.3.0.RELE

想学接口自动化测试,不会搭建框架怎么行-爱代码爱编程

# -*- coding: utf-8 -*- [HTTP] scheme = http baseUrl = 127.0.0.1 port = 8888 timeout = 10.0 [USER] username

spring security-爱代码爱编程

1.3.1 使用IDEA创建Maven工程 使用IDEA创建Maven工程: 创建模块名称: 1.3.2 导入相关依赖jar包 创建Spring Security工程所需工程jar包: 1:Spring的基础j