Vue-CLI脚手架与node.js安装
前言:
Vue-CLI 是一个基于 Vue.js 快速开发单页应用的官方脚手架工具,能够帮助开发者快速搭建前端项目的基础结构。在开始使用 Vue-CLI 前,首先需要安装 Node.js,因为 Vue-CLI 是基于 Node.js 构建的。 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,能够让 JavaScript 在后端也能够运行。安装 Node.js 后,就可以通过 npm(Node.js 的包管理工具)来安装 Vue-CLI,并开始使用它来创建 Vue 项目。
在本文中,我们将介绍如何安装 Vue-CLI 脚手架工具以及 Node.js,为后续的 Vue 项目开发做好准备。让我们一起来学习如何搭建一个完整的前端开发环境吧!
作者建议:学习知识在于深度理解,多动手、多动脑,总能更快地领悟。不要仅仅停留在阅读代码的层面,亲自动手敲打一遍,会带来更丰富的收获。通过实践,我们能够更深入地理解知识,掌握技能,并且在解决问题时更加得心应手。相信自己的能力,坚持不懈地实践,你将会取得更大的进步和成就。让学习成为一种习惯,让动手实践成为你提升的捷径,加油!你是最棒的!
目录
前言:
Vue-cli的优点
安装nods.js环境
搭建vue脚手架项目
编辑 项目结构解读编辑
常用命令
创建组件
组件路由
在终端下载router组件
配置路由
路由嵌套
Vue-cli的优点
1. 快速上手,提高开发效率:
- 项目初始化: Vue CLI 提供了丰富的模板,可以快速生成项目结构,并配置好必要的依赖,省去了手动配置的时间。
- 项目管理: Vue CLI 提供了命令行工具,方便管理项目,例如创建组件、运行项目、打包项目等。
- 插件系统: Vue CLI 支持丰富的插件,可以根据项目需求扩展功能,例如路由、状态管理、UI 框架等。
2. 降低学习成本:
- 简单易学: Vue CLI 的使用非常简单,即使是新手也可以快速上手。
- 丰富的教程: 网上有很多关于 Vue CLI 的教程,方便开发者学习。
但是使用Vue-cli(脚手架)前提是安装node.js环境.
安装nods.js环境
下载地址:
node.js官网下载地址https://nodejs.org/en/download/package-manager选择版本下载:版本16.20.2
进行安装:点击
下一步:
验证node.js安装是否完成
打开终端进行测试,输入 node -v 和 npm -v 指令,若如下图所示,则表明node.js环境安装成功
搭建vue脚手架项目
在HBuilderX中创建vue项目
注意:这里以vue2为例,所以创建vue项目(2.6.10)
项目创建成功,运行代码 npm run serve命令运行项目
外部命令运行
项目网址
运行成功的网页样式
项目结构解读![](https://img-blog.csdnimg.cn/direct/1815db4ad57a469aa77fa75e4c3c1a03.png)
常用命令
npm run serve
该命令用来运行项目,在上面有演示
Ctrl+C
在终端Ctrl+C,选择是否结束运行项目
npm install
下载并安装依赖,即node_modules。
我们一般在网上下载的项目中都不会有node_modules文件,因为node_modules文件太大了,项目中存在package.json文件,我们需要的依赖地址都在这个文件中,我们可以通过npm install指令来下载(类似maven)
注意:下载前我们需要删除package-lock.json 文件(本文件存放依赖的以前地址,软件可能通过本文件中的地址来找依赖)
下面代码可以避免package-lock.json 文件生成
npm config set package-lock false
npm run build
用来打包项目,生成一个dist文件夹 ,类似于maven的打包功能
创建组件
vue-cli中讲不同的网页(项目)看做成不同的组件,我们只需要创建vue文件,来编写组件,最后都会在index.html文件中实现
组件模本格式
<template><!-- 我们之前的html代码写在<template>标签中 --><div><!-- 组件中必须有一个跟标签 --> </div>
</template><script>// 这里不能new vue对象,要先导出组件(export)export default{data(){return{}},methods:{}}
</script><style>/* css内容 */
</style>
组件路由
简单理解:组件路由就是组件之间切换(路由绑定组件地址等)与链接(路由嵌套,也就是在一个路由下写子路由)
在终端下载router组件
在终端输入命令:npm i vue-router@3.5.3
下载成功后如下文图
配置路由
在src目录下创建一个router包,并创建一个index.js文件,并配置index.js中路由的配置
我们需要再index.js(路由文件)中配置组件的地址,路由的链接(嵌入)等
path用来定义component所绑定的组件地址。component后的组件名必须和import后的名字对应相同
代码:
import Vue from 'vue';
import router from 'vue-router'; /* 导入路由 */import Login from '../Login.vue'; /* 导入其他组件 */
import Main from '../Main.vue'; /* 导入其他组件 */
import MagorList from '../views/major/MajorList.vue'; /* 导入其他组件 */
import StudentList from '../views/student/StudentList.vue'; /* 导入其他组件 */Vue.use(router);/* 定义组件路由 */
var rout = new router({routes: [{path: '/',component: Login},{path: '/login',component: Login},{path: '/main',component: Main}]
});//导出路由对象
export default rout;
路由嵌套
就是在一个主路由下面放一个子路由
实例:在mian这个路由下面放majorlist路由与studentlist路由他们可以在major路由中打开别的路由
{path: '/main',component: Main,children: [{path: "/majorlist",component: MagorList},{path: "/studentlist",component: StudentList}]}
效果解释:注意网址改变了
相关文章:
![](https://img-blog.csdnimg.cn/direct/a78e884fe65f479a91fd1cf89220c8ef.png)
Vue-CLI脚手架与node.js安装
前言: Vue-CLI 是一个基于 Vue.js 快速开发单页应用的官方脚手架工具,能够帮助开发者快速搭建前端项目的基础结构。在开始使用 Vue-CLI 前,首先需要安装 Node.js,因为 Vue-CLI 是基于 Node.js 构建的。 Node.js 是一个基于 Chrom…...
![](https://img-blog.csdnimg.cn/img_convert/8ec871307bf478d4a3cefccfd982e56c.png)
自适应站长跑路单页网站源码
跑路单页HTML源码自行修改文字就行了,上传到服务器里面运行即可,本地运行的话音乐会加载不出来,涉及到跨域问题 自适应站长跑路单页网站源码...
![](https://img-blog.csdnimg.cn/direct/db41460821464f77a60515febdec7871.png)
Java基础(判断和循环)
一、流程控制语句-顺序结构 顺序结构语句是Java程序默认的执行流程,按照代码的先后顺序,从上到下依次执行。 二、流程控制语句-分支结构(分支结构包括if、switch) if语句:在程序中用来进行判断 1、If语句的第一种格式…...
![](https://www.ngui.cc/images/no-images.jpg)
51单片机第12步_使用stdio.h库函数仿真串口通讯
本章介绍如何使用stdio.h库函数仿真串口通讯,学会使用view下面的“serial window #1”,实现模拟串口通讯。 Keil C51中有一些关键字,需要牢记: interrupt0:指定当前函数为外部中断0; interrupt1:指定当前函数为定时器0中断&…...
![](https://www.ngui.cc/images/no-images.jpg)
simulink-esp32开发foc电机
1. ESP32 和 STM32 都是流行的微控制器,但它们的刷写方式有所不同。 ESP32 ESP32 可以通过以下几种方式刷写: USB 下载模式:这是最常见的一种刷写方式。将 ESP32 连接到计算机的 USB 端口,然后将 ESP32 置于下载模式。可以使用…...
![](https://www.ngui.cc/images/no-images.jpg)
Python教程--基本技能
】TOC 5.1 解析命令行参数 在Python中,解析命令行参数是一项常见的任务,尤其是在开发命令行工具或脚本时。Python标准库提供了argparse模块,它可以帮助你轻松地编写用户友好的命令行接口。下面是使用argparse模块解析命令行参数的基本步骤&…...
![](https://img-blog.csdnimg.cn/direct/2d3a5697157648c09faff7bd49c12660.png)
干货分享:Spring中经常使用的工具类(提示开发效率)
环境:Spring5.3…30 1、资源工具类 ResourceUtils将资源位置解析为文件系统中的文件的实用方法。 读取classpath下文件 File file ResourceUtils.getFile(ResourceUtils.CLASSPATH_URL_PREFIX "logback.xml") ; // ...读取文件系统文件 file Resou…...
![](https://csdnimg.cn/release/blog_editor_html/release2.3.6/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=N7T8)
一文讲懂npm link
前言 在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试 用法 包链接是一个两步过程: 1.为依赖项创建全局软链npm link。一个符号链接,简称软链&a…...
![](https://img-blog.csdnimg.cn/direct/38730faabb074ee0a44ce1883c8d72c1.png)
观成科技:证券行业加密业务安全风险监测与防御技术研究
摘要:解决证券⾏业加密流量威胁问题、加密流量中的应⽤⻛险问题,对若⼲证券⾏业的实际流量内容进⾏调研分析, 分析了证券⾏业加密流量⾯临的合规性⻛险和加密协议及证书本⾝存在的⻛险、以及可能存在的外部加密流量威 胁,并提出防…...
![](https://www.ngui.cc/images/no-images.jpg)
使用Swoole开发高性能的Web爬虫
使用swoole开发高性能的web爬虫 Web爬虫是一种自动化获取网络数据的工具,它可以在互联网上收集数据,并且可以被应用于各种不同的领域,如搜索引擎、数据分析、竞争对手分析等。随着互联网规模和数据量的快速增长,如何开发一个高性…...
![](https://img-blog.csdnimg.cn/img_convert/c175558f14bca7b6cbf12c5e83cc5304.jpeg)
【Elasticsearch】Elasticsearch索引创建与管理详解
文章目录 📑引言一、Elasticsearch 索引的基础概念二、创建索引2.1 使用默认设置创建索引2.2 自定义设置创建索引2.3 创建索引并设置映射 三、索引模板3.1 创建索引模板3.2 使用索引模板创建索引 四、管理索引4.1 查看索引4.2 更新索引设置4.3 删除索引 五、索引别名…...
![](https://img-blog.csdnimg.cn/direct/e986f484419b4f8f89f3fb4d5131306e.png)
[数据集][目标检测]棉花检测数据集VOC+YOLO格式389张1类别
数据集格式:Pascal VOC格式YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数):389 标注数量(xml文件个数):389 标注数量(txt文件个数):389 标注类别…...
![](https://www.ngui.cc/images/no-images.jpg)
使用Java实现实时数据处理系统
使用Java实现实时数据处理系统 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿! 引言 在当今信息爆炸的时代,实时数据处理系统变得越来越重要。无论…...
![](https://www.ngui.cc/images/no-images.jpg)
整合web-socket的常见bug
整合文章连接 此文是记录我上网查找整合方案时候踩的坑,特别是注册失败的问题,比如还有什么去掉Compoent就可以,但是这样这个端点就失效了 特别是报错: at org.springframework.web.socket.server.standard.ServerEndpointExporter.registerEndpoint(ServerEndpointExporter.…...
![](https://www.ngui.cc/images/no-images.jpg)
Python 中字符串的常用操作都有哪些?
在 Python 中字符串的表达方式有四种 一对单引号 一对双引号 一对三个单引号 一对三个双引号 a ‘abc’ b “abc” c ‘’‘abc’’’ d “”“abc”"" print(type(a)) # <class ‘str’> print(type(b)) # <class ‘str’> print(type©) # <…...
![](https://www.ngui.cc/images/no-images.jpg)
FFmpeg 硬件编码加速文档介绍
介绍 硬件访问:许多平台提供了对专用硬件的访问,这些硬件可以用于执行解码、编码或过滤等视频相关操作。 性能与资源使用:使用硬件可以加快某些操作的速度或减少其他资源(特别是CPU)的使用,但可能会产生不同的结果或质量较低,或带来在使用纯软件时不存在的额外限制。 硬…...
![](https://img-blog.csdnimg.cn/direct/af12b9cab7cf4fe8abe34ce40576aee1.png)
【Matlab函数分析】imread从图形文件读取图像
🔗 运行环境:Matlab 🚩 撰写作者:左手の明天 🥇 精选专栏:《python》 🔥 推荐专栏:《算法研究》 #### 防伪水印——左手の明天 #### 💗 大家好🤗ᾑ…...
![](https://img-blog.csdnimg.cn/direct/9f1ec26be0364b91a08031f4b08a2caa.png#pic_center)
零基础光速入门AI绘画,SD保姆攻略
前言 大家好,我是AI绘画咪酱。一名AIGC狂热爱好者,目前正在AI绘画领域进行深入的探索。 我花了一个月时间把SD研究了一遍,秉持着用有趣、易懂的文字让小白也可以零基础光速使用SD(stable diffusion)入门AI绘画&#…...
![](https://img-blog.csdnimg.cn/direct/271c63c8e3764102bc6f67efa4f69d73.png)
详细配置SQL Server的链接服务器(图文操作Mysql数据库)
目录 前言1. MySQL ODBC 驱动2. 配置 SQL Server 链接服务器3. 彩蛋前言 此处配置以及安装没有什么理论知识 所以直奔主题,跟着以下步骤配置安装即可 需求:准备在10.197.0.110中链接外部的10.197.0.96的mysql数据源 已默认在10.197.0.96中安装了MySQL数据库并且知道其连接信…...
![](https://img-blog.csdnimg.cn/direct/1f1f516c868b482b99dbd43fd4175b20.png)
DDD学习笔记五
模型引力场:聚合 强作用力体现: 某个领域模型是另一些模型存在的前提,没有前者,后者就失去了生存的意义。 一组领域模型之间存在关联的领域逻辑,任何时候都不能违反。 一组领域模型必须以一个完整的、一致的状态呈现给…...
![](https://www.ngui.cc/images/no-images.jpg)
CAN报文的发送类型-OnChange、OnWrite、IfActive、Repetition
CAN报文的发送类型分为基本发送类型和混合发送类型两大类 CAN基本发送类型包括Cyclic周期发送、OnChange变化时发送、OnWrite写入时发送和IfActive有效时发送。基本发送类型中的Cyclic称为周期型,而其他3个类型称为事件型(Event)。发送次数是通过定义Repetition重复次数来实…...
![](https://img-blog.csdnimg.cn/direct/7641f48da38449c0a6c81254e6cf9241.jpeg)
神经网络在机器学习中的应用:手写数字识别
机器学习是人工智能的一个分支,它使计算机能够从数据中学习并做出决策或预测。神经网络作为机器学习的核心算法之一,因其强大的非线性拟合能力而广泛应用于各种领域,包括图像识别、自然语言处理和游戏等。本文将介绍如何使用神经网络对MNIST数…...
![](https://www.ngui.cc/images/no-images.jpg)
QT拖放事件之四:自定义拖放操作-利用QDrag来拖动完成数据的传输-案例demo
1、核心代码 #include "Widget.h" #include "ui_Widget.h" #include "MyButton.h"Widget::Widget(QWidget *parent): QWidget...
![](https://www.ngui.cc/images/no-images.jpg)
Spring Boot应用的部署与扩展
Spring Boot应用的部署与扩展 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿! 引言 Spring Boot作为现代化Java应用的首选框架之一,以其简化的配置…...
![](https://img-blog.csdnimg.cn/direct/b05cf8d2a26645368f9d0de92486c678.png)
Spring底层原理之bean的加载方式八 BeanDefinitionRegistryPostProcessor注解
BeanDefinitionRegistryPostProcessor注解 这种方式和第七种比较像 要实现两个方法 第一个方法是实现工厂 第二个方法叫后处理bean注册 package com.bigdata1421.bean;import org.springframework.beans.BeansException; import org.springframework.beans.factory.config.…...
![](https://www.ngui.cc/images/no-images.jpg)
大数据面试题之Spark(5)
Spark SQL与DataFrame的使用? Sparksql自定义函数?怎么创建DataFrame? HashPartitioner和RangePartitioner的实现 Spark的水塘抽样 DAGScheduler、TaskScheduler、SchedulerBackend实现原理 介绍下Sparkclient提交application后,接下来的流程? Spark的几种…...
![](https://www.ngui.cc/images/no-images.jpg)
springboot笔记示例六:fastjson2集成
springboot笔记示例六:fastjson2集成 本文md下载 https://download.csdn.net/download/a254939392/89491102本文md文档下载地址 #springboot json官方说明 https://docs.spring.io/spring-boot/docs/2.1.6.RELEASE/reference/html/boot-features-json.htmlsprin…...
![](https://img-blog.csdnimg.cn/direct/1896bfb70d6846389296f4cb7415376b.png)
VLOOKUP函数在表格的简单运用-两个表匹配
1.什么是VLOOKUP? VLOOKUP是Excel中的一个内置函数,主要用于在区域或表格的首列查找指定的值,并返回该行中其他列的值。它特别适用于跨表格数据匹配 2.函数运用 2.1.这边两个表取名a表和b表,做为我们的实例表。 表格a包含&…...
![](https://img-blog.csdnimg.cn/direct/777ffabcbf684eb0bb5580a00b2b5f2b.png#pic_center)
http.cookiejar.LoadError: Cookies file must be Netscape formatted,not JSON.解决方案
大家好,我是爱编程的喵喵。双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中。从事机器学习以及相关的前后端开发工作。曾在阿里云、科大讯飞、CCF等比赛获得多次Top名次。现为CSDN博客专家、人工智能领域优质创作者。喜欢通过博客创作的方式对所学的…...
![](https://img-blog.csdnimg.cn/direct/43373a5186b949e4a2e6dd4aba035d80.png)
逻辑操作符
目录 && --- 逻辑与操作符 || --- 逻辑或操作符 && --- 逻辑与操作符 逻辑与操作符有并且的意思,一般用于判断语句中 逻辑与操作符运行规则是都要为真,才会继续执行或计算 360笔试题: 有关前置(--),后置(-…...
![](https://www.ngui.cc/images/no-images.jpg)
Java调用第三方接口的秘籍:技巧、案例与最佳实践
Java调用第三方接口的秘籍:技巧、案例与最佳实践 在Java开发中,调用第三方接口是一项常见的任务。无论是与外部系统交互、集成其他服务,还是调用远程API获取数据,掌握有效的第三方接口调用技巧都是至关重要的。本文将深入剖析Jav…...
![](https://img-blog.csdnimg.cn/direct/be1ac39608634bd9b03cd04bb3b040a5.png)
【机器学习】机器学习重要方法——深度学习:理论、算法与实践
文章目录 引言第一章 深度学习的基本概念1.1 什么是深度学习1.2 深度学习的历史发展1.3 深度学习的关键组成部分 第二章 深度学习的核心算法2.1 反向传播算法2.2 卷积神经网络(CNN)2.3 循环神经网络(RNN) 第三章 深度学习的应用实…...
![](https://img-blog.csdnimg.cn/direct/52d6054a592446be82ad24e033f9c31e.png#pic_center)
计网之IP
IP IP基本认识 不使用NAT时,源IP地址和目的IP地址不变,只要源MAC和目的MAC地址在变化 IP地址 D类是组播地址,E类是保留地址 无分类地址CIDR 解决直接分类的B类65536太多,C类256太少a.b.c.d/x的前x位属于网路号,剩…...
![](https://img-blog.csdnimg.cn/direct/720a3581e5ae4dba96a2cf23e63ec982.png)
mybatis延迟加载
mybatis延迟加载 1、延迟加载概述 应用场景 如果查询订单并且关联查询用户信息。如果先查询订单信息即可满足要求,当我们需要查询用户信息时再查询用户信息。把对用户信息的按需去查询就是延迟加载。 延迟加载的好处 先从单表查询、需要时再从关联表去关联查…...
![](https://img-blog.csdnimg.cn/img_convert/475d2193d5c60b23b7907b56bcfada7e.webp?x-oss-process=image/format,png)
危险!属性拷贝工具的坑!
1. 背景 之前在专栏中讲过“不推荐使用属性拷贝工具”,推荐直接定义转换类和方法使用 IDEA 插件自动填充 get / set 函数。 不推荐的主要理由是: 有些属性拷贝工具性能有点差有些属性拷贝工具有“BUG”使用属性拷贝工具容易存在一些隐患(…...
![](https://img-blog.csdnimg.cn/img_convert/b8dfd39ec2a43ef11e8f204343be6c26.png)
qt实现打开pdf(阅读器)功能用什么库比较合适
关于这个问题,网上搜一下,可以看到非常多的相关博客和例子,可以先看看这个总结性的博客(https://zhuanlan.zhihu.com/p/480973072) 该博客讲得比较清楚了,这里我再补充一下吧(qt官方也给出了一些…...
![](https://www.ngui.cc/images/no-images.jpg)
在node.js环境中使用web服务器http-server运行html静态文件
http-server http-server是一个超轻量级web服务器,它可以将任何一个文件夹当作服务器的目录供自己使用。 当我们想要在服务器运行一些代码,但是又不会配置服务器的时候,就可以使用http-server就可以搞定了。 使用方法 因为http-server需要…...
![](https://img-blog.csdnimg.cn/direct/83740783b2494003901669395bb0ccdb.png)
前端学习篇一(HTML)
Introduction ##文章内容:使用HBuilder制作一个简单的HTML5网页以此达到学习HTML5 的目的 ##编写内容:1.HTML实现平台 2.HTML简介 3.HTML语言解析 ##编写人:贾雯爽 ##最后更新时间:2024/07/01 Overview Details 一、HTML简介…...
![](https://i-blog.csdnimg.cn/direct/014d36bd99a54dcd8f9988649785fae6.png)
VUE笔记
框架: 框架结构,把很多基础功能已经实现(封装了)。 框架:在基础语言之上,对各种基础功能进行封装,方便开发者,提高开发效率。 举例:操作页面 现在:点击按…...
![](https://img-blog.csdnimg.cn/direct/12e8b4cb69a64f7f924cf59761b772eb.png)
Datawhale机器学习day-1
赛题 在当今科技日新月异的时代,人工智能(AI)技术正以前所未有的深度和广度渗透到科研领域,特别是在化学及药物研发中展现出了巨大潜力。精准预测分子性质有助于高效筛选出具有优异性能的候选药物。以PROTACs为例,它是…...
![](https://img-blog.csdnimg.cn/direct/2f7c7ab1d37d4bfcb50ef2c1fa96e059.png)
业务模型扩展字段存储
构建业务模型时,通常模型会设置扩展信息,存储上一般使用JSON格式存储到db中。JSON虽然有较好的扩展性,但并没有结构化存储的类型和非空等约束,且强依赖代码中写入/读取时进行序列化/反序列化操作, 当扩展信息结构简单且…...
![](https://img-blog.csdnimg.cn/img_convert/da1274937756ef025cecc0439519a3d4.png)
50+k8s常用命令,助你成为k8s大牛!
Kubernetes是一个强大的容器编排平台,不管是运维、开发还是测试或多或少都会接触到,熟练的掌握k8s可大大提高工作效率和强化自身技能。 集群管理 1. 查看集群节点状态: kubectl get nodes2. 查看集群资源使用情况: kubectl top nodes3. 查看集群信息…...
![](https://img-blog.csdnimg.cn/direct/0df57251e5ee4ac481ce8f504f738245.png)
002-基于Sklearn的机器学习入门:回归分析(上)
本节及后续章节将介绍机器学习中的几种经典回归算法,所选方法都在Sklearn库中聚类模块有具体实现。本节为上篇,将介绍基础的线性回归方法,包括线性回归、逻辑回归、多项式回归和岭回归等。 2.1 回归分析概述 回归(Regression&…...
![](https://img-blog.csdnimg.cn/direct/5ecc985ff588400587211370d3ac2bf0.png)
python实现网页自动化(自动登录需要验证的网页)
引言: python作为实现网页自动化的一个重要工具,其强大的各种封装的库使得程序运行更加简洁,只需要下载相应的库,然后调用库中的函数就可以简便的实现我们想要的网页相关操作。 正文: 我的前几篇文章写了关于初学爬虫中比较容易上手的功能,例如爬取静态网页的数据、动…...
![](https://img-blog.csdnimg.cn/direct/814e1bf2eb60405d9fb4d0179b20c1f6.png)
ctfshow-web入门-命令执行(web71-web74)
目录 1、web71 2、web72 3、web73 4、web74 1、web71 像上一题那样扫描但是输出全是问号 查看提示:我们可以结合 exit() 函数执行php代码让后面的匹配缓冲区不执行直接退出。 payload: cvar_export(scandir(/));exit(); 同理读取 flag.txt cinclud…...
![](https://img-blog.csdnimg.cn/direct/33d33ba8f4dd4a4eafbce82912ff5a7c.jpeg)
一体化导航的优点及应用领域
一体化导航,作为现代导航技术的重要发展方向,正日益展现出其独特的魅力和广泛的应用前景。这种导航方式将多种导航技术、信息系统以及数据处理方法集成于一个统一的平台上,为用户提供高效、准确、便捷的导航服务。 一体化导航的核心在于其高度…...
![](https://img-blog.csdnimg.cn/img_convert/e1aa62f3433646925ea4e968f9c3125f.webp?x-oss-process=image/format,png)
“吃饭大学”!中国大学食堂排行TOP10(含西电)
同学们们,考研择校考虑的因素除了学术,地理位置等方面,你们还会考虑哪些因素呢?小研作为一个吃货,必定会考虑的一个因素当然是大学的食堂美食啊~ 那中国超级好吃的大学食堂在哪?一起来看看有没有你的目标院…...
![](https://www.ngui.cc/images/no-images.jpg)
使用 Mybatis 时,调用 DAO接口时是怎么调用到 SQL 的?
Mybatis 是一个流行的 Java 持久层框架,它提供了一种半自动的 SQL 映射方式,允许开发者在 Java 代码中以一种更加直观和灵活的方式来操作数据库。当你使用 Mybatis 调用 DAO 接口时,背后的工作流程大致如下: 接口定义:…...
![](https://img-blog.csdnimg.cn/direct/48951551216b4319b922dcf1108050dc.png)
微信小程序毕业设计-微信食堂线上订餐系统项目开发实战(附源码+论文)
大家好!我是程序猿老A,感谢您阅读本文,欢迎一键三连哦。 💞当前专栏:微信小程序毕业设计 精彩专栏推荐👇🏻👇🏻👇🏻 🎀 Python毕业设计…...
![](https://img-blog.csdnimg.cn/direct/ce521a3ff8a241e7a3a3c87f1668b667.jpeg)
昂首资本实例使用价格行为策略,交易翻倍一点都不难
交易翻倍难吗?当Anzo Capital昂首资本使用价格行为策略进行交易时,发现一点都不难,以下是使用价格行为策略的实例分享: 1. 在初次交易信号出现时,推荐在1.00429价位入场,将止损设于1.04399,止盈…...
![](https://img-blog.csdnimg.cn/direct/2eb7c2f9e7a04e52b5f3026932e5aede.png)
基于公有云部署wordpress
云平台选择 腾讯云 阿里云 华为云 项目部署 一、架构讲解 1.1、定义与组成 LNMP是Linux、Nginx、MySQL(或MariaDB)和PHP(或Perl、Python)的首字母缩写,代表在Linux系统下使用Nginx作为Web服务器,MySQL作为…...
![](https://www.ngui.cc/images/no-images.jpg)
Spring Cloud中的服务熔断与降级
Spring Cloud中的服务熔断与降级 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!今天我们将深入探讨在Spring Cloud中的服务熔断与降级策略。 一、什么是服务熔…...
![](https://i-blog.csdnimg.cn/direct/b0e50dee7261445192febf49ac28e3f0.png)
小米平板6系列对比
小米平板6系列目前有4款,分别为6、6 Pro、6 Max、6S Pro。具体对比如下表所示。 小米平板型号66 Pro6 Max6S Pro实物图发布时间2023年4月21日2023年4月21日2023年8月14日2024年2月22 日屏幕大小11英寸11英寸14英寸12.4英寸分辨率2.8K2.8K2.8K3K刷新率144Hz144Hz120…...
![](https://img-blog.csdnimg.cn/direct/dd6e9f6eead446189131c58dce111090.png#pic_center)
【后端面试题】【中间件】【NoSQL】ElasticSearch面试基本思路和高可用方案(限流、消息队列、协调节点、双集群)
基本思路 业务开发面试Elasticsearch的时候基本问的是基础知识以及倒排索引。 Elasticsearch最基本的可用性保障就是分片,而且是主从分片,所以遇到Elasticsearch如何做到高可用这个问题的时候,首先要提到这一点。 Elasticsearch高可用的核心…...
![](https://www.ngui.cc/images/no-images.jpg)
从二元一次方程组到二阶行列式再到克拉默法则
目录 引言1 二元一次方程组什么是二元一次方程组?解法概述示例1. 操作步骤2. 消元法 2 二阶行列式引入行列式行列式定义示例计算 3 克拉默法则什么是克拉默法则?克拉默法则公式使用克拉默法则求解使用克拉默法则求解多元一次方程组求解 \(x\)求解 \(y\)求…...
![](https://img-blog.csdnimg.cn/direct/dea94082466c4967b29680ac146d8e6c.png#pic_center)
C语言中的基础指针操作
在C语言中,指针是一个非常重要的概念,它提供了直接访问内存地址的能力。指针变量用于存储内存地址,而不是数据值,在某种意义上和门牌号具有相似含义:指针是一个变量,其存储的是另一个变量的内存地址&#x…...
![](https://www.ngui.cc/images/no-images.jpg)
新时代硬汉之争!全面对比解析深蓝G318与方程豹豹5
即便日常被困于钢筋混凝土的钢铁丛林,但谁又没有一颗向往诗和远方的心呢?尤其是随着新能源车的崛起,在户外带电,能让生活品质更上一个台阶。当然,诗和远方固然重要,日常的柴米油盐也同样重要,选车时,咱们在关注户外通过能力的同时,也得关注日常用车的体验。今天的对比…...
![](https://img-blog.csdnimg.cn/direct/8a1acea34c8640d7b609f242d3edc5d3.png)
内存函数<C语言>
前言 前面两篇文章介绍了字符串函数,不过它们都只能用来处理字符串,C语言中也内置了一些内存函数来对不同类型的数据进行处理,本文将介绍:memcpy()使用以及模拟实现,memmove()使用以及模拟实现,memset()使用…...
![](https://www.ngui.cc/images/no-images.jpg)
js 如何封装一个iframe通讯的sdk
在JavaScript中,封装一个用于iframe间通信的SDK,可以利用postMessage和message事件监听来实现跨域通信。以下是一个简单的示例,展示如何封装这样一个SDK: 步骤 1: 创建SDK文件 首先,创建一个名为IframeCommunicator.…...
![](https://img-blog.csdnimg.cn/direct/054129603ef24345b52c0cc7509e1065.png)
vue 表格表头展示不下,显示。。。;鼠标悬浮展示全部
vue 表格表头展示不下,显示。。。;鼠标悬浮展示全部 <templateslot-scope"scope"slot"header"><span:title"临时证券类型"style"white-space:nowrap">{{ 临时证券类型 }}</span></templa…...
![](https://www.ngui.cc/images/no-images.jpg)
【重学C语言】十六、联合、枚举、面向对象编程
【重学C语言】十六、联合、枚举、面向对象编程 联合定义联合体使用联合体注意事项枚举枚举的定义为枚举常量指定整数值枚举的使用枚举的打印枚举的优势注意事项面向对象编程1. 结构体(Structs)2. 封装(Encapsulation)3. 继承(Inheritance)...
![](https://www.ngui.cc/images/no-images.jpg)
eNSP学习——OSPF被动接口配置
目录 相关命令 1、配置接口IP地址 2、配置OSPF进程号、区域号以及网段宣告 3、配置被动接口 4、查看OSPF的邻居关系状态以及路由条目 原理概述 实验目的 实验步骤 实验内容 实验编址 具体步骤 1、基本配置 测试结果(仅提供一个) 2、搭建OSPF网络 3、配置被动接口…...