摘要: 1. Eureka集群 1.1 集群架构 1.2 实现Eureka集群 1.2.1 修改服务器项目 ServerApp: package org.crazyit.cloud; import java.util.Scanner; import org.springframework.boot.auto 阅读全文
posted @ 2020-10-26 22:07 SmallGrayCode 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 1. Eureka 1.1 关于Eureka 为springcloud提供了Eureka服务端和客户端,主要用于服务管理。 Eureka架构: 1.2 搭建Eureka服务器 创建一个项目ServerDemo: 需要导入的jar包: <dependencyManagement> <dependenc 阅读全文
posted @ 2020-10-26 20:23 SmallGrayCode 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 1. String Boot的使用 1.1 创建项目 1.2 导入依赖 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artif 阅读全文
posted @ 2020-10-26 19:32 SmallGrayCode 阅读(289) 评论(0) 推荐(0) 编辑
摘要: 1. 路由 1.1 vue-router动态路由匹配 1.1.1 动态匹配路由的基本用法 应用场景:通过动态路由参数的模式进行路由匹配。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="view 阅读全文
posted @ 2020-09-08 14:49 SmallGrayCode 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 1. 路由 路由是一个比较广义和抽象的概念,路由的本质就对应关系。 在开发中,路由分为前端路由和后端路由。 1.1 路由的基本概念与原理 1.1.1 后端路由 概念:根据不同的用户URL请求,返回不同的内容 本质:URL请求地址与服务器资源之间的对应关系 后端渲染(存在性能问题) Ajax前端渲染( 阅读全文
posted @ 2020-09-08 11:41 SmallGrayCode 阅读(380) 评论(0) 推荐(0) 编辑
摘要: 1. Vue前端交互 接口调用的方式有哪些? 原生ajax 基于jQuery的ajax Fetch Promise url地址格式有哪些? 传统的url Restful形式的url 1.1 异步 JavaScript的执行环境是「单线程」 所谓单线程,是指JS引擎中负责解释和执行JavaScript 阅读全文
posted @ 2020-09-07 17:31 SmallGrayCode 阅读(646) 评论(0) 推荐(0) 编辑
摘要: 1. 组件 组件(Component)是Vue.js最强大的功能之一。 组件可以扩展HTML元素,封装可重用的代码。 1.1 组件注册 1.1.1 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用 < 阅读全文
posted @ 2020-09-05 14:36 SmallGrayCode 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 1. 监听器 使用watch来响应数据的变化一般用于异步或者开销较大的操作watch中的属性一定是data中已经存在的数据当需要监听一个对象的改变时,普通的watch方法无法监听到对象内部属性的改变,只有data中的数据才能够监听到变化,此时就需要deep属性对对象进行深度监听。 <!DOCTYPE 阅读全文
posted @ 2020-09-05 00:09 SmallGrayCode 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 1. 表单基本操作 1.1 获取单选框中的值 1、两个单选框需要同时通过v-model双向绑定一个值2、每一个单选框必须要有value属性,且value值不能一样3、当某一个单选框选中的时候v-model会将当前的value值改变data中的数据 1.2 获取复选框中的值 1、复选框需要同时通过v- 阅读全文
posted @ 2020-09-04 16:21 SmallGrayCode 阅读(370) 评论(0) 推荐(0) 编辑
摘要: 1. 属性绑定 Vue要实现动态处理属性,就需要使用到v-bind指令用法了。 v-bind指令的用法呢就是v-bind:属性,也可以缩写成:属性。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue的基本使用</title 阅读全文
posted @ 2020-09-04 11:49 SmallGrayCode 阅读(334) 评论(0) 推荐(0) 编辑