功能实现03 9.功能08-分页显示 9.1需求分析 将查询的数据进行分页显示，要求功能如下： 显示共多少条记录 可以设置每页显示几条 点击第几页，显示对应的数据 9.2思路分析 后端使用MyBatisPlus分页插件完成查询 修改FurnController，增加处理分页显示代码 完成前台代码，加入分页导航，并将分页请求和后台接口结合 9.3代码实现 9.3.1分页插件 创建MyBatisPlusConfig.java，在配置类中引入MyBatis-Plus分页插件 packagecom.li.furn.config; importcom.baomidou.mybatisplus....

SpringCloud&SpringCloudAlibaba基本介绍 1.SpringCloud基本介绍 SpringCloud官方文档 1.1提出问题 先思考一个问题，没有微服务技术，是不是程序员就不能开发大型项目？是可以的，对大型项目进行模块划分，对各个模块进行实现。但模块之间更多地是以API调用完成，耦合度较高，不利于拓展和维护（在没有微服务技术时，很多大型项目就已经使用了微服务的概念） 标准化的微服务解决方案（SpringCloud和SpringCloudAlibaba）出现的原因和价值是什么？（1）微服务可以根据业务不同，将一个大项目分解成不同的服务（比如搜索服务/网关...

搭建微服务基础环境01 1.创建父工程，用于聚合其他微服务模块 1.1创建父项目 说明：我们先创建一个父项目，该父项目会去管理多个微服务模块（module），如下： （1）File-New-Project-Maven，选择如下： （2）输入项目名称等信息，然后next （3）选择Maven，然后Finish 1.2项目设置 （1）File-Settings-Editor-FileEncodings，将编码改为UTF-8，点击Apply （2）Settings-Build，Execution，Deployment-Compiler-JavaCompiler，将项目的编译版本改为8，点击...

搭建微服务基础环境02 3.创建使用会员微服务模块-serviceconsumer 3.1需求分析 浏览器向serviceconsumer请求某个数据，serviceconsumer会去向serviceprovider请求数据，然后将serviceprovider返回的数据返回给浏览器。 添加数据同理。 3.2思路分析 创建Module（member-service-consumer-80）&完成配置 创建controller 完成测试 3.3实现步骤 3.3.1创建Module&完成配置 步骤同上一篇的2.3.1 （1）创建Module：member-service...

SpringCloudEureka-服务注册与发现01 1.Eureka介绍 1.1学习Eureka前的说明 目前主流的服务注册&发现的组件是Nacos，但是Eureka作为老牌经典的服务注册&发现技术还是有必要学习一下，原因： （1）一些早期的分布式微服务项目使用的是Eureka，在工作中完全有可能遇到这种情况。 （2）后期的服务注册&发现组件/技术，都参考了Eureka设计和理念，学习了Eureka后,我们上手Nacos容易很多，而且可以理解得更深刻。 1.2当前架构问题分析 在企业级项目中，服务消费访问请求会存在高并发现象。如果只有一个会员中心-提供服务，可用性...

SpringCloudEureka-服务注册与发现02 3.搭建EurekaServer集群-实现负载均衡&故障容错 3.1为什么需要集群EurekaServer？ 微服务RPC远程服务调用最核心的是高可用 如果注册中心只有1个，如果出现故障，会导致整个服务环境不可用 解决办法就是搭建Eureka注册中心集群，实现负载均衡和故障容错（构成集群的几个主机之间的提供的服务是相同的） 3.2搭建EurekaServer集群 3.2.1搭建第二个注册中心 搭建e-commerce-eureka-server-9002微服务模块，作为第二个EurekaServer-注册中心。 搭建的具体...

SpringCloudRibbon 1.Ribbon介绍 1.1Ribbon是什么？ 官网地址：Netflix/ribbon:Ribbon(github.com) SpringCloudRibbon是基于NetflixRibbon实现的一套客户端负载均衡的工具 Ribbon主要功能是提供客户端负载均衡算法和服务调用 Ribbon客户端组件提供一系列完整的配置项如连接超时，重试等 Ribbon会基于某种规则（如简单轮询，随机连接等）去连接指定服务 程序员很容易使用Ribbon的负载均衡软法实现负载均衡 一句话：Ribbon=负载均衡+RestTemplate调用 Ribbon目前进入维...

SpringCloudOpenFeign-服务调用 1.OpenFeign介绍 https://github.com/spring-cloud/spring-cloud-openfeign OpenFeign是一个声明式WebService客户端，使用OpenFeign让编写WebService客户端更加简单 它的使用方法是定义一个服务端口然后在上面添加注解 OpenFeign也支持可插拔式的编码器和解码器 SpringCloud对OpenFeign进行了封装使其支持SpringMVC标准注解和HttpMessageConverters消息转换器 OpenFeign可以与Eureka和R...

项目介绍与环境搭建 1.项目学习前置知识 Java基础知识 javaweb MySQL SpringBoot SSM（Spring，SpringMVC，MyBatis） Maven 2.学习收获 了解企业项目开发的完整流程，增长开发经验 了解需求分析的过程，提高分析和设计能力 对所学的技术进行灵活应用，提高编码能力 解决各种异常情况，提高代码调试能力 3.软件开发整体介绍 3.1软件开发流程 3.2角色分工 3.3软件环境 开发环境（development）：开发人员在开发阶段使用的环境，一般外部用户无法访问 测试环境（testing）：专门给测试人员使用的环境，用于测试项目，一...

