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阅读
在现代的Web开发中，使用Vue.js作为前端框架与Java作为后端语言的组合愈发流行。这种技术组合允许开发者创建高山度交互的单页面应用，然而，具体实现过程中难免遇到一些问题。本文将详细记录我在实现“Vue配合Java”时所遇到的问题和解决方案。
### 问题背景
在项目初期，我们决定使用Vue.js作为前端框架，而Java则作为后端服务。经过系统的架构设计与技术选型后，我们的项目逐步进入开发
# 使用 Vue 和 Python 实现前后端分离的应用
在现代的 Web 开发中，前后端分离的架构越来越流行。在这个架构中，我们可以使用 Vue.js 作为前端框架，而 Python（通常配合 Flask 或 Django 框架）作为后端服务器。本篇文章将帮助你了解如何将这两个技术结合在一起，创建一个简单的 Web 应用。
## 整体流程
为了更好地掌握 Vue 与 Python 的集成过
前后端流程分析前端页面进行登录操作，将用户名和密码发给服务器服务器进行校验，通过后生成token，包含信息有密匙、uid、过期时间等，然后返回给前端前端将token保存在本地（建议在localStorage中）和state（vuex）中，下次对服务器请求时带上，然后返回给前端服务器端对接收到的token进行校验。通过则进行相应的增删改查操作，并将数据返回给前端；未通过则返回错误码，提示错误信息，然
转载
2024-04-30 19:38:50
517阅读
在vue中，token的意思是“令牌”，是服务端生成的字符串，是客户端进行请求的一个标识；当用户第一次登录后，服务端生成一个token并返回给客户端，以后客户端只需要带着token请求数据即可，不需再使用用户名和密码。 一、什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给
转载
2023-11-15 16:51:20
19阅读
# 导出Excel 配合 Vue
## 整体流程
```mermaid
journey
title 整体流程
section 准备工作
开发者 ->> 小白: 创建一个基础的Vue项目
开发者 ->> 小白: 安装vue-cli工具
开发者 ->> 小白: 创建一个Excel导出的Java后端项目
section 实现步骤
原创
2024-05-12 05:02:14
75阅读
在Vue中使用CSS框架可以提高开发效率和网站外观的一致性。下面是一些与Vue兼容的常见CSS框架：BootstrapVue：BootstrapVue 是一个基于 Vue.js 的 Bootstrap 组件库。它提供了一套完整的 Vue.js 组件，同时也支持 Bootstrap 的所有特性。Element UI：Element UI 是一套基于 Vue.js 的组件库，它为 Vue.js 应用程
原创
2024-01-29 17:13:17
198阅读
# 使用Selenium配合Java抓取Vue数据的完整指南
随着前端开发技术的快速发展，Vue.js等现代框架已越来越受到开发者的欢迎。然而，由于其动态加载的特性，使用传统的网页抓取方法来抓取数据可能会遇到一些挑战。本文将介绍如何使用Selenium与Java结合，抓取由Vue.js构建的动态网页数据。
## 1. 什么是Selenium？
Selenium是一个开源的自动化测试工具，广泛
原创
2024-10-07 05:52:58
282阅读
...
转载
2021-08-16 20:46:00
97阅读
2评论
在项目中登录之后就要把token存起来，有权限的接口都要携带token访问。 本篇是通过vuex容器+本地存储结合在一起存储token，好处是获取方便、响应式、持久化。什么是 TokenToken 是用户登录成功之后服务端返回的一个身份令牌，在项目中的多个业务中需要使用到
访问需要授权的 API 接口校验页面的访问权限…但是我们只有在第一次用户登录成功之后才能拿到 Token
所以为了能在其
转载
2023-11-10 09:34:40
512阅读
基于vue/cli3.0+脚手架搭建Vue项目(11) 文章目录基于vue/cli3.0+脚手架搭建Vue项目(11)前言一、vue项目里token的实现步骤二、代码实现1.登录页面2.api请求拦截时添加token信息3.router里更新token和uuid总结 前言在vue项目里，token是用来当作前端和服务器通信的标识。经过登录页面后，每次发起的请求都需要携带上它，给服务器进行认证。一、
转载
2023-11-09 14:29:15
99阅读
一.了解用法1.了解（session，cookie）tokenToken的引入：Token是在客户端频繁向服务端请求数据，服务端频繁的去数据库查询用户名和密码并进行对比，判断用户名和密码正确与否，并作出相应提示，在这样的背景下，Token便应运而生。token 是在服务端产生的一串字符串，以作客户端进行请求的一个令牌。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 T
转载
2023-07-22 22:32:03
386阅读
1、什么是Token Token是服务端生成的一串字符串，作为客户端进行请求时辨别客户身份的的一个令牌。当用户第一次登录后，服务器生成一个Token便将此Token返回给客户端。以后客户端的每次请求带上token，服务端就能辨别是哪一个用户。
转载
2024-03-29 09:01:22
142阅读
描述:但我们在做一个用户登录功能时,向服务器发送完登录请求,成功后;服务器会返回我们一个token值来保存到本地储存中.一般我们都会将返回的token值保存到本地存储 localstorage中Token 是用户登录成功之后服务端返回的一个身份令牌，在项目中的多个业务中需要使用到：访问需要授权的 API 接口校验页面的访问权限…但是我们只有在第一次用户登录成功之后才能拿到 Token。所以为了能在
转载
2024-02-28 09:50:38
502阅读
4. 通过axios实现数据请求vue.js默认没有提供ajax功能的。所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。注意，axios本质上就是javascript的ajax封装，所以会被同源策略限制。下载地址：https://unpkg.com/axios@0.18.0/dist/axios.js
https://unpkg.com/axios@0.18
1、问题现象 页面长时间未操作，再刷新页面时，第一次弹出“token失效,请重新登录!”提示，然后跳转到登录页面，接下来又弹出了n个“Token已过期”的后端返回消息提示。2、原因分析 当前页面初始化，有多个向后端查询系统参数的调用，代码如下：``` created () { // ========================================================
转载
2024-05-13 17:39:40
352阅读
点赞
# Vue 配合 Java 预览打印 Word
在Web应用程序中，有时候我们需要将后端生成的 Word 文档预览并打印出来。本文将介绍如何使用 Vue 和 Java 配合实现这一功能。
## 准备工作
首先，我们需要一个后端 Java 服务来生成 Word 文档。我们可以使用 Apache POI 来操作 Word 文档。下面是一个简单的 Java 示例代码：
```java
// Ja
原创
2024-04-15 06:34:53
512阅读
# 使用 Vue 和 Java Hutool 实现 AES 加密
在前端开发中，数据的安全性始终是一个重要的主题。AES（高级加密标准）是最常用的对称加密算法之一。本篇文章将引导你如何使用 Vue.js 实现前端的 AES 加密，并配合 Java Hutool 实现后端的解密过程。
## 1. 整体流程概述
首先，我们需要明确整个加密和解密的过程。以下是整个流程的简要步骤：
| 步骤 |
# 进度条的实现：Vue与Java的协作
在现代Web开发中，用户体验至关重要。动态反馈可以显著提升用户的满意度，而进度条是其中一种非常有效的视觉反馈元素。本文将介绍如何利用Vue.js配合Java后端实现一个进度条，并通过代码示例和关系图、序列图阐述其实现过程。
## 技术栈
在本示例中，我们将使用以下技术栈：
- 前端：Vue.js
- 后端：Java (Spring Boot)
-
原创
2024-10-21 05:46:41
22阅读
这里介绍对token的处理 问题1：token数据或者其他数据，存在vuex仓库中，刷新会丢失状态 。 问题2：数据只存在本地，数据变化了，相关的视图并不会更新。 Vuex 容器中的数据只是为了方便在其他任何地方能方便的获取登录状态数据， 但是页面刷新还是会丢失数据状态，所以我们还要把 数据进行持久化 以防止页面刷新丢失状态的问题。两种方式配合达到存储+响应式的功能。 前端持久化常见的方式：Coo
转载
2024-01-30 05:54:38
93阅读
