Vue3-ElementPlus
Vue3-ElementPlusVue3Vue3 带来了什么 性能的提升 打包减少了 14% 初次渲染快 55%,更新渲染快 133% 内存减少 54% 源码的升级 使用 Proxy 代替 defineProperty 实现响应式 重写虚拟 DOM 的实现和 Tree-Shaking ... 拥抱 TypeScript Vue3 可以更好的支持 TypeScript 新的特性 Composition API(组合 API) setup 配置 ref 与 reactive watch 与 watchEffect 新的内置组件 Fragment Teleport Suspense 其他改变 新的生命周期钩子 data 选项应始终被生命为一个函数 移除 keyCode 支持作为 v-on 的修饰符 Vue3 项目创建 使用 vue-cli 创建 123456789## 查看 @vue/cli 版本, 确保 @vue/cli 版本在 4.5.0 以上 vue --version## 安装或升级 @vue/clinpm install -g @vue/cli## 创建 vue create vue_demo## 启动 cd vue_d ...
Centos-Install-MYSQL
Centos7-Install-MYSQL 环境检测 1234567# 检测是否存在 mysqlrpm -qa | grep mysql# 检测是否存在 mariadbrpm -qa grep mariadb# 存在删除 rpm -e --nodeps 存在版本 下载 下载地址 下载社区版本 选择社区版服务 选择适合系统版本 进入下载页 获取下载链接 1234567891011121314151617181920212223# 接下来我们在 Centos7 系统下使用 yum 命令安装 MySQL,需要注意的是 CentOS 7 版本中 MySQL 数据库已从默认的程序列表中移除,所以在安装前我们需要先去官网下载 Yum 资源包,下载地址为:https://dev.mysql.com/downloads/repo/yum/# http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm => 5# https://dev.mysql.com/get/mysql80-c ...
WordCloud-安装与应用
WordCloud-安装与应用 配置 pip 镜像源 123456789101112131415161718192021# 临时下载镜像 pip install 【替换为所需要安装库名称】 -i https://pypi.douban.com/simple/# 永久设置 (python 版本需高于 3.5+) 链接地址可替换 pip config set global.index-url https://pypi.douban.com/simple/# 可选择如下镜像链接以提高下载速度# 阿里云 http://mirrors.aliyun.com/pypi/simple/# 清华大学 https://pypi.tuna.tsinghua.edu.cn/simple/# 中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/# 中国科学技术大学 http://pypi.mirrors.ustc.edu.cn/simple/# 豆瓣 https://pypi.douban.com/simple/ 确认安装 python 版本 安装版本确定, 尽可能选择高版本 (pyth ...
Eclipse-中文语言包
Eclipse-中文语言包 效果图 版本 使用中文语言包 下载过程 点击如下 打开插件市场 填写链接 填写此链接地址 https://download.eclipse.org/technology/babel/update-site/latest/ 到下图 简体中文选择 简体中文选择 选择允许协议 安装代码提示插件 codota 是什么 打开插件市场 搜索 codota 搜索 codota 推拽至工具栏 推拽至工具栏 弹窗选择允许安装 选择允许 重启 Eclipse
SSM-项目实战
SSM-项目实战开发环境搭建 创建数据库 1create database rjwm character set utf8mb4; 导入数据 1source db_reggie.sql 创建 springboot 项目 创建 vue2 项目 1234567891011// 创建 vue 项目 vue create vue-rjwm// 添加 element-uivue add element// 添加 axiosyarn add axios// 添加 vue-routeryarn add vue-router@3// 添加 less less-loaderyarn add less@3yarn add lesss-loader@3 跨域解决方案 @CrossOrigin 注解的使用 nginx 搭建 api 微服务网关搭建解决跨域 vue 脚手架 devServer 配置代理 SpringBoot 项目创建启动环境测试统一返回处理 axios 封装 创建 springboot 项目 添加依赖 1234567891011121314151617181920212223242526272829303132 ...
Redis
Redis 安装-启动 gz 压缩包安装 123456789101112131415161718192021# 可以直接写入脚本文件中一次执行# 安装依赖、安装 gcc: c/c++ 编译器 yum install -y gcc tcl gcc-c++# 指定安装位置问题: 解压的 tar 文件的放置位置就是安装路径, 配置文件等全在此处# 下载 redis gz 镜像地址 选择所需版本 https://mirrors.huaweicloud.com/redis/ # 下载 6.2.4wget https://mirrors.huaweicloud.com/redis/redis-6.2.4.tar.gz# 解压 tar -zxvf redis-6.2.4.tar.gz# 进入目录 cd redis-6.2.4.tar.gz# 编译 make # 如果 make 出错,则执行如下 (执行清理命令), 之后再次执行 make make distclean# 在 make 执行后再执行 make install 该操作则将 src 下的许多可执行文件复制到 /usr/local/bin 目录下, 这样做可 ...
MybatisPlus
环境安装 MYSQL 系统安装版本 实际使用版本并没有因为系统安装版本造成不适,但不推荐不匹配的版本 数据库表数据库测试数据 数据库准备 123456-- 创建数据库 create database mybatis_plus default character set utf8mb4;-- 使用 use mybatis_plus; 1234567891011121314151617181920212223-- 创建表 create table user( id bigint(20) not null comment '主键 id', name varchar(30) default null comment '姓名', age int(11) default null comment '年龄', email varchar(50) default null comment '邮箱', primary key (id)) engine = ...
SpringBoot
SpringBoot 概念 什么是 SpringBoot SpringBoot 提供了一种快速使用 Spring 的方式,基于约定优于配置的思想,可以让开发人员不必再配置与逻辑业务之间进行思维的切换,全身心的投入到逻辑业务的代码编写中,从而大大提高了开发的效率,一定程度上缩短了项目周期 创建 SpringBoot 项目创建解析启动测试核心配置文件以及多环境配置隐藏部分文件 配置服务地址 Server URL:https://start.springboot.io/ 选择 Spring-Web 依赖项 speing-web Service URL https://start.springboot.io/(推荐) https://start.aliyun.com/(存在 springboot 版本问题,需要手动更新创建好项目的版本号) https://start.spring.io/(官网提供) 以上两个地址都可以在浏览器内打开, 并通过向导完成项目初始化, 下载后可以导入到 IDEA 进行使用 pom 解析 1234567891011121314151617 ...
SpringMVC
SpringMVC 创建项目创建使用步骤核心对象处理请求配置文件说明 mvc 组件 创建 Java Enterprice 修改为如下 (maven 项目) 添加 pom.xml 依赖 12345678910111213141516171819202122
javax.servlet
javax.servlet-api
4.0.1
provided
org.juni ...
JavaWeb-Vue-Axios-ElementUI
实现效果实现 接口编写与调用 实现总结 先进行页面构思, 实现基本布局 (熟悉掌握 css,html) 掌握定位 掌握浮动 css3 基础属性的使用 使用 Vue 脚手架进行 SPA 页面开发 路由的基本使用 (声明式 | 编程式) axios 的 get | post 与参数传递的掌握 熟悉了解 Servlet 的使用· Cookie Session Filter 注解的基本掌握 @WebServlet 继承 HttpServlet @WebFilter 实现接口 javax.servlet.Filter 重定向 resp.sendRedirect(""); 数据转发 req.getRequestDispatcher("url").forward(req,resp); 掌握 MYSQL 数据库的增删改查 源文件 dao 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 ...
Java-动态数据接口
Java-动态数据接口 实现效果 动态数据接口 axios 异步请求 请求与渲染 实现过程总结 数据库与 java 实体类映射 (ORM) 实体类映射 servlet 处理 axios 发起的异步请求 servlet 处理对应请求 页面响应 12345678910111213141516java 层面: 实体类转换为 JSON 字符串 通过 response.getWrite().write(jsonString) JOSN 转换工具可以使用如下: 1. FastJson 2. Jackson 3. Gson ... 浏览器层面: JSON.stringfy() JSON.parse() 细节注意 参数校验 优化相关逻辑 优化 servlet,封装 BaseServlet 数据类型 12345 文本框的数据为 “字符串” 数值类型需要通过如下转换: Integer.parseInt(stringNumber) Integer.valueOf(stringNumber) De ...
Es6-Es11
let 变量不能重复生命 12let star = 'start'let star = 'start' // error 块儿级作用域 1234567{ let star = 'start'}console.log(star) // error// if else while for 不存在变量提升 12console.log(start) //errorlet start = 'star' 不影响作用域链 1234567{ let star = 'star'; function outStar() { console.log(star); } outStar();} 案例练习 123456789101112131415161718192021222324252627282930<style> .app ul li { displa ...
