- 博客(30)
- 收藏
- 关注
RSS订阅原创 9.如何将Redis整合到我们的项目之中
在上一节课中，我们梳理了我们的项目之间各自的关系。接下来，我们就要加入我们缓存技术Redis了。在一般的项目中我们都是加入在mysql之前，当外来的数据访问我们的mysql数据库的时候，如果redis里面有这个数据。我们就不会访问我们的mysql而是直接访问我们的redis进行替代。可是，我们的项目是直接使用Elasticesearch进行我们的查询操作，所以加入redis后。如下图所示：这就理清了，我们的reids应该在我们的项目中的那个位置。
2024-07-12 20:41:54
246
原创 8.ElasticSearch，mysql，springcloud之间的关系
他们的关系如上，接下来。我们就要加入非常重要的技术，那就是我们的Redis。
2024-07-12 15:01:52
84
原创 7.ElasticSearch
ElasticSearch本质上是一个数据库，它是一个专门为搜索而生的数据库。它本质是基于倒排排序所设计的数据库。其就是通过将文章里面的词建档，而每个词都有独立的id。所以，进行模糊查询的时候自然就很快了。这个数据库可以取代mysql吗？不，正常情况下他们都是共生的关系，我们将MySQL作为业务数据库,ES作为查询数据库,用来实现读写分离,缓解MySQL数据库的查询压力,应对海量数据的复杂查询。你看下面的一张图就知道了。不过，话也说会来了。ES也只是在一些大公司里面才会用到。
2024-07-12 14:18:56
586
原创 6.springcloud之gateway
gateway也就是我们的网关。为什么我们要使用网关呢？因为，我们在实际工作中。在把服务器的请求发送到相关的服务的时候，我们往往要进行多种的操作，比如路由，过滤，限流以及监控等。如果我们每一个服务都进行这么一个操作会造成我们的重复开发，所以我们选择使用网关进行我们的动态的路由。
2024-07-10 15:45:59
118
原创 5.springcloud之nacos 将配置交给服务中心进行管理
3）、需要给配置中心默认添加一个叫 数据集（Data Id）spring.application.name.properties。* 2、每一个微服务之间互相隔离配置，每一个微服务都创建自己的命名空间，只加载自己命名空间下的所有配置。* 项目中的使用：每个微服务创建自己的命名空间，使用配置分组区分环境，dev，test，prod。* 如果配置中心和当前应用的配置文件中都配置了相同的项，优先使用配置中心的配置。* 1)、微服务任何配置信息，任何配置文件都可以放在配置中心中。
2024-07-10 15:01:43
867
原创 4.如何使用springcloud之nacos篇
上面的这个图很清楚的向我们展示了什么是微服务，就是我们把一个项目拆成无数个小项目进行实现，比如就拿我们最熟悉的登入和注册操作来说。相当于我们的登入和注册分别是两个不同的程序，分别可以对我们的数据库进行crud。我们想实现这么一个需求，比如一个网站，很有可能一个人之前注册过了，后面忘记了。而自己又重新注册了一边，里面如果我们发现了，我们想在注册模块调用我们的登入模块。这就形成我们的微服务。
2024-07-10 14:25:41
877
原创 3.如何使用github来管理我们的代码
当我们写完代码之后，我们需要将我们的代码上传到某个地方来保管。以便运维的兄弟将我们的代码部署到我们的服务器。所以我们需要引用github来保管我们的代码。关于这个技术，我们只需要学会如何拉取代码和上传我们的代码就好了。同时我们回顾一下我们需要掌握的后端技术。接下来就是git。
2024-07-09 19:32:29
288
原创 2.如何使用springboot和mybaitsplus来接收一个前端的数据。以及如何通过这个数据来处理数据库。
根据第1课的讲述，前端实际上发送了这么一个数据给我们的后端。
2024-07-08 18:56:33
790
原创 1.如何建立一个前端程序用来接受网页上的数据访问
经过之前对于前端的相关知识的学习，我们开始动手做一个简单的项目。我们要求，可以从前端发送自己的登入的用户名给后端，并且由后端来判断登入是否成功。以下是我们项目的基本结构：前端登入代码：<script setup> import {ref,reactive} from 'vue' import {useRouter} from 'vue-router' const router = useRouter() impo
2024-07-08 15:38:29
188
原创 Vue3数据交互axios
在解释这个问题前，我们应该先知道什么是普通函数和回调函数。普通函数就是我们自己定义的函数普通函数按顺序执行，比如上图应该是先执行fun1()函数再执行console.log函数。而以上的函数就是回调函数，意思是2秒之后执行funciton()函数。概括，回调函数就一种在未来会被执行 的函数 ，而回调函数其他的代码不会等待回调函数执行完毕。而promise函数就是为了解决传统回调函数存在的问题，promise简单的来说就是一个容器，里面保存着某个未来才会结束的事件。Promise。
2024-07-03 19:49:39
641
原创 vue3的生命周期，生命周期钩子函数，如何使用组件拼接页面
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码!常见钩子函数onMounted() 注册一个回调函数，在组件挂载完成后执行。onUpdated() 注册一个回调函数，在组件因为响应式状态变更而更新其 DOM 树之后调用。onUnmounted() 注册一个回调函数，在组件实例被卸载之后调用。
2024-07-02 14:20:16
454
原创 什么是数据监听器，以及如何使用数据监听器
用途的简单来说，如果一个数据和另一个数据有关。我们就需要使用监听器让一个数据监听另一个数据。下面是一需求，如果一个人告诉你他的名字和姓。watchEffect默认监听所有的响应式数据。
2024-07-02 14:20:01
84
原创 如何使用 Vue组件,组件拼接页面，以及组件之的传参问题
组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。组件就是实现应用中局部功能代码和资源的集合！
2024-07-02 14:19:41
245
原创 vue3路由机制router
定义：路由就是根据不同的 URL 地址展示不同的内容或页面。- 通俗理解：路由就像是一个地图，我们要去不同的地方，需要通过不同的路线进行导航。
2024-07-02 14:19:10
638
原创 什么是属性计算，以及为什么要使用属性计算
这里的模板看起来有些复杂。我们必须认真看好一会儿才能明白它的计算依赖于 `author.books`。更重要的是，如果在模板中需要不止一次这样的计算，我们可不想将这样的代码在模板里重复好多遍。模板中的表达式虽然方便，但也只能用来做简单的操作。如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。比如说，我们有这样一个包含嵌套数组的对象。因此我们推荐使用**计算属性**来描述依赖响应式状态的复杂逻辑。
2024-07-01 15:12:12
86
原创 什么是单项绑定，双向绑定？
用通俗的话来说，单项绑定的话。如果我在页面上修改了值，我不会影响到数据的变化。但是数据的变化会影响我数据的显示。应用，如果我不希望一个值可以被用户修改。我就会选择单项绑定。双向的话，在页面上的修改就会影响到数据。比如填手机号，注册之类的。以下是一个应用实例。
2024-07-01 15:04:49
106
原创 什么是列表渲染
类似于后端你有一个数组了，你希望可以print出来，这情况我们叫做列表渲染。当然我们也可以结合之前学的做一个小案例。指令基于一个数组来渲染一个列表。以上就是简单使用的案例了。
2024-07-01 14:34:29
193
原创 什么是条件渲染，以及如何使用条件渲染
如以上的代码，如果awesome为ture执行，vue is awesome，如果为false执行 oh no。v-if = "表达式"只会在指令的表达式返回真值时才会被渲染。
2024-07-01 14:22:52
153
原创 响应式数据如何处理
counter在script中，和template中操作的时候，一个要加点value一个不用。但其实他们是一个东西，在内存地址也是一样的。所以建议使用reactive。先将数据转换成响应式数据。其中还可以互相转换如下。
2024-07-01 11:16:18
160
原创 事件如何绑定，如何操作
上面代码是让点击的时候，在跳转的同时执行fun3事件。内联事件处理器，就是把业务逻辑写button里面了。必须要传事件才能在fun3中对事件进行操作。$event传入事件。
2024-07-01 11:05:35
100
原创 vite+vue响应式数据的入门，setup函数
下面是最简单的使用，我们需要在script标签中使用setup构建数据和定义方法。int i = 1;还是问why，如上图。比如你添加购物车，你肯定要选择件数。你点+，数字要加1。接着在template标签中定义。
2024-07-01 10:30:43
97
原创 CSS样式的导入
还是先问自己why？我们在style里面可能需要多个样式共我们使用，比如你标题和正文的字体的大小和颜色肯定不能一样对吧？所有我们需要多个样式供我们使用。当然，如果一个样式如果你想在所有的vue文件中有效。你需要在main.js中导入。但是这样处理还是有问题，我们把样式和其他的放一块，我们无法做到跨文件使用。所以我们需要将css样式放到一个单独的文件中。style/test.css文件就是我们css目录样式了。先定义一个class引入样式的代号。接下如何引入，在vue文件中使用。第二种在style标签上。
2024-07-01 10:03:34
185
原创 前端工程化各个文件的关联，或者前端代码如何变成一个网页
接下来，到main.js文件中，我们清楚的发现，这个文件，分别调了app.vue负责网页，还有路由的信息，以及开启了pinia.通过上图代码，我们成功的去到src/main.js文件中找我们的组件。以及我们网页需要的其他的配置。我们可以发现这个组件还可以引入其他的组件。首先一开始我们肯定得有一个入口吧。index,html文件就是我们的入口。以此类推我们可以引入多个vue组件来构成我们的页面。我们的代码如何变成一个网页呢？接着我们就到vue组件上了。
2024-07-01 09:46:20
106
原创 为什么要使用vue+vite组件开发，以及如何使用。
首先，什么是组件，以及为什么要用组件。什么是组件看下图一目了然，为什么要用组件就和java代码一样，我自然希望可以做到代码复用了。template标签则是用来进行页面布置的。比如一个页面有没有按钮之类的。style标签是用来定义你的字体大小，颜色等样式信息的。script标签则是用来写一些业务逻辑的。
2024-07-01 09:28:11
124
原创 vite+vue3项目的目录结构
vite.config配置项目。比如可以配置端口号。src.plugin放一些vite插件相关的东西。src.store放和vue状态管理有关的文件。src.router放一些和路由相关的东西。node_modules目录 放一些依赖。src.components 放组件的。src.utils放一些通用的工具类。src.assets放静态资源的。src.pages放页面级组件的。pulice 存放公共资源的。
2024-07-01 09:18:49
181
原创 vite构建工程化前端项目
的全称是Node Package Manager，是一个NodeJS包管理和分发工具。npm create vite命令引入vite。package.json就是记录着我们的依赖。和pom文件一样，我们需要下载文件。下载文件命令npm i。或者npm install.和后端一样，依赖太多需要自己一个一个导入不现实。自然需要一个工具帮我们构建了。运行命令npm run dev。首先我们需要一个npm，帮我们引入vite。接着我们就出现在这样一个项目结构。
2024-07-01 09:07:06
156
原创 vue技术1,非工程化快速体验
用途，可以让页面快速的动态变化。以及一个vue.ceateApp可以被多个使用。值得注意的是只有return里面有的参数才会被挂上去。首先定义挂点，并且构建将app挂上。
2024-06-29 17:02:22
139
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人