- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue 请求方式封装（post，get）
import Vue from 'vue'import axios from 'axios'import router from '@/router'// npm i qsimport qs from 'qs'// npm i lodashimport merge from 'lodash/merge' const http = axios.create({ timeout: 1000 * 30, withCredentials: true, headers: { 'Co
2022-05-07 14:45:20
1251
原创 url 变成 jsessionid 的解决办法
1、追加过滤器解决 RemoveUrlJsessionIdFilter.javaimport java.io.IOException; import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;import javax.servlet.ServletException;import javax.servlet.ServletRequest;import ...
2022-02-05 16:11:29
397
原创 用 js 开启本地服务器，实现短信发送
1、创建一个文件夹 phone，2、在 phone 里面创建一个 index.js 用来开启本地服务器。注意：需要安装依赖，打开黑窗口（win+R，输入 cmd），去到本路径，（前提你要安装了 node）输入: npm i express body-parser//提供web服务，同时提供接口，可通过调用发送，只支持自己的哦。var express = require('express');var app = express();var bodyParser = require(.
2022-02-04 11:41:55
1647
原创 vue 项目实现短信发送
1、创建 Vue 项目方式一：在黑窗口输入以下命令vue create duanxin 方式二：在 git 的 黑窗口输入以下命令vue create duanxin2、需要一个短信发送工具类在 src 目录下创建一个 sms.js 文件//数据读取jsonvar config = require('./config');//短信发送工具类module.exports = function (phoneNumber,templateId,params){ var Qc
2022-01-30 11:51:13
3939
原创 express中req.body的理解
通常用来解析 POST 请求中的数据req.body 不是 nodejs 默认提供的，需要载入中间件 body-parser 中间件才可以使用 req.body。
2022-01-30 00:21:41
2801
原创 mysql 组合查询 union 怎么排序，需要注意的点？
组合查询 union 怎么排序，需要注意的点？UNION 操作符用于连接两个以上的 SELECT 语句的结果组合到一个结果集合中。多个 SELECT 语句会删除重复的数据。但是 UNION ALL 不会删除重复的数据。 (SELECT d.bingren_name name, d.bingren_id no, d.bingren_Rid cardId, d.bingren_Phone phone, CONCAT((
2022-01-26 13:14:47
3643
原创 node解决跨域问题
问题node解决跨域问题1、解决方式// 设置跨域app.all("*", function (req, res, next) { res.header("Access-Control-Allow-Origin", "*"); //设置允许跨域的域名，*代表允许任意域名跨域 res.header("Access-Control-Allow-Headers", "content-type"); //允许的header类型 res.header("Access-Control
2022-01-26 12:17:22
557
原创 Redis
高性能的缓存数据库，能够在高并发场景下应用提供高效的数据访问能力，因而在各类互联网应用中被广泛运用。目前的互联网应用广泛使用两种方式来进行数据存储，关系型数据库和 NoSQL 数据库。关系型数据库是指采用关系模型来组织数据的数据库，主要用于存储格式化的数据结构，大量传统数据库库如：MySQL、Oracle……NoSQL 数据库泛指非关系型数据库，主要服务于特定背景的专用数据库，对外提供的是特定的 API，而非通用的 SQL 接口。数据访问更加高效。Redis 是一个开源的 key-value.
2022-01-26 12:17:06
1929
原创 在 Java 应用中访问 Redis
需要的 jar 包：jedis-2.9.3.jarcommons-pool2.jarJedis 的使用思路封装 Redis 访问 API 的核心类是 Jedis 类，可以通过调用该类实例的方法实现对 Redis 的操作。在多线程环境下，不应该仅使用同一个 Jedis 实例，因为单个 Jedis 实例不是线程安全的。在多线程环境下，应该使用 JedisPool，它是一个线程安全的网络连接池。可以使用 JedisPool 可靠地创建多个 Jedis 实例，并在使用完毕后 Jedis 实例归还到
2022-01-26 12:16:47
491
原创 XML 基础
XMLXML是可扩展标记语言，是一种简单的数据存储语言，使用一系列简单的标记来描述结构化数据。XML的特点：XML与操作系统，编程语言的开发平台都无关规范统一，实现不同系统之间的数据交互XML 的文档结构1、XML 声明<?xml version="1.0"encoding="UTF-8"?> 表示XML声明，用以标明该文件是一个XML文档。XML文档总是以XML声明开始，它定义了XML的版本和所使用的编码等信息。XML声明由以下几个部分组成。version：文档符合
2022-01-25 12:32:25
366
原创 Java 反射
一、反射反射机制是 java 语言特性之一，是 java 被视为动态语言的（或准动态）一个关键特性。在计算机领域，能够自描述和自控制，即在运行状态中，动态获取类信息及动态调用实例方法的能力。java 反射有以下3个动态特性运行时创建实例运行期间调用方法运行时更改属性反射机制允许 Java 程序加载一个允许时才得知其名的类，获悉其完整 API 信息，包括其修饰符、超类、实现的接口，也包括属性和方法的所有信息；并可生成其实例，对其属性赋值或调用其方法，通过 Java 反射可以实现以下功能。
2022-01-25 12:31:35
1962
原创 SpringMVC 基础
1、MVC模式MVC 模式是指 Model-View-Controller（模型-视图-控制器），是开发 Web 应用程序时常用的一种代码分层方式。Model - View - Controller 三个基本部分视图（View）：负责格式化数据并把它们呈现给用户，包括数据展示、数据验证、界面设计等功能。对应组件：JSP 或 HTML 文件。控制器（Controller）：负责接收并转发请求，对请求进行处理后指派视图并将响应结果发送给客户端。对应组件：Servlet。模型（Model
2022-01-25 12:24:49
559
原创 SpringBoot 分页
SpringBoot 分页SpringBoot 使用 PageHelper 进行分页在pom.xml中添加pagehelper-spring-boot的依赖包<dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.1
2022-01-25 12:21:32
2067
原创 Spring Boot 整合 Redis
Spring Boot 整合 Redis第一步：引入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId></dependency>第二步：配置 Redis 连接spring: redis: host: 127.0.0.1
2022-01-25 12:20:58
490
原创 Spring Boot 整合 MyBatis
有两种方式，分为 mybatis-spring 的方式和 mybatis-spring-boot-starter 的方式1.1.1、mybatis-spring 方式引入依赖 和 编写配置信息**步骤一：**引入依赖。在 pom 文件中引入与 MyBatis 相关的依赖<dependency> <artifactId>mybatis</artifactId> <groupId>org.mybatis</groupId>.
2022-01-25 12:20:28
475
原创 SpringBoot 基础
1、初始 Spring Boot1、Spring Boot 的优点简化配置减少配置优化配置 — 在 Spring Boot 项目中没有任何 XML 配置，大部分的配置信息都可以写入 一个单独的配置文件配置信息更加集中，方便了对配置信息的管理编写方便，可以使用代码提示的方式进行配置进行的编写简化部署Spring Boot 有内置的 Web 容器。简化监测与主流框架的无缝集成2、使用 Spring Boot 搭建一个 Web 项目新建 Spring Boot
2022-01-25 12:19:33
478
原创 Spring 基础
1、Spring 框架的历史由来 Spring 框架是一个轻量级的企业级应用框架，兴起于 2003 年。当时流行的传统 Java EE 框架均为过于臃肿的“重量级”构架体系，其开发效率，开发难度和实际的性能都不能满足人的需求。 Spring 中文含义“春天”，正如它的名称一样，Spring 框架的诞生给人一种格外清新的感觉，蕴意着勃勃生机。 目前，Spring框架已经发展为一个功能丰富且易用的集成框架，其核心是一个完整的基于控制反转的轻量级容器，用户可以使用它建立增加的应用程序。在此容器之上，S
2022-01-25 12:13:22
253
原创 Bookstrap 基础（一）
1、Flex 弹性盒布局CSS 弹性盒是一种布局方式，常用于当页面需要适应不同的屏幕大小以及设备类型时能够确保元素拥有恰当的行为。作用：能够更加高效方便地控制元素的对齐、排列。无论元素的尺寸是固定的还是动态的，都可以自动计算布局内元素的尺寸。控制元素在页面中的布局方向。按照不同于DOM所指定的排序方式对屏幕上的元素重新排序。语法：display : flex;使用Flex弹性布局有如下好处：可以让子元素排列在一行。使子元素的高度一致。Flex弹性盒布局可以分为容器属性和项
2022-01-25 12:09:24
276
原创 Vue 技巧
1、element-ui更改el-table表头背景颜色和字体颜色根据elementui官网的说法，header-cell-style是表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。<el-table :header-cell-style="{background:'#eef1f6',color:'white'}">...</el-table>2、vue-element系列 内table插入超链接
2022-01-25 12:06:32
401
原创 1、Vue是什么？
1、Vue是什么？一套用于构建用户界面的渐进式 JavaScript框架当 Vue 与现代化的工具链以及各种支持类库结合使用时，也完全能够为复杂的单页面应用提供驱动。1.1、渐进式：Vue 可以自底向上逐层的应用简单应用：只需一个轻量小巧的核心库复杂应用：可以引入各式各样的 Vue 插件1.2、Vue 的优势轻量级数据绑定指令插件1.3、Vue 的特点采用组件化模式，提高代码复用率、且让代码更好维护。声明式编码，让编码人员无需直接操作 DOM ，提高开发效率。使用
2022-01-20 10:53:50
379
原创 2、Vue 开发基础（一）
2、Vue 开发基础（一）2.1、Vue 实例在 Vue 项目中，每个 Vue 应用都是通过 Vue 构造器创建新的 Vue 实例开始的。2.1.1、创建 Vue 实例<script> new Vue({ el: '#root', data: { name: '潘嘉龙' } })</script> Vue 实例配置选项选项
2022-01-20 10:52:57
1368
原创 3、Vue 开发基础（二）
3、Vue 开发基础（二）3.1、全局 API3.1.1、Vue.directiveVue 中有很多内置指令，如 v-model、v-for 和 v-bind 等。除了内置指令，开发人员也可以根据需求注册自定义指令。通过自定义指令可以对低级 DOM 元素进行访问，为 DOM 元素添加新的特性。<div id='root'> <input type="text" v-focus='true' name="" id=""></div><scri
2022-01-20 10:39:44
1071
原创 4、Vue 过渡和动画
4、Vue 过渡和动画在项目中使用过渡和动画提高用户体验和页面的交互性、影响用户的行为、引导用户的注意力以及帮助用户看到自己动作的反馈。4.1、过渡和动画基础4.1.1、什么是过渡和动画过渡，就是从一个状态向另一个状态插入值，新的状态替换了旧的状态。动画相比过来来说，可以在一个声明中设置多个状态。Vue 提供了内置的过渡封装组件，即 transition 组件，语法格式如下：<transition name="fade"> <!-- 需要添加过度的 div
2022-01-20 10:35:00
869
原创 5、Vue 路由
5、Vue 路由Vue 中的路由允许不同的 URL 来访问不同的内容。5.1、初识路由程序开发中的路由分为后端路由和前端路由5.1.1、后端路由后端路由通过用户请求的 URL 分发到具体的处理程序，浏览器每次跳转到不同的 URL，都会重新访问服务器。注意，浏览器每访问一次新页面的时候，都要向服务器发送请求，然后服务器会响应请求，返回新页面给浏览器，在这个过程中会有一定的网络延迟。5.1.2、前端路由把不同路由对应不同的内容或页面的任务交给前端来做。前端路由和后端路由的原理是类似
2022-01-20 10:34:37
802
原创 6、Vuex 状态管理
6、Vuex 状态管理Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。6.1、初始 Vuex6.1.1、什么是 VuexVuex 是 Vue 团队提供的一套组件状态管理维护的解决方案。vuex 作为 Vue 插件来使用，进一步完善了 Vue 基础代码功能，使 Vue 组件状态更加容易维护，为大型项目发开提供了强大的技术支持。const store = new Vue.Store({
2022-01-20 10:27:56
677
原创 Vue 开发环境
7、Vue 开发环境7.1、Vue CLI 脚手架工具Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，可以自动生成 Vue.js + webpack 的项目模板。Vue CLI 提供了强大的功能，用于定制新项目、配置原型、添加插件和检查 webpack 配置。@vue/cli 3.x 版本可以通过 vue create 命令快速创建一个新项目的脚手架。7.1.1、安装前的注意事项如果已经全局安装了旧版的 vue-cli，需要通过如下命令进行卸载。npm uninsta
2022-01-20 10:07:49
1071
原创 虚拟机Centos7里的ip地址问题
1、右键桌面打开终端2、输入ifconfig，不是ipconfig，注意了！！！发现 ens33 里面没有ip地址，就没法通过ip连接虚拟机。我们可以查看ens33网卡的配置，输入以下命令： vi /etc/sysconfig/network-scripts/ifcfg-ens33 vi是Linux内置的文本编辑器命令，用来打开文件的意思。从配置清单中可以发现 CentOS 7 默认是不启动网卡的 （ONBOOT=no），所以我们把它改为（ONBOOT=yes）按Esc 退出编辑，
2021-06-22 21:02:04
157
原创 2021-06-21
1、AOP1.1 什么是AOPAOP（Aspect Oriented Programming）意为：面向切面编程，通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP的延续，是软件开发中的一个热点，也是Spring框架中的一个重要内容，是函数式编程的一种衍生范型。利于AOP可以对业务逻辑的各个部分进行隔离，从而使得业务逻辑各部分之间的耦合度降低，提高程序的可重用性，同时提高了开发的效率。1.2 Aop在Spring中的作用提供声明式事务；允许用户自定义切面横切关注点
2021-06-21 21:53:16
36
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人