# 使用Vue3和Python生成XLSX文件的科普文章
## 引言
在现代的Web应用程序中，经常需要将数据以表格的形式呈现给用户。而生成并导出Excel文件是一种常见的方式。本文将介绍如何使用Vue3和Python来生成XLSX文件，并通过代码示例详细说明实现的过程。
## 流程图
```mermaid
graph LR
A[Vue3前端] --> B[发送数据到后端]
B --> C
原创
2023-11-09 14:15:56
141阅读
时隔多月，继续学习Vue，这次是一个组件的制作过程先让我们来看一下组件的预期效果上图为公司自营的一个微信商城的某一部分截图，可以看到红框内部分的文字多行与单行是居中对齐的，我们现在要做的就是使用Vue把里边的文字模块制作成一个可以复用的组件。首先我们先把css部分拿下来 css:
.word-v-middle{
margin-bottom: 0;
font-size: 12px;
有点复杂有点长，一定要耐心看，看完之后你会对单点登录有个神奇的看法。你能学到的知识：1. layout布局 2.加载路由视图 3.封装路由以及路由拦截器使用 4.封装store auth验证模块 5.vue-router、vuex、js-cookie应用 6.什么叫sso单点登录一、先介绍一下什么是单点登录？了解的同学可以直接跳过了~~~1.为什么要用sso单点登录？很多企业或者公司一开始的时候项
转载
2024-09-09 20:35:11
207阅读
箭头函数1、箭头函数的使用2、箭头函数参数和返回值3、箭头函数中的this4、关于call,apply,bind 1、箭头函数的使用定义函数有三种方式：<script>
//箭头函数：也是一种定义函数的方式
//1.定义函数的方式：function
const aaa=function () {
}
//2.对象字面量中定义函数
const obj={
bbb: fu
转载
2024-10-09 12:44:36
75阅读
一、安装路由模块要在自己的Vue项目中使用路由，首先要通过以下命令来安装路由模块vue-routernpm install vue-router --save-dev
# 如果你使用了淘宝镜像，可以使用cnpm来安装，速度更快
cnpm install vue-router --save-dev我们这里配置的是全局路由，所以下面的操作都是在Vue项目的入口文件 main.js 中进行的。二、
# 从零开始：在 Vue 3 项目中使用 Docker 的完整指南
近几年，Docker 已经在开发和部署阶段成为了一个不可或缺的工具。使用 Docker 可以方便地将你的应用与其运行环境打包在一起，从而保证环境的一致性。在这篇文章中，我们将通过一个实例来教你如何将一个 Vue 3 项目转换成 Docker 镜像并运行。
## 流程概览
在开始之前，让我们先了解一下完整的流程。下面的表格展示
# 如何将 Vue 3 与 Python 后端结合起来
在现代Web开发中，前端与后端的结合是非常重要的技能。Vue.js 是一个流行的前端框架，而 Python 作为后端开发语言，尤其常用的框架是 Flask 和 Django。本篇文章将指导你如何将 Vue 3 与 Python（Flask）结合，实现一个简单的全栈应用。我们将分步骤进行讲解，并附上每一步需要使用的代码。
## 流程概述
目录1. 运用着色器编写图案2.着色器实现动画绘图3.着色器实现圆环扩散效果4.着色器实现雷达图效果1. 运用着色器编写图案1）挤出一个盒子const extrudePolygon = new Cesium.PolygonGeometry({
polygonHierarchy: new Cesium.PolygonHierarchy(
Cesium.Cartesian3.fro
转载
2023-11-22 23:41:04
48阅读
Vue3 Diff 算法与key先来看看官方的解释
key属性主要用在Vue的虚拟DOM算法，在新旧nodes对比时辨识VNodes；如果不使用Key，Vue会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法；而使用key时，它会基于key的变化重新排列元素顺序，并且会移除/销毁key不存在的元素；官方的解释对于初学者来说并不好理解，比如下面的问题：什么是新旧nodes
转载
2024-01-21 08:31:59
132阅读
Vue组合式API中如何使用TS组合式API使用TS组合式API中使用TS，要比选项式API中使用TS会更加的简单，不需要做过多的处理，只需要利用原生TS的能力就可以。并且组合式API都具备自动类型推断的能力，代码如下：<script setup lang="ts">
import { computed, ref } from 'vue';
let count = ref(0);
le
转载
2023-10-23 11:56:18
72阅读
严正声明！ 重要的事情说一遍，本文章仅供分享，文章和代码都是开源的，严禁以此牟利，严禁侵犯尚硅谷原作视频的任何权益，我知道学习编程的人各种各样的心思都有，但这不是你对开源社区侵权的理由！ 第16集：这一集老师啰嗦了一集，核心就两句话，一个是对axios的二次封装，还有一个是对promise结果再次封装使得其可以直接获取data，老师的代码应该是可以用的。这个写法只有get和post，不过不重要了，
转载
2023-11-11 23:10:03
50阅读
在 Vue 3 中，要遍历 funConfig 并动态生成组件，可以使用 Vue 的 defineAsyncComponent 来加载异步组件，并结合 v-for 指令在模板中进行渲
原创
2024-07-22 14:23:13
469阅读
基于SpringMVC进行ECharts动态实时数据展示，ECharts的官网示例是前端的js动态随机数据，没有与后端程序进行交互，由于本人之前对Spring MVC和ajax不太了解，所以，走了很多弯路，通过这部分的学习，让自己对MVC架构和简单的ajax有了初步的了解，下面就记录一下自己搭建的这部分程序。 首先需要配置web.xml，设置好ser
转载
2024-10-14 17:02:28
119阅读
作为前端开发者，这几天想必大家都看到了Vue3.0的beta版新闻了，是的，尤大大在4.17号微博晒出了Vue3.0的beta链接，不少FEer开始兴奋，不过也有不少其它声音：『我学不动了』、『这不就是React』、『啥时候出正式版』；Vue3.0-beta链接：https://github.com/vuejs/vue-next#status-beta那么首先，我们先简单看一下Vue发布版本的过程
看文档文档地址：Preparation for PWA
1.将PWA模式添加到我们的Quasar项目中：npx quasar mode add pwa我们看一下有哪些变化向Quasar项目添加PWA模式意味着将创建一个新文件夹：/src-pwa，其中包含PWA特定文件：.
└── src-pwa/
├── register-service-worker-dev.js # 应用代码**管
# Python与Vue3的结合：开源项目指南
在现代开发中，前端和后端的分离是非常重要的趋势。Python作为一种强大的后端开发语言，结合Vue3这样强大的前端框架，可以实现高效、现代化的Web应用。本文将带你了解如何利用Python和Vue3构建一个简单的开源项目，并展示相关的代码示例、流程图和序列图。
## 1. 项目概述
我们的目标是构建一个简单的待办事项（Todo）应用。该应用将允
原创
2024-10-20 06:52:02
373阅读
# Vue3 调用 Python 的科普文章
在现代 web 开发中，前后端分离的架构已成为一种常见的模式。前端通常使用如 Vue.js 等框架来构建用户界面，而后端则使用如 Python 等语言处理业务逻辑和数据。本文将探讨如何让 Vue3 调用 Python 后端的接口，并提供相关的代码示例以帮助您实现这一功能。
## 1. 系统架构
首先，我们需要了解整个系统的架构。在这个架构中，Vu
# 如何在Python环境下安装Vue 3
对于初学者来说，将Vue 3与Python结合起来，可能会有些困难。本文将为您详细介绍如何在Python环境下安装和使用Vue 3。我们将通过以下步骤来完成这一过程。
## 整体流程
下面是本次操作的整体流程表：
```markdown
| 步骤 | 描述 |
| ---- | ---------
1.v-for： <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript： data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
