Shallow Dreamer Blog

将数据库数据转成级联选择器数据格式

当将从数据库查询到的数据转换为 Element Plus 中级联选择器所需的数据格式时，你可以按照以下方式编写一个函数来完成这个任务。假设你的数据库查询结果是一个列表，每个元素都是一个元组，包含部门、人员属性、工号和姓名等信息。你需要将这些信息组织成 Element Plus 级联选择器所需的格式。下面是一个Python函数的示例代码： def convert_to_cascader_...

Posted by Shallow Dreamer on August 27, 2023

vue父子数据双向绑定

在 Vue 3 中，父子组件之间的参数双向绑定可以通过 v-model 指令来实现。这可以在父组件中将数据传递给子组件，并且子组件可以修改这个数据并将修改反馈给父组件。以下是如何在 Vue 3 中实现父子参数双向绑定的示例：父组件：ParentComponent.vue <template> <div> <p>父组件中的数据：<...

Posted by Shallow Dreamer on August 27, 2023

查找mysql中json数据需要的数据

如果您想在MySQL数据库的JSON数据类型字段中查找包含特定条件的数据，您可以使用MySQL中的JSON函数和操作符。在您提供的示例中，您想查找name字段的值为”a”的数据。以下是如何在JSON数据中查找符合条件的数据的SQL查询示例：假设您有一个名为history的表，并且该表包含一个名为jsonobj的JSON数据类型字段，您可以使用以下SQL查询来查找name为”a”的数据： ...

Posted by Shallow Dreamer on August 24, 2023

echarts的下载数据工具

当您在页面上使用 ECharts 来展示图表数据时，要实现将当前显示的图线数据下载并挂载到 ECharts 工具盒上，您可以使用 JavaScript 来编写一个函数。以下是一个示例函数，该函数可以满足您的需求： // 假设您已经引入了 ECharts 的相关库并创建了图表实例 myChart function addDownloadButtonToToolbox(chartInstan...

Posted by Shallow Dreamer on August 24, 2023

vuex嵌套

在 Vue 3 中，实现 Vuex 嵌套并为每个模块指定自己的命名空间可以通过以下步骤完成。我将提供一个示例，帮助你理解如何做到这一点。步骤一：创建模块在你的项目中，首先需要创建一个 Vuex 模块。模块将按照你的命名空间进行嵌套。在你的项目中创建一个 store 文件夹（如果没有的话）。在 store 文件夹中创建一个 mainModule.js 文件，这将是主模块...

Posted by Shallow Dreamer on August 20, 2023

django传输文件和数据

在 Django 中，你可以使用视图函数来处理前端的下载请求。下面是一个基本的示例，展示如何在后端将文件内容和部分 JSON 数据传递给前端，并根据 JSON 数据的条件来判断是否下载文件。首先，在 Django 的视图函数中，你可以读取文件内容和 JSON 数据，然后将它们作为响应返回给前端： from django.http import HttpResponse, JsonRes...

Posted by Shallow Dreamer on August 20, 2023

webpack多项目代理及axios嵌套

在Vue 3 中实现 Axios 的封装嵌套，以及在主项目的 Webpack 中将不同的子项目代理（proxy）到不同的服务器，可以分为以下几个步骤：封装 Axios 首先，创建一个独立的文件，比如 api.js，用于封装 Axios： // api.js import axios from 'axios'; const instance = axios.create({...

Posted by Shallow Dreamer on August 17, 2023

vue3使用全局变量

在 Vue 3 中，你可以在组件的 <script> 中使用在 main.js 中设置的全局变量，而不必使用 provide。这是因为 Vue 3 的组件之间的通信机制更加灵活，你可以通过不同的方式来访问全局变量。假设你在 main.js 中设置了一个全局变量： // main.js import { createApp } from 'vue'; import App ...

Posted by Shallow Dreamer on August 15, 2023

eltable触底加载demo

在Vue 3 中使用 Element Plus 的 el-table 组件实现触底加载类似于 Vue 2，但需要稍微适应 Composition API 的使用方式。以下是一个示例，展示如何在 Vue 3 中实现触底加载： <template> <div> <el-table :data="tableData" height="400px" bor...

Posted by Shallow Dreamer on August 15, 2023

将xlsx文件导入到el-table表格

要将XLSX文件导入到前端Element Plus的ElTable表格中，您可以使用xlsx库来读取XLSX文件，并将数据转换为表格所需的数据格式，然后将其展示在ElTable中。以下是一个基本的实现步骤：安装xlsx库：首先，您需要安装xlsx库来处理XLSX文件。使用npm或yarn进行安装。使用npm： npm install xlsx --save 使用yarn...

Posted by Shallow Dreamer on August 6, 2023