Shallow Dreamer Blog

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

将vue页面存在数据库test

将Vue页面存储在数据库中，然后在前端请求获取页面并在前端显示是一个相对复杂的需求，因为Vue页面通常包含大量的前端逻辑和交互。在传统的前后端分离架构中，通常不会将整个页面存储在数据库中，而是将页面的数据存储在数据库中，然后在前端使用Vue来渲染页面。以下是一个可行的方案，将Vue页面数据存储在数据库中，然后通过API请求获取数据，在前端使用Vue动态渲染页面。设计数据库模型：...

Posted by Shallow Dreamer on August 6, 2023

在前端创建一个xlsx文件模板

在前端创建xlsx文件模板，可以使用xlsx库来生成一个空白的xlsx文件，然后在该文件中添加表头和必要的样式。以下是一个简单的示例，演示如何在前端创建一个包含表头的xlsx文件模板：安装依赖：首先，确保您已经安装了xlsx和file-saver库。使用npm： npm install xlsx file-saver --save 使用yarn： yarn add...

Posted by Shallow Dreamer on August 6, 2023

前端页面创建节点及页面思路

在Vue前端项目中使用Element Plus创建一个自定义节点组件，允许用户在前端页面中设计和定制审批节点的页面，您可以按照以下步骤来实现：安装Element Plus：首先，确保您已经安装了Vue和Element Plus。您可以通过npm或yarn安装Element Plus： npm install element-plus --save 创建自定义节点组件...

Posted by Shallow Dreamer on August 3, 2023

审批数据库设计

当您说动态的数据库用于审批时，我理解您希望建立一个可以随着审批流程不断更新和变化的数据库。在这里，我将为您提供一个简单的数据库设计，您可以根据具体需求和系统要求进行扩展和改进。假设我们要建立一个简单的审批系统，需要存储以下信息：审批流程信息：审批流程的名称、描述和对应的审批步骤。审批步骤信息：每个审批步骤的名称、描述、审批人员、审批状态等。审批记录：包含已经完成的审...

Posted by Shallow Dreamer on August 2, 2023