SpringCloudGateway-服务网关 1.Gateway介绍 1.1引出问题 没有使用网关服务时： 使用网关服务后： 1.2Gateway网络拓扑图 1.3Gateway是什么 官网：SpringCloudGateway Gateway是Spring生态系统之上构建的API网关服务，基于Spring、SpringBoot和ProjectReactor等技术 Gateway旨在提供一种简单有效的方式来对API进行路由，以及提供一切强大的过滤器功能，例如：熔断、限流、重试等 1.4Gateway核心功能 鉴权 流量控制 熔断 日志监控 反向代理 1.5Gatewayvs...

SpringCloudSleuth+Zipkin-链路追踪 官网：spring-cloud/spring-cloud-sleuth:Distributedtracingforspringcloud(github.com) 分布式链路追踪之SpringCloudSleuth+Zipkin最全教程！bucaichenmou博客园(cnblogs.com) 1.Sleuth+Zipkin是什么 在微服务框架中，一个由客户端发起的请求在后端系统中会经过多个不同的的服务节点调用，来协同产生最后的请求结果，每一个请求都会形成一条复杂的分布式服务调用链路 链路中的任何一环出现高延时或错误都会引起整个请求最...

SpringCloudAlibabaNacos-服务注册与配置中心 官网：https://github.com/alibaba/nacos，Nacos官方中文手册 Nacos：SpringCloudAlibaba服务注册与配置中心（非常详细）(biancheng.net) SpringCloudAlibaba系列-一文读懂Nacos原理掘金(juejin.cn) 1.什么是Nacos Nacos/nɑ:kəʊs/是DynamicNamingandConfigurationService的首字母简称，一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。 Nacos主要功能包括： ...

Vue01 1.Vue是什么？ Vue（读音/vju:/，类似于view）是一个前端框架，依据构建用户界面 Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或者项目整合 支持和其他类库结合使用 开发复杂的单页应用非常方便 Vue是Vue.js的简称 官网：Vue.js渐进式JavaScript框架|Vue.js(vuejs.org) github：vuejs(github.com) 2.MVVM思想 M，即Model模型，包括数据和一些基本操作 V，即View视图，页面渲染效果 VM，即View-Model，模型和视图间的双向操作（无需开发人员干涉） 在MVVM之前，开发人员...

Vue02 7.修饰符 7.1基本说明 修饰符（Modifiers）是以.指明的后缀，指出某个指令以特殊方式绑定 官方文档：修饰符 Vue中的修饰符有： 事件修饰符 按键修饰符 系统修饰符 事件修饰符<!-阻止单击事件继续传播--> <av-on:click.stop="doThis"></a> <!-提交事件不再重载页面--> <formv-on:submit.prevent="onSubmit"></form> <!-修饰符可以串联--> <av-on:click.stop.prevent=...

Vue03 10.组件化编程 10.1基本说明 官网链接：https://v2.cn.vuejs.org/v2/guide/components-registration.html 在大型应用开发时，页面可以划分成很多部分。不同的页面，往往也会有相同的部分——例如可能会有相同的头部导航 如果每个页面都独自开发，无疑增加了我们的开发成本。因此，我们会把页面的不同部分拆分成独立的组件，然后在不同的页面共享这些组件，避免重复开发 组件（Component）是Vue.js最强大的功能之一（组件提高了复用性：界面复用性和代码复用性） 组件也是一个Vue实例，也包括：data，methods，生命周期...

Vue04 12.Vue2脚手架模块化开发 目前开发模式的问题： 开发效率低 不够规范 维护和升级，可读性比较差 12.1基本介绍 官网地址 什么是VueCli脚手架 12.2环境配置，搭建项目 VUE安装教程+VScode配置 搭建Vue脚手架工程，需要用到NPM（nodepackagemanager），npm是随node.js安装的一款包管理工具，类似Maven。所以我们需要先安装Node 为了更好兼容，这里我们安装node.js10.16.3，后面使用Vue3的脚手架工程搭建时再对Node升级 如果以前安装过node.js，为防止版本冲突，先卸载 下载node.js10.1...

jQuery01 参考文档1：jQueryAPI中文文档|jQueryAPI中文在线手册|jqueryapi下载|jqueryapichm(cuishifeng.cn) 参考文档2：jQuery教程(w3school.com.cn)，jQuery教程|菜鸟教程(runoob.com) 1.什么是jQuery？ jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"WRITELESS,DOMORE"的JavaScript库。 jQuery库包含以下功能： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTMLDOM遍历和...

JQuery02 4.jQuery选择器02 4.3过滤选择器 4.3.1基础过滤选择器 $("li:first")//第一个li $("li:last")//最后一个li $("li:even")//挑选下标为偶数的li $("li:odd")//挑选下标为奇数的li $("li:eq(4)")//下标等于4的li(第五个li元素) $("li:gt(2)")//下标大于2的li $("li:lt(2)")//下标小于2的li $("li:not(runoob)")//挑选除id="runoob"以外的所有li 基础过滤选择器介绍： :first用法：$("tr:first");，返回值...

JQuery03 4.jQuery选择器03 4.4表单选择器 应用实例 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>表单选择器应用实例</title> <scripttype="text/javascript"src="./script/jquery-3.6.1.min.js"></script> <scripttype="text/javascript"> $(function(){ //...

JQuery04 6.jQuery的DOM操作02 6.9常用遍历节点方法 取得匹配元素的所有子元素组成的集合：children()，该方法只考虑子元素而不考虑任何后代元素 取得匹配元素后面的同辈元素的集合：next()/nextAll() 如果是next方法，就是拿到指定元素后面的一个元素，如果是nextAll，就是后面所有的元素。下面同理 取得匹配元素前面的同辈元素的集合：prev()/prevAll() 取得匹配元素前后所有的同辈元素的集合：siblings() 获取指定的第几个元素：nextAll().eq(index) 对获取到的同辈元素进行过滤：nextAll().filte...