ECharts 是一个功能强大、灵活的开源图表库，适用于数据可视化。
在vue框架中使用ECharts图表
在 Vue 项目中使用 ECharts 非常方便，可以通过以下步骤快速集成和使用：
1. **安装 ECharts**
使用 npm 安装 ECharts：
npm install echarts
2. **创建 ECharts 组件**
在 Vue 中创建一个通用的 ECharts 组件，这样可以重复使用。
创建一个名为 EChart.vue 的组件文件：
<template> <div ref="chart" :style="{ width: '100%', height: '400px' }"></div></template><script setup>import { ref, watch, onMounted, onBeforeUnmount } from &#x ...
vue3
未读设计manager组件
需要html，css等前端基础知识
一共分三个部分，上下部分，和下面部分的左右部分
上下部分用两div标签区分出来
分为头部部分和下面部分
全部用一个div包裹起来
头部部分，分为左右两个部分，左边显示管理系统的名字和logo，右边显示当前登录用户的名字和头像
使用display: flex分为两个部分，第二个部分用 flex: 1
主体结构
<div> <div>头部</div> <div>下面部分</div> </div>
具体的头部部分代码设计
<div style="display :flex" > <div style="display :flex"> <span>系统logo和名字</span> </div> <!-- 以上是头部的左边部分 --><div style="flex: 1"></ ...
https://router.vuejs.org/
客户端路由的作用是在单页应用 (SPA) 中将浏览器的 URL 和用户看到的内容绑定起来。当用户在应用中浏览不同页面时，URL 会随之更新，但页面不需要从服务器重新加载。
Vue Router 基于 Vue 的组件系统构建，你可以通过配置路由来告诉 Vue Router 为每个 URL 路径显示哪些组件。
入门 | Vue Router
如何定义新的路由找到router文件夹里面的index.js文件
https://bu.dusays.com/2024/10/30/672248641e2bc.png
路由跳转使用方法一:使用类似于a标签的方式去跳转
<RouterLink to="/test">go to test</RouterLink>
使用方法二：
<template> <el-button type="primary" @click="router.push('/')">go to home& ...
可以自行访问官网
Overview 组件总览 | Element Plus
文本框 el-input自行访问官网进行学习
Input 输入框 | Element Plus基本使用
<template> <el-input v-model="input" style="width: 240px" placeholder="Please input" /></template><script lang="ts" setup>import { ref } from 'vue'const input = ref('')</script>
disabled 和 readonly 可以只显示文本 无法输入
<el-input v-model="data.input" style="width: 240px" disabled />
<el ...
.scss 文件是 Sass (Syntactically Awesome Style Sheets) 的一种文件格式，是一种扩展的 CSS 样式文件。Sass 是一种预处理器，它在编写样式时增加了许多功能，如变量、嵌套、混合 (mixins)、继承等，可以使 CSS 更加灵活和模块化。
.scss 文件扩展了 CSS 的语法，并且完全向后兼容，这意味着有效的 CSS 代码也是有效的 .scss 代码。.scss 文件中的代码最终会被编译成标准的 .css 文件，以供浏览器使用。
.scss 文件的主要功能
变量：可以定义变量，便于管理颜色、字体等重复使用的值。
$primary-color: #3498db;body { color: $primary-color;}
嵌套：支持嵌套结构，更容易书写层级复杂的样式。
nav { ul { margin: 0; padding: 0; list-style: none; }}
**混合 (Mixins)**：定义可重复使用的代码块，类似于函数 ...
在 Vue 项目中集成 Element Plus 框架，可以按照以下步骤进行：
1. 安装 Element Plus首先，在你的 Vue 项目中安装 Element Plus。打开终端，进入项目目录，然后运行以下命令：
npm i element-plus -s
依赖安装完成后就可以在node-modules中找到这个包
2. 引入 Element Plus在你的 Vue 项目的入口文件中（通常是 main.js 或 main.ts），引入 Element Plus 及其样式文件。
import { createApp } from 'vue'import App from './App.vue'import router from './router'import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-cn'import 'ele ...
vue3
未读以下项目实现需要的环境，node.js, vscode或者idea
创建一个空白文件夹
在文件夹里面打开cmd（命令提示符）
开始vue工程的创建
Vue工程的创建安装vue3官方文档：快速上手 | Vue.js (vuejs.org)（如有需要可以进行阅读，我下面的教程也是根据官方的使用文档来的，如果你想快点开始请看下文）
快速安装的一些安装镜像配置
输入，点击仍然粘贴，然后一定一定要按Enter,不然最后一个命令不执行
npm config set registry https://registry.npm.taobao.org npm cache clean --force npm config set strict-ssl false
输入，点击仍然粘贴，然后一定一定要按Enter,不然最后一个命令不执行
使用 Vite 创建 Vue 3 项目
Vite 是新一代的构建工具，推荐用于 Vue 3 项目的开发。
步骤：
安装 vue通过 npm：
npm create vue@latest
进行一些选择，中间只有Vue Router是选择：是
其他都是：否
安装依赖
...
前端框架
未读React 和 Vue 是目前非常流行的两大前端框架，它们各自有自己的特点和优势，主要取决于项目需求、开发团队的技术背景以及个人偏好。以下是两者的一些对比，帮助你决定哪一个更适合你的使用场景：
React
灵活性高：React 是一个库，而不是一个完整的框架。它提供了很多自由度，允许开发者自行选择路由、状态管理等库进行组合，适合复杂、大规模的项目。
JSX 语法：React 使用 JSX 来将 HTML 和 JavaScript 混合写在一起。虽然这种语法需要一些适应时间，但它使得组件更具可复用性和灵活性。
社区支持和生态系统庞大：React 拥有庞大的社区和大量的第三方库，生态系统丰富，解决方案较多。
React Hooks：自 React 16.8 推出 Hooks 之后，代码变得更加简洁且功能强大，无需使用类组件，状态和生命周期管理更加方便。
虚拟 DOM：React 通过虚拟 DOM 来高效更新 UI，适合高性能需求的项目。
Vue
入门简单：Vue 相比 React 更加易于上手，尤其对新手来说。它使用了 HTML、CSS 和 JavaScript 的模板语法，逻辑清晰，结 ...
HTMLHTML 超文本标记语言
超文本：链接
标记：标签，带尖括号的文本<>
标签结构
标签要成对出现，中间包裹内容
<>里面放英文字母（标签名）
标签分类：双标签和单标签
自闭合标签
单标签：<img />、<br />
双标签：<a></a>、<p></p>
标签关系
嵌套关系：标签中包含标签
并列关系：标签并列出现
HTML骨架
html：整个网页
head：网页头部，用来存放给浏览器看的信息，例如 CSS
title：网页标签栏标题
body：网页主体，用来存放给用户看的信息，例如图片、文字
快速生成骨架：！+回车
注释在 VS Code 中，添加 / 删除注释的快捷键：Ctrl + /
标题标签<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5>< ...
要使用 Spring Boot CLI，首先需要安装它，然后你可以通过命令行创建、运行和管理 Spring Boot 项目。以下是详细的使用步骤：
1. 安装 Spring Boot CLI你可以通过多种方式安装 Spring Boot CLI，最常见的方式是通过包管理器：
Mac 或 Linux 使用 SDKMAN 安装
安装 SDKMAN（如果未安装）：
curl -s "https://get.sdkman.io" | bashsource "$HOME/.sdkman/bin/sdkman-init.sh"
使用 SDKMAN 安装 Spring Boot CLI：
sdk install springboot
Mac 使用 Homebrew 安装如果你使用 Homebrew，可以通过以下命令安装：
brew tap spring-io/tapbrew install spring-boot
Windows 安装
你可以通过官方的 Spring Boot CLI 下载页面下载 ZIP 文件：Spring Boot CLI 下载 ...
