OYの博客

语雀文档库: https://www.yuque.com/imoyt/zssuuf 一.、Vue安装 vue 12# 最新稳定版$ npm install vue 1、vue 声明式渲染1234567891011121314151617let vm = new Vue({ el: "#app", //绑定元素 data: { //封装数据 name: "张三", num: 1, }, methods: { //封装方法 cancle() { this.num--; }, hello() { return "1"; }, },}); 2、双向绑定,模型变化，视图变化。反之亦然双向绑定使用 v-model 1<input type="text" v-model="num" /> 1<h1& ...

前言：在线教育项目使用的是尚硅谷开源的视频 https://www.bilibili.com/video/BV1dQ4y1A75e?from=search&seid=14479882303889733720，在原的项目上做了细微的修改加上了自己一些细微功能二次开发，笔记方面根据老师开源笔记进行的细微的优化。对缺少的知识点进行了补充，方便日后的复习。 项目地址： Github : https://github.com/OYCodeSite/GuliEdu Gitee: https://gitee.com/oycodesite/GuliEdu 一、项目后台管理功能1、准备 启动后接口启动起来 启动前端项目（前台系统和后台系统） 2、登录和权限管理模块2.1 登录功能（SpringSecurity框架） 2.1 权限管理模块 （SpringSecurity框架）页面： 后台： Config 配置 TokenWebSecurityConfig 核心配置类 entity 实体类 SecurityUser User filter 过滤 TokenAuth ...

环境： JDK 1. 8 Maven Docker Git CentOS 7 一、Jenkins（安装）1、在liunx系统中安装相关软件1.1 安装java环境（jdk环境）​ 请参考我的这篇博客有详细的安装步骤：CentOS7 安装 JDK 8 ​ 使用命令查看jdk是否安装成功 1.2 安装maven环境 第一步 上传maven安装介质 1cd /usr/local 下载地址：apache-maven-3.6.1-bin.tar.gz 第二步：解压安装包 1tar -zxvf apache-maven-3.6.1-bin.tar.gz 第三步：建立软连接 1ln -s /usr/local/apache-maven-3.6.1/ /usr/local/maven 第四步：修改环境变量 1vim /etc/profile 添加以下内容： 123export MAVEN_HOME=/usr/local/mavenexport PATH=$PATH:$MAVEN_HOME/bin 通过命令source /etc/profile让prof ...

一、Canal 介绍1、应用场景​ Canal 就是一个很好的数据库同步工具。canal 是阿里巴巴旗下的一款开源项目，纯 Java 开发。基于数据库增量日志解析，提供增量数据订阅&消费，目前主要支持了 MySQL。 2、Canal 环境搭建​ Canal 的原理是基于 mysql binlog 技术，所以这里需要开始 mysql 的 binlog 写入功能 ​ 开启 mysql 服务： service mysql start (1) 检查 binlog 功能是否开启 1mysql> show variables like 'log_bin'; (2) 如果显示状态为 OFF 表示该功能未开启，开启 binlog 功能 修改 mysql 的配置文件 my.cnf 123456vi /etc/my.cnf追加内容：log-bin=mysql-bin #binlog文件名binlog_format=ROW #选择row模式server_id=1 #mysql实例id,不能和canal的slaveId重复 ...

首页静态效果整合和NUXT路由一、服务端渲染技术NUXT1、什么是服务端渲染​ 服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容，而不是在客户端通过AJAX获取数据。 服务器端渲染(SSR)的优势主要在于：更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。 如果你的应用程序初始展示 loading 菊花图，然后通过 Ajax 获取内容，抓取工具并不会等待异步完成后再进行页面内容的抓取。也就是说，如果 SEO 对你的站点至关重要，而你的页面又是异步获取内容，则你可能需要服务器端渲染(SSR)解决此问题。 另外，使用服务器端渲染，我们可以获得更快的内容到达时间(time-to-content)，无需等待所有的 JavaScript 都完成下载并执行，产生更好的用户体验，对于那些「内容到达时间(time-to-content)与转化率直接相关」的应用程序而言，服务器端渲染(SSR)至关重要。 2、什么是NUXTNuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎 ...

一、Maven多模块项目编译失败：程序包xxx不存在项目结构如下：(pom.xml) parent（父类工程） | - - - - - common（通用工具类子工程） | - - - - - projectA（springboot子工程，依赖common工程） 问题描述： 通过parent父工程进行Maven install，parent父工程和common子工程打包成功，projectA子工程打包失败并报错 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.1:compile (default-compile) on project projectA: Compilation failure[ERROR] /xxxx.java:[14,36] 程序包com.xxx.xxx.utils不存在 注意：就算projectA能打包成功，运行后调用，也会报common下的类找不到异常，为同一问题解决办法： 在common子工程下的pom.xml，添加以下配置 1234567891 ...

一、环境准备 idea 2020 版本 JDK 8 Maven 阿里OSS 对象储存 Springboot 2.1.18 参考： 阿里OSS 对象储存 ：OSS文档:https://help.aliyun.com/product/31815.html 二、项目搭建1、创建SprinBoot 项目 使用 Spring Initilizr 项目向导 在 Choose starter service URL 建议使用阿里的镜像源: https://start.aliyun.com , spring官方的镜像源容易无法加载。 2、POM依赖 添加依赖 123456789101112131415161718192021222324252627282930313233<dependencies> <!--aliyunOSS--> <dependency> <groupId>com.aliyun.oss</groupId> <artifactId>aliyun-sdk-os ...

一、方案一（不推荐）1、下载 nginx 安装包Nginx 官网：http://nginx.org/ 需要的安装包 2、安装 pcre 解压缩 pcre-xx.tar.gz 包 1tar -zxvf pcre-xx.tar.gz 进入解压缩目录，执行./configure 123cd pcre-8.37./configure ./configure 完成后，回到 pcre 目录下执行 1make && make install 3、 安装 openssl 解压缩 openssl-xx.tar.gz 包 1tar -zxvf openssl-xx.tar.gz 进入解压缩目录，执行./config 123cd openssl./config 编译安装 1make && make install 4、安装 zlib 解压缩 zlib-xx.tar.gz 包 1tar -zxvf zlib-xx.tar.gz 进入解压缩目录，执行./configure 1cd zlib 安装编译 1make &&a ...

一、创建MP代码生成器 在test/java目录下创建包com.oy.guli.edu，创建代码生成器：CodeGenerator.java (包路径根据自己情况来设置) 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859public class CodeGenerator { @Test public void run() { // 1、创建代码生成器 AutoGenerator mpg = new AutoGenerator(); // 2、全局配置 GlobalConfig gc = new GlobalConfig(); String projectPath = System.getProperty("user.dir"); gc.setOutputDir(projectPa ...

一、介绍1、简介官网：https://mp.baomidou.com/ MyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。 2、特性 无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑 损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作 强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大部分 CRUD 操作，更有强大的条件构造器，满足各类使用需求 支持 Lambda 形式调用：通过 Lambda 表达式，方便的编写各类查询条件，无需再担心字段写错 支持多种数据库：支持 MySQL、MariaDB、Oracle、DB2、H2、HSQL、SQLite、Postgre、SQLServer2005、SQLServer 等多种数据库 支持主键自动生成：支持多达 4 种主键策略（内含分布式唯一 ID 生成器 - Sequence），可自由配置，完美解决主键问题 支持 XML 热加载：Mapper 对应的 ...