Shallow Dreamer Blog

将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

axios嵌套

如果您想为每个项目创建一个 Axios 实例，并在主项目的 Axios 中挂载这些实例，可以使用 Axios 的实例挂载方式来实现。这样，您可以在主项目中方便地管理和使用不同项目的 Axios 实例，而每个实例可以有独立的拦截器和配置。下面是一个示例代码，展示如何在主项目中挂载每个项目的 Axios 实例：安装 Axios：首先，您需要安装 Axios： npm ins...

Posted by Shallow Dreamer on August 2, 2023

axios下载空文件问题

在使用 Axios 下载文件时，如果服务器返回的文件为空，Axios 会将响应的数据解析为空，导致在处理下载文件时可能会出现错误。为了避免这种情况，您可以对 Axios 的响应进行处理，并在文件为空时进行特殊处理。一种常见的方法是检查响应的 Content-Length 头部，如果文件大小为0，则可以处理为空文件。以下是一个处理下载文件时空文件的示例代码： import axios f...

Posted by Shallow Dreamer on August 2, 2023

创建vue3项目

在创建一个 Vue 3 项目并使用 webpack 打包的过程中，你可以不使用 Vue CLI，而是手动配置 webpack 并使用 vue.config.js 文件来进行 Vue 相关配置。下面是详细步骤：创建项目结构：首先，创建一个项目文件夹，并在其中初始化一个 package.json 文件： mkdir my-vue3-project cd my-vue3-proj...

Posted by Shallow Dreamer on July 31, 2023

tree

好的，下面是完整的Vue 3和Element Plus代码，包含所需的功能和数据。首先，我们需要创建一个Vue实例并添加所需的数据和方法： <template> <div class="department-management">  <div class="left-panel"> ...

Posted by Shallow Dreamer on July 25, 2023

在ElDrawer中使用echarts

在 Vue 3 中使用 Element Plus，你可以使用 v-show 指令结合 CSS 样式来模拟 el-drawer 的 DOM 元素始终存在的效果。Element Plus 的 el-drawer 组件是基于 Vue 3 的动态组件，它的 DOM 元素在组件的显示和隐藏之间是动态创建和销毁的。以下是一个示例代码，演示如何让 el-drawer 的 DOM 元素始终存在： &l...

Posted by Shallow Dreamer on July 17, 2023

查看formData里的值

第一种：遍历 for (let (a, b) of formData.entries()) { console.log(a, b) } 第二种：通过key formData.get(key)

Posted by Shallow Dreamer on July 9, 2023