- 博客(103)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 分布式RPC框架Dubbo学习
1. 软件架构的演进过程软件架构的发展经历了由单体架构、垂直架构、SOA架构到微服务架构的演进过程，下面我们分别了解一下这几个架构。1.1 单体架构架构说明： 全部功能集中在一个项目内（All in one）。架构优点： 架构简单，前期开发成本低、开发周期短，适合小型项目。架构缺点： 全部功能集成在一个工程中，对于大型项目不易开发、扩展和维护。 技术栈受限，只能使用一种语言开发。 系统性能扩展只能通过扩展集群节点，成本高
2020-10-09 10:00:05
224
1
原创 8.Webpack学习
8.WebpackWebpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出，Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。8.1 webpack打包js文件 第一步：安装 Webpack 以及webpack-clinpm install -g webpack webpack-cli 第二步：安装后查看版本webpack -v
2020-07-31 09:11:34
198
原创 7.模块化学习
7.模块化 是什么？在后端中，controller层注入service层，service层注入mapper层，类与类之间的调用称为后端模块化在前端中，js与js之间的调用称为前端模块化7.1 ES5模块化测试 ES5模块化测试 第一步，创建文件夹(es5module)和文件（两个js文件 分别为01.js 02.js） 第二步：编写01.js 需要编写js方法并设置方法能被其他js调用//创建js方法const sum=function(a,b){ r
2020-07-31 09:10:32
308
原创 6.babel学习
6.babel 是什么？babel是转码器，能将es6的代码转成ES5这样做是为了解决es6浏览器兼容性问题 安装bable#第一步 安装babelnpm install --global babel-cli#第二步 查看babel版本npm --version#第三步 创建js文件编写es6代码写一些es6特有的箭头函数之类的#第四步 创建babel配置文件 文件名如下 且是固定的,存放在项目的根目录下.babelrc#第五步 在配置文件中编写下面代码{
2020-07-31 09:09:43
107
原创 5.NPM学习
5.NPM 是什么？NPM全称：Node Package Manager 类似于后端的MavenNPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，是全球最大的模块生态系统我们通过npm可以很方便的下载js库，管理前端工程Node.js已经集成了npm包管理工具 如何查看npm是否安装？输入命令npm -v npm具体操作npm项目初始化操作#第一步：创建一个空的文件夹 npmdemo#第二步：打开
2020-07-31 09:08:43
147
原创 4.Node.js使用
4.Node.js node,js是什么？Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node.js就是运行在服务端的JavaScript类比于java的jdk node.js就是JavaScript的jdk可以模拟出tomcat服务器的效果 node.js安装第一步：官网下载 https://nodejs.org/en/第二步：下一步安装第
2020-07-31 09:06:55
125
原创 3.Element-UI学习
3.Element-UI 是什么？element-ui是前端出品的基于vue.js的后台组件库，方便程序员进行快速的布局和构建 官网https://element.eleme.cn/#/zh-CN 例子（有很多组件可以使用，这里列举按钮和文件上传）Button按钮代码实现<el-row> <el-button>默认按钮</el-button> <el-button type="primary">主要按钮<
2020-07-31 09:05:53
321
原创 2.前端技术ES6学习（基础语法）
2.前端技术ES6学习2.1 什么是ES6？ECMAScript6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言ECMAScript6就是一套标准 是Script语言的标准2.2 ES6语法学习2.2.1 let作用范围学习let的作用是局部作用范围<script> //es6如何定义变量，定义变
2020-07-29 21:00:35
255
原创 1.安装前端开发工具vscode
1.安装前端开发工具vscode官网下载 https://code.visualstudio.com/基本上下一步安装就是，在桌面创建一个快捷方式 第一步：安装插件Live Server 内置服务器 第二步：创建工作区首先需要在硬盘中创建一个空文件夹接着使用vscode打开你创建的文件夹 online_education_system然后将文件夹保存为工作区 设置工作区名字最后可以试着创建文件夹和文件写一个html页面，右键Open With Live
2020-07-29 20:56:56
263
原创 11. Vue Axios异步通信
11. Vue Axios异步通信什么是axios?Axios是一个开源的可以在浏览器端和Node.js的异步通信框架，主要功能是实现AjAx的异步通信。他不属于vue里面的，而是经常与vue一起使用实现ajax异步通信安装使用 npm:$ npm install axios使用 bower:$ bower install axios使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.js"></scr
2020-07-29 20:49:19
158
原创 10. Vue 路由
10. Vue 路由需要引入 vue-router.js 而且放在vue.js下面代码实现<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <script src="vue-router.min.js"></script> <div id="app"> &l
2020-07-29 20:48:18
98
原创 9. Vue 生命周期
9. Vue 生命周期-Vue生命周期主要记住两个方法 created 和 mounted方法created在页面渲染之前执行mounted在页面渲染之后执行debugger相当于打断点 代码实现<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <div id="app">
2020-07-29 20:47:25
114
原创 8. Vue 组件化应用构建
8. Vue 组件化应用构建组件是Vue.js最强大的功能之一组件可以扩展html元素，封装可重用代码 局部组件代码实现 (用法就是标签引用组件)<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <div id="app"> <xuan></xuan>
2020-07-29 20:46:40
169
原创 7. Vue的vue-if和vue-for标签
7. Vue的vue-if和vue-for标签官网例子： https://cn.vuejs.org/v2/guide/conditional.html v-if 条件判断代码展示<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <div id="app"> <input type="
2020-07-29 20:44:16
752
原创 6. Vue 修饰符
6. Vue 修饰符可用于阻止表单提交<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <div id="app"> <!--修饰符用于指出一个指令应该以特殊方式绑定。 这里的.prevent修饰符告诉 v-on指令对于触发的事件调用js的 event.preventDefault()
2020-07-29 20:42:33
78
原创 5. Vue 事件绑定
5. Vue 事件绑定 代码演示1@click单击事件<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <div id="app"> <!-- 通过按钮实现事件的绑定 --> <button v-on:click="search()">查询结果<
2020-07-29 20:40:32
122
原创 4. v-model双向绑定
4. v-model双向绑定 代码演示1双向绑定就是一起发生变化<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <div id="app"> <input type="text" v-bind:value="user.name"></input> <
2020-07-29 20:39:12
90
原创 3. v-bind指令学习（单向绑定）
3. v-bind指令学习（单向绑定）v-bind 单向数据绑定 一般用在标签属性里面，获取值<body> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script> <div id="app"> <!-- v-bind 单向数据绑定 一般用在标签属性里面，获取值 --> <h3 v-bind
2020-07-29 20:38:04
247
原创 2. 第一个Vue入门程序
2. 第一个Vue入门程序第一步：下载vue插件第二步：创建html 并且引入<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>第三步：编写基础的vue程序<!--View层 模板--><div id="app"> <!-- 使用插值表达式取值 --> {{message}}</div><
2020-07-29 20:36:43
89
原创 1.Vue介绍及相关知识描述
1.什么是Vue是一款渐进式的JavaScript框架，所谓渐进式就是逐步实现新特性的意思。如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular的模块化特性以及React的虚拟DOM特性。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。HTML+CSS+JS： 视图 ：给用户看，刷新
2020-07-29 20:35:27
634
原创 13.SpringBoot定时任务
13.SpringBoot定时任务这个类的两个关键接口TaskExecutor 任务执行TaskScheduler 任务调度（安排）@EnableScheduling 开启注解功能支持@Scheduled 定时任务什么时候执行Cron表达式Cron表达式（1） Seconds Minutes Hours DayofMonth Month DayofWeek Year（2）Seconds Minutes Hours DayofMonth Month DayofWeek
2020-07-26 18:15:14
80
原创 12.SpringBoot邮件任务
12.SpringBoot邮件任务 第一步：导入SpringBoot邮件的场景启动器<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId> <version>2.3.1.RELEASE</version></dependency
2020-07-26 18:14:27
258
原创 11.SpringBoot异步任务
11.SpringBoot异步任务关键点一：在异步任务上开启@Async注解关键点二：在SpringBoot主启动类上添加@EnableAsync注解表示开启@Async注解支持测试关键代码 异步任务方法@Servicepublic class AsyncService { @Async public void testAsync() { try { Thread.sleep(3000); } catch (I
2020-07-26 18:10:10
67
原创 Swagger学习（使得前后端开发人员避免更多冲突）
Swagger学习1.什么是Swagger？ 了解一下Swagger存在的原因Swagger产生的一个大背景是前后端分离，前后端分离使得前端开发人员需要与后端开发人员通过接口进行沟通交流，由于经常性的会出现业务上的需求改动，使得前后端沟通可能会出现不及时而引发一系列的问题，早起可能会使用word 文档进行沟通，但是实时性是一个很重要的东西，一旦有新的需求改动，需要能够大家及时发现并作出调整，而Swagger的出现就很好的解决了这个问题。 Swagger特点：是一款让你更好的书写API
2020-07-26 14:17:09
527
原创 10.SpringBoot整合Shiro
10.SpringBoot整合Shiro10.1 Shiro介绍 什么是Shiro？shiro官网：https://shiro.apache.org/Apache Shiro是一个强大且易用的Java安全框架,执行身份验证、授权、密码和会话管理。使用Shiro的易于理解的API,您可以快速、轻松地获得任何应用程序,从最小的移动应用程序到最大的网络和企业应用程序。 Shiro功能？三个核心组件：Subject, SecurityManager 和 RealmsS
2020-07-25 19:14:23
223
原创 9.SpringBoot整合SpringSecurity
9.SpringBoot整合SpringSecurity9.1 SpringSecurity介绍 什么是SpringSecurity？Spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架。它提供了一组可以在Spring应用上下文中配置的Bean，充分利用了Spring IoC，DI（控制反转Inversion of Control ,DI:Dependency Injection 依赖注入）和AOP（面向切面编程）功能，为应用系统
2020-07-25 19:08:34
153
原创 8.SpringBoot整合Mybatis
8.SpringBoot整合Mybatis 第一步：导入mybatis整合SpringBoot的场景启动器看名字可以知道是不是Spring官方的是mybatis自己的<dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>
2020-07-25 09:17:30
83
原创 7.SpringBoot整合Druid
7.SpringBoot整合Druid 第一步：导入Druid依赖<!--druid--><dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>1.1.22</version></dependency> 第二步：编写配置 设置数据源为Druid
2020-07-25 09:16:08
168
原创 6.SpringBoot整合JDBC
6.SpringBoot整合JDBC 第一步：创建一个新的SpringBoot项目选择web模块和数据驱动模块和JDBC场景启动器 第二步：创建yml配置文件并指定相关数据源配置信息spring: datasource: username: root password: root url: jdbc:mysql://localhost:3306/mybatis?serverTimezone=UTC&useUnicode=true&charact
2020-07-25 09:14:26
81
原创 5.SpringBoot与Web结合实战（员工管理系统）
5.SpringBoot与Web结合实战（员工管理系统）第一步：导入css，js，img静态资源到static目录 第一步：导入css，js，img静态资源到static目录第二步：导入html页面到templates目录下 list.html、404.html、dashboard.html、index.html 第二步：导入html页面到templates目录下 list.html、404.html、dashboard.html、index.html第三步：编写实体类（员工管理系统，
2020-07-24 17:32:29
524
2
原创 4.SpringBoot与Web结合前期准备
3.5SpringBoot与Web结合前期准备 首先需要了解SpringBoot整合Web的准备前提需要什么？因为SpringBoot约定大于配置所以我们需要知道一下资源放置位置导入静态资源（html，css，js等静态资源该如何导入）定制首页用thymeleaf或者freemarker代替jsp（SpringBoot不支持jsp）学会装配扩展SpringMVC（视图解析器，处理器映射器，json，ajax，文件上传与下载等等都是我们需要装配SpringMVC的理由）国际化i18n拦
2020-07-24 09:07:19
212
原创 3.SpringBoot配置（yaml，多环境，自动配置原理分析）
3.SpringBoot配置 在哪配置？SpringBoot指定在resources类路径下配置application.yml或application.properties 在里面进行配置<includes> <include>**/application*.yml</include> <include>**/application*.yaml</include> <include>**/applicatio
2020-07-23 09:05:40
1064
1
原创 2.Spring Boot 入门程序及基本自动配置分析
2.Spring Boot 入门程序由于SpringBoot是一个约定大于配置的框架，所以需要我们做的事情很少，基本都是springBoot自动装配了第一步：创建一个SpringBoot项目 第二步：编写controller接口进行测试这里需要注意的就是自己创建的包名要与SpringBoot的主启动类在同一级目录下package com.xuan.controller;import org.springframework.web.bind.annotation.Requ
2020-07-23 09:03:51
131
原创 1.SpringBoot简介学习
1.SpringBoot简介1.1 什么是SpringBoot？Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。SpringBoot所具备的特征有：可以创建独立的Spring应用程序，并且基于其Maven或Gradle插件，可以创建可执行的JARs和WARs；直接嵌入Tomcat，Jetty或Undertow（无需部署WAR文件）（内嵌
2020-07-23 08:58:46
267
原创 10.MyBatis Plus代码生成器
10.MyBatis Plus代码生成器 第一步：导入代码生成器依赖<dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-generator</artifactId> <version>3.3.2</version></dependency> 第二步：需要添加模板引擎<--选
2020-07-22 09:30:07
93
原创 9.MyBatis Plus条件构造器Wrapper
9.MyBatis Plus条件构造器Wrapper 先上代码测试package com.xuan;import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;import com.xuan.mapper.UserMapper;import com.xuan.pojo.User;import org.junit.jupiter.api.Test;import org.springframework.beans.f
2020-07-22 09:24:32
497
原创 8.MyBatis Plus性能分析插件---＞执行 SQL 分析打印
8.MyBatis Plus性能分析插件—>执行 SQL 分析打印 为什么需要性能分析插件？因为我们在平时开发中会遇到慢sql的问题，基于此MyBatis Plus就提供了性能分析插件，超过这个时间就停止运行。 Mybatisplus3.2.0以上就不支持本身的性能分析插件（PerformceInterceptor），支持p6spy组件下面就p6spy进行分析 第一步：导入相应的依赖<!--p6spy--><dependency>
2020-07-22 09:21:57
2032
11
原创 7.MyBatis Plus逻辑删除
7.MyBatis Plus逻辑删除 什么是逻辑删除？举个例子，就好比回收站，并不是真正的删除数据，而是通过一个逻辑变量来使数据失效！只对自动注入的sql起效:插入: 不作限制查找: 追加where条件过滤掉已删除数据,且使用 wrapper.entity 生成的where条件会忽略该字段更新: 追加where条件防止更新到已删除数据,且使用 wrapper.entity 生成的where条件会忽略该字段删除: 转变为 更新 第一步：在数据库中增加del
2020-07-22 09:19:52
1077
原创 6.MyBatis Plus分页插件
6.MyBatis Plus分页插件 第一步：编写配置类PaginationInterceptor 分页拦截器并且加入到SpringIOC容器中package com.xuan.comfig;import com.baomidou.mybatisplus.extension.plugins.PaginationInterceptor;import com.baomidou.mybatisplus.extension.plugins.pagination.optimize.JsqlPar
2020-07-22 09:16:58
329
xuyuhao.mp4
2020-06-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人