明月清风徐徐-优快云博客

原创 MySQL数据库安装

首先打开下载官网：选择8.0.40版本：双击安装包。

2025-03-01 14:27:21 161

原创 Scrapy爬取豆瓣电影Top250排行榜并保存到json文件中

创建movie_douban爬虫项目：进入spiders：修改settings.py：在请求头中添加User-Agent字段。在终端运行以下命令：运行run.py，得到doubanMovie.json文件，内容如下：

2025-02-21 12:17:04 433

原创 Miniconda + VSCode 的Python环境搭建

因为 Anaconda 太大了，而且它的图形化界面也不如命令行常用，操作起来也比较慢，在这里推荐使用 miniconda，即精简版的Anaconda。第一次运行需要指定conda环境。在VSCode中按F1键，在命令行窗口中输入：conda --version。完成，提示的这两条命令，分别为激活和退出当前环境。选择我们刚刚创建的py310环境。中途需要输入 y 或者 Y。能输出conda版本号即可。

2025-02-18 22:50:25 1955

原创部署Vue前端项目——华为云

LNMP和LAMP环境主要的区别在于web服务器上面，LNMP使用的是Nginx服务器，而LAMP使用的是Apache服务器。首次使用宝塔面板推荐安装一组套件，对于刚接触Linux环境部署的博友们，推荐使用LNMP，采用极速安装、一键安装的方式。安装慢的话，我们只安装Nginx和FTP，因为我们这里只是个前端的Vue项目，没有涉及到数据库和后端。将dist文件夹移动到root文件夹中：从左边（自己的电脑）拖到右边（云服务器）即可。输入之前安装宝塔时记录的账户名和密码，登录。点击远程登录->选择立即登录。

2024-12-16 14:11:10 1089

原创 Vue实训---6-完成用户退出操作

el-dropdown-item @click="toggleToken">退出</el-dropdown-item>// toggleToken方法退出登录。点击“退出按钮”后，页面跳转至登录页面。

2024-12-11 23:07:29 522

原创 Axios网络请求

Axios通过Promise封装了Ajax技术，功能更强大，可以发送get、post等请求，可以作用于浏览器和服务器中。

2024-12-10 08:30:00 852

原创 Vue实训---6-导航守卫

导航守卫全局导航守卫会拦截每个路由规则，从而对每个路由进行访问权限的控制。例如，访问后台主页时，需要用户处于已登录状态，如果没有登录，则跳转到登录页面。用户在登录页面进行登录操作，若登录成功，则跳转到后台主页；若登录失败，则返回登录页面。

2024-12-10 01:40:00 654

原创 Vue实训---5-路由搭建

回顾之前的代码表示我们定义了一个url路径：'/'（即默认路径/）与Main.vue组件的对应关系，然后当项目启动后就默认进到默认路径 '/' 中，即会显示Main.vue路由。Mian.vue组件具体显示在App.vue的路由视图标签的位置。

2024-11-26 20:53:37 1536

原创 Vue实训---4-使用Pinia实现menu菜单展示/隐藏

Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。简介 | Pinia。

2024-11-24 17:22:00 780

原创 Vue实训---3-element plus的使用与布局

效果出现后，可以将这些el-button代码删掉，这样就不会影响我们后续的项目。ElementPlus官网对于每种组件都给出了代码示例。

2024-11-23 23:01:41 2970

原创 Vue项目-0-完成Vue开发环境的搭建

完成中文语言扩展（chinese），安装成功后，需要重新启动VS Code编辑器，中文语言扩展才可以生效。安装Vue-Official扩展，步骤与安装中文语言扩展相同（专门用于为“.vue”单文件组件提供代码高亮显示和语法支持）

2024-11-23 21:29:46 1252

原创 Vue实训---2-简单路由搭建

【代码】Vue实训---2-路由搭建。

2024-11-22 20:45:14 585

原创 Vue实训---1-创建Vue3项目

运行命令npm -v，查看npm版本号，如果是npm 7或更高版本运行以上命令即可。如果是npm 6或更低版本，使用npm create vite@latest my-vue-project --template vue创建项目。测试：在命令行运行npm run dev查看浏览器源代码，body的样式为background-color: #f5f5f5;删除src\components\HelloWorld.vue文件，不需要该文件。项目启动后，会默认开启一个本地服务，点击或者在浏览器中输入。

2024-11-22 20:10:13 859

原创 Scrapy爬取豆瓣电影Top250排行榜并保存到数据库中

参考优快云博客：https://blog.youkuaiyun.com/qq_43213783/article/details/1130635572024年11月11日实现。

2024-11-11 20:48:44 976

原创 Scrapy爬取heima论坛所有页面内容并保存到数据库中

scrapy genspider heima bbs.itheima.com # 爬虫名为heima ，爬取域为bbs.itheima.com。运行run.py文件，即可实现爬取第一页'http://bbs.itheima.com/forum-425-1.html'内容并保存到数据库中的功能。> db.heimaNews.find() # 查看heimaNews集合中的所有文档。# 爬虫名为heimaCrawl ，爬取域为bbs.itheima.com。# 获取下一页的链接。

2024-11-11 18:02:52 1114

原创 Scrapy链接MongoDB数据库

本文章是在的基础上改写的代码。

2024-11-04 17:10:42 1007 3

原创 Scrapy入门

标题： //div[@class="pageList"]/ul/li/a/div[@class="major-content1"]/text()# 日期： //div[@class="pageList"]/ul/li/a/div[@class="major-content2"]/text()# 链接： //div[@class="pageList"]/ul/li/a/@href。2.进入到mySpider/mySpider/spiders目录。print("文章链接:",url)

2024-11-04 16:37:35 588

原创 Vue 组件基础——自定义指令

当内置指令不能满足开发需求时，可以通过自定义指令来拓展额外的功能。自定义指令的主要作用是方便开发者通过直接操作DOM元素来实现业务逻辑。Vue中的自定义指令分为两类，分别是私有自定义指令和全局自定义指令。私有自定义指令是指在组件内部定义的指令。私有自定义指令可以在定义该指令的组件内部使用。全局自定义指令是指在全局定义的指令，全局自定义指令可以在全局使用。常用的自定义指令生命周期函数的参数如下表所示。1.1私有自定义指令如果使用setup语法糖，任何以“v”开头。

2024-05-05 18:27:18 760 1

原创 Vue 组件基础——插槽

标签定义插槽，从而在组件中预留占位符。<slot>插槽的默认内容

2024-05-05 17:57:11 1615

原创 Vue 组件基础——动态组件

链接：https://pan.baidu.com/s/16Iy3bNzoQUNiS8D0qOYtOw?其中<KeepAlive></KeepAlive>用于实现组件缓存。，当该属性值发生变化时，页面中渲染的组件也会发生变化。动态组件可以动态切换页面中显示的组件。标签可以定义动态组件，语法格式如下。函数只处理对象最外层属性的响应，它比。时，如果要实现组件的切换，需要调用。属性的属性值表示要渲染的组件。组件保存为响应式数据。

2024-05-05 17:24:24 1107

原创 Vue 组件基础与组件间的数据传递

组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构：这和我们嵌套HTML元素的方式类似，Vue实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。在Vue中，我们可以将页面中独立的、可重用的部分封装成组件，对组件的结构、样式和行为进行设置。组件是Vue的基本结构单元，组件之间可以相互引用。1.1定义一个计数器组件ButtonCounter.vue</script><template>

2024-05-05 10:26:22 995

原创 Vue Router 导航守卫

导航守卫用于控制路由的访问权限。例如，访问后台主页时，需要用户处于已登录状态，如果没有登录，则跳转到登录页面。用户在登录页面进行登录操作，若登录成功，则跳转到后台主页；若登录失败，则返回登录页面。导航守卫主要分为全局导航守卫导航独享守卫和组件导航守卫1.1全局导航守卫包括全局前置守卫beforeEach()和全局后置守卫afterEach()，在路由即将改变前和改变后进行触发。1.2导航独享守卫目前只有()守卫，只有在路由导航到一个不同的页面时才会被触发，()

2024-05-02 17:08:02 1351 1

原创 Vue Router 编程式导航

/ // 创建路由实例对象routes: [})// 导出路由实例对象。

2024-05-02 15:22:14 646 2

原创 Vue Router 命名路由

一、为什么要使用命名路由使用路由时，一般会先在routes属性中配置路由匹配规则，然后在页面中使用的to属性跳转到指定目标地址。但这种方式存在一些弊端，例如，当目标地址比较复杂时，不便于记忆；当地址发生变化时，需要同步修改所有使用了该地址的代码，会增加开发的工作量。为此，VueRouter提供了命名路由。二、命名路由的语法2.1使用定义路由匹配规则在定义路由匹配规则时，使用name属性为路由匹配规则定义路由名称，即可实现命名路由。命名路由的name。

2024-05-02 14:00:48 1304 1

原创 Vue Router 动态路由

动态路由是一种路径不固定的路由，路径中可变的部分被称为动态路径参数），使用动态路径参数可以提高路由规则的可复用性。在VueRouter的路由路径中，使用“参数名”的方式可以在路径中定义动态路径参数。:id', component: 组件 }]其中:id是动态路径参数，id为参数名。（注意：不同动态路径参数的动态路由在进行切换时，由于它们都是指向同一组件，所以Vue不会销毁再重新创建这个组件，而是复用这个组件。

2024-04-30 12:42:22 5304 1

原创 Vue Router 嵌套路由

父路由路径/子路由路径// router.js文件内容如下：// 导入组件// // 创建路由实例对象// // routes数组用于定义路由匹配规则// ]// })// // 导出路由实例对象//嵌套路由routes: [})// 导出路由实例对象。

2024-04-29 23:47:56 2482 2

原创 Vue Router的安装与基本使用方法

一、了解为何使用路由•具体使用示例：网易云音乐•单页面应用(SPA)：所有功能在一个html页面上实现•前端路由作用：实现业务场景切换（一个路由路径对应一个组件）•优点：整体不刷新页面，用户体验更好，数据传递容易，开发效率高。•缺点：首次加载（要加载所有的静态资源）会比较慢一点。1.vue-router模块yarn。

2024-04-29 22:22:14 2547 2

原创申请GitHub学生认证，免费使用GitHub Copilot

Github学生认证 + Copilot，这一篇就够了！用手机（不要用电脑）打开Github学生认证网址（注意千万不要科学上网！安装vscode github copilot插件，登录验证就可以用了~在你的邮箱check结果，一般晚上申请的话2-3分钟就能出结果。Name：改成你的英文名字，例如 Li Mingtian。学校：直接中文输入你的学校名字，然后选择弹出来的学校信息。导出你的英文成绩单，需要有当前日期, 打印纸质版。手机选上传照片，上传step2的jpeg图片。申请GitHub学生认证。

2023-04-21 17:29:16 9755 4

qq_40930841的博客