2020年12月_章帮一（江南大学）

12月 11月 10月 09月 08月 06月 05月 04月

原创实现Comparable接口的作用

文章目录Comparable接口的作用Comparable接口的作用API文档解释：此接口强行对实现它的每个类的对象进行整体排序。这种排序被称为类的自然排序，类的 compareTo 方法被称为它的自然比较方法。所有具有自然排序实现的Java类Comparable<T>有String，包装类，BigInteger测试Integer包装类：Integer类源码：public final class Integer extends Number implements Compara

2020-12-29 22:41:57 866

原创 Vue使用Element UI搭建后台模板

文章目录创建Vue项目搭建后台模板创建Vue项目使用Vue项目管理器可视化创建一个Vue项目，参考文章：怎样创建一个前后端分离项目：Vue+SpringBoot创建好后，在Vue项目管理器中安装ElementUI插件，具体操作看下面动图演示下载完后，都采用默认设置，点击完成安装：到此，Vue项目创建完成，测试是否安装成功，用IDEA打开我们创建的项目，在Terminal输入npm run serve命令启动我们的项目，访问localhost:8080 ，出现下面一段英文和一个el-button

2020-12-28 23:59:05 1220

原创怎样创建一个前后端分离项目：Vue+SpringBoot

前后端怎样分离前端只需要独立编写客户端代码，后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口，将Model展示到View中即可。前后端开发者只需要提前约定好接口文档(URL、参数、数据类型.….)，然后分别独立开发即可，前端可以造假数据进行测试，完全不需要依赖于后端，最后完成前后端集成即可，真正实现了前后端应用的解耦合，极大地提升了开发效率。前端应用：负责数据展示和用户交互。后端应用：负责提供数据处理接口。前后分离项目结构图：创建前端项目采用v

2020-12-27 17:18:37 18494 9

原创 Java枚举

文章目录Java枚举自定义枚举方法在 switch 中使用枚举类Java枚举Java 枚举是一个特殊的类，一般表示一组常量，使用 enum 关键字来定义。实际使用中，会用枚举替代常量，这样有什么好处：枚举方式定义的常量可以增强代码的可读性，允许进行编译时检查，预先记录可接受值的列表，并避免由于传入无效值而引起的意外行为。举例：Color 颜色常量有 RED, GREEN, BLUE，分别表示红色，绿色，蓝色。我们统一将常用的颜色的常量放在一个枚举类型里面，避免了定义了常量。publ

2020-12-17 21:39:33 155

原创 SpringBoot+MybatisPlus+Vue项目（三）：登录拦截器

文章目录前言前端登录拦截器前言如果你是前后端整合的项目，可以看之前写的博客：【Spring Boot】登录拦截器前面相关博客：（1）SpringBoot+MybatisPlus+Vue项目（一）：登录验证（2）SpringBoot+MybatisPlus+Vue项目（二）：前端接受后端数据前端登录拦截器需求：在没有登录的情况，不能直接访问main页面，访问main页面的话，直接返回登录页面。怎么解决？我需要一个全局的属性来代表登录状态，而Vuex是专门为Vue开发的状态管理方案。V

2020-12-13 10:22:23 962 1

原创 SpringBoot+MybatisPlus+Vue项目（二）：前端接受后端数据

文章目录SpringBoot导入依赖后端传递数据前端接受数据SpringBoot导入依赖pom.xml：除了创建项目时勾选的web依赖还需要导入 <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <vers

2020-12-12 14:51:21 2146

原创 SpringBoot+MybatisPlus+Vue项目（一）：登录验证

文章目录创建vue-cli项目创建SpringBoot项目Vue-cli：登录页面SpringBoot登录验证Vue-cli实现登录登录验证创建vue-cli项目安装基础工具：Node.js，下载网站：http://nodejs.cn/download/IDEA安装vue.js插件IDEA创建vue-cli项目Step1:进入new project界面，选择JavaScript中的Vue.js，点击NextStep2：上面Next的下一个页面，给项目命名，最后Finish即可，等待项目

2020-12-12 11:38:49 4992

原创【Vue】路由嵌套传递参数路由钩子

文章目录路由嵌套路由嵌套嵌套路由又称子路由，在实际应用中，通常由多层嵌套的组件组合而成。

2020-12-10 10:50:48 548

原创【Vue】ElementUI在vue-cli程序中的使用

文章目录搭建环境搭建环境找到项目的路径进入cmd。创建一个名为hello-vue的工程vue init webpack hello-vue安装依赖，我们需要安装vue-router、element-ui、sass-loader和node-sass四个插件。#进入工程目录cd hello-vue# 安装 vue-routercnpm install vue-router --save-dev# 安装 element-uicnpm i element-ui -S# 安装依赖cnpm

2020-12-08 23:49:43 203

原创【Vue】Vue-cli程序 webpack使用 vue-router路由

文章目录配置环境Node.js安装安装cnpm安装vue-cligit安装创建vue-cliwebpack安装配置环境Node.js安装下载网站：http://nodejs.cn/download/安装流程：一路Next即可安装完后，进入cmd检测是否安装成功这个npm,就是一个软件包管理工具,就和linux下的apt软件安装差不多。安装cnpm安装Node.js 淘宝镜像加速器(cnpm)：这样子的话,下载会快很多# -g 全局安装npm install cnpm -g如

2020-12-07 22:23:21 412

原创【Vue】Vue基础语法知识

文章目录一、了解Vue.js二、第一个Vue程序1.导入Vue.js2.创建Vue实例对象，设置el属性和data属性3.使用简洁的模板语法把数据渲染在页面上一、了解Vue.jsVue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。JavaScript框架简单Dom操

2020-12-06 23:48:48 550

原创【Redis】发布订阅主从复制哨兵模式

文章目录发布订阅主从复制哨兵模式发布订阅Redis 发布订阅(pub/sub)是一种消息通信模式：发送者(pub)发送消息，订阅者(sub)接收消息。Redis 客户端可以订阅任意数量的频道。下图展示了频道 channel1 ，以及订阅这个频道的三个客户端 —— client2 、 client5 和 client1 之间的关系：（图片来自官网）当有新消息通过 PUBLISH 命令发送给频道 channel1 时，这个消息就会被发送给订阅它的三个客户端：测试：cl

2020-12-05 12:47:29 492