vue3实战vue后台

vue2-vue3 1

vue介绍 一、前端发展史 1、HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2、Ajax的出现 -> 后台发送异 ......
vue vue2-vue vue2

Vue中添加全屏动态时间水印

效果图 核心代码 watermark.vue <template> <div class="watermark-outer"> <div class="watermark" v-for="i in 200" :key="i"> <div>{{waterMarkContent}}</div> <spa ......
水印 时间 动态 Vue

vue报错:Module parse failed: Unexpected token (5:2) You may need an appropriate loader to handle this file type.

报错信息: ERROR Failed to compile with 1 errors 10:09:02 error in ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2) Y ......
appropriate Unexpected Module failed loader

Vue 如何修改默认启动端口、浏览器自动访问

Vue修改默认启动端口的几种方法 module.exports = defineConfig({ transpileDependencies: true, devServer:{ host:'localhost', port:8088, open:true } }) ......
端口 浏览器 Vue

ruby实战手册(21)

目录block block 可以用在闭包里 irb(main):067:1* def test () irb(main):068:1* x=1 irb(main):069:2* return lambda do irb(main):070:2* x+=1 irb(main):071:2* puts ......
实战 手册 ruby

MyBatis实战指南(二):工作原理与基础使用详解

MyBatis是一个优秀的持久层框架,它支持定制化SQL、存储过程以及高级映射。那么,它是如何工作的呢?又如何进行基础的使用呢?本文将带你了解MyBatis的工作原理及基础使用。 一、MyBatis的工作原理 1.1 MyBatis的工作原理 工作原理图示: 1、读取MyBatis配置文件 myba ......
实战 原理 MyBatis 基础 指南

vue入门-???? 05days

购物车案例回顾: -v -for循环商品 -checkbox多选: 数组,input > checkbox >value 对象 [在input中 只能使用 v-model] getprice() >方法 > 变量发生变化,这个会重新运算 加全选 与全不选 -chekbox >单独的 >布尔类型 -c ......
days vue 05

MySQL运维实战(2.4) SSL认证在MySQL中的应用

作者:俊达 引言 MySQL支持使用TLS协议进行通信,该协议在数据库通信中具有关键作用。首先,TLS能够加密客户端与服务端之间的通信数据,涵盖了客户端发送至服务端的SQL请求以及服务端返回给客户端的数据,从而确保敏感信息的保密性和完整性。除此之外,TLS还允许客户端验证服务端的身份,确保安全连接。 ......
MySQL 实战 2.4 SSL

使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况

在使用VUE3作为前端,ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api,接口报错404 找错思路很重要,网上找到了很多Nginx配置信息,但是都不起作用,即使更换服务器重新部署也无法生效 后来才发现,ABPNEXT对于未找到对应实体的报错就是404,按照正常的程序逻辑,404 ......
情况 项目 Nginx VUE3 VITE

netcore webpi 通过signalr 给vue项目推送消息

最近项目上需要做个服务给前端推消息,首先就想到了signalr,关于signalr 详情可以参考微软官方文档(ASP.NET Core SignalR 概述 | Microsoft Learn),微软现在也有使用教程(ASP.NET Core SignalR 入门 | Microsoft Learn ......
netcore signalr 消息 项目 webpi

5分钟搞定vue3函数式弹窗

前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢? 函数式弹窗的使用场景 首先我们来看看什么是函 ......
函数 vue3 vue

InternLM实战营 第三次作业

基础作业 这一部分在第三次笔记中可以找到详细的 这里就给一个结果展示 运行结果 进阶作业 收集数据 这里我只收集了法律相关的三个数据,构造了对应的向量数据库 这里不放代码了,代码会放到最后的最后的github对应的项目中 创建应用 这里我现在自己机器上跑了一下效果 对应的知识库的内容 可能本来模型就 ......
实战 InternLM

python diango后端支持运行脚本+vue前端支持脚本运行

# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意: # 1,依赖包需要提前导入至脚本中 # 2,script_path变量是脚本得绝对路径 # 3,filename变量是脚本得名称 # 搭配vue页面使用 # 想法:页面支持导入,编辑,执行脚本 # 导入:默认指 ......
脚本 前端 python diango vue

vscode设置vue3代码格式化

下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac:【shift】+【option】+【f】win:【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标,可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
代码 格式 vscode vue3 vue

袋鼠云数栈UI5.0设计实战|B端表单这样设计,不仅美观还提效

我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:大喜 相关文章:袋鼠云出品!数栈UI 5.0全新体验升级,设计背后的故事 前言 表单是B端产品中最常见的组件之一,主要⽤于数据收集、校验和提交。比如登陆流程的 ......
袋鼠 表单 实战 UI5 UI

[Vue]自定义导航栏

思路留存自用,主要是template部分,效果大概如下: <template> <div v-show="isStart" :class="'menu_page' + aniClass"> <div class="menu" v-for="item in items"> <div class="gr ......
Vue

资源配额ResourceQuota实战案例

目录一.资源配额ResourceQuota概述1.资源配额概述2.资源配额ResourceQuota的工作方式3.计算资源配额4.存储资源配额5.对象数量配额二.资源配额案例1.计算资源配额案例1.1 创建计算资源配额1.2 验证计算资源配额1.3 超出计算配额验证2.存储资源配额案例2.1 创建存 ......
配额 ResourceQuota 实战 案例 资源

vue3 + element-plus 的 upload + axios + django 文件上传并保存

之前在网上搜了好多教程,一直没有找到合适自己的,要么只有前端部分没有后端,要么就是写的不是很明白。所以还得靠自己摸索出来后,来此记录一下整个过程。 其实就是不要用默认的 action,要手动实现上传方式 http-request,然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
element-plus element 文件 django upload

关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别

分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
前端 框架 问题 vue3 vue

浦语书生大模型实战训练营01笔记

大模型总的发展趋势:单一模型处理单一任务到一个模型解决多个任务 书生.浦语大模型开源历程:internLM大模型发布-》全面商业、开源支持8k语境全链路开源体系》多模态预训练语料库开源发布-》1.1版本迭代升级,开源智能体框架支持语言模型到智能体升级转换-》增强版发布开源工具全线升级 书生.浦语大模 ......
训练营 书生 实战 模型 笔记

naming conflicts with other components【vue3】

问题描述: 在vue3中有相同名称的文件时,会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案: 修改vite. ......
components conflicts naming other with

vue3hooks中的生命周期钩子

vue3中新增了hooks的使用,内置了vue的各种api,用来将重复逻辑封装复用,比mixin更灵活 hooks中同样可以使用vue的生命周期钩子,但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑 根据原文件调用生命周期和执行hooks函数的时机进行排序 export const ......
钩子 vue3hooks 周期 生命 3hooks

Vue3中实现world、excel、txt、pdf文件预览,(vue-office的使用)

依赖 "@vue-office/docx": "^1.3.0", "@vue-office/excel": "^1.4.5", "@vue-office/pdf": "^1.5.3", 代码案例 核心代码 <div class="preview-box"> <a-modal class="previ ......
vue-office 文件 office world excel

vue入门——??04days

def接口项目_回顾 # 创建数据库指定编码 CREATE DATABASE drf_ks CHARACTER SET utf8; # 锁定用户后,之前签发的token,如果没过期,还能用 -自己写认证类 》拿到当前用户后,判断是否锁定,如果锁定了,认证不通过即可 # 用自定义用户表--》签发tok ......
days vue 04

Vue——实现与后端交互

展现方式:点击按钮向后端发起请求,获取数据并展示到前端 呈现效果: 实现方式如下: 第一步:使用Django框架书写后端代码,返回数据(用户名与年龄) 视图类: from rest_framework.views import APIView from rest_framework.response ......
Vue

vue项目里导出word模板,导出Excel表格~

一、安装依赖包 1、docxtemplater npm install docxtemplater pizzip -S2、jszip-utils npm install jszip-utils -S3、pizzip npm install pizzip -S4、FileSaver npm insta ......
表格 模板 项目 Excel word

Vue——实现购物车的增减与价格统计

呈现效果: 第一步:引入vue与bootstrap的CDN <script src="./js/vue.js"></script> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4 ......
购物车 价格 Vue

docker安装Nginx并运行vue3前端

Docker安装Nginx #获取Nginx docker pull nginx #查端口 netstat -ntlp #建本地目录 mkdir -p /home/nginx/www /home/nginx/logs /home/nginx/conf /home/nginx/conf.d #创建临时 ......
前端 docker Nginx vue3 vue

vue3路由跳转与参数获取

// 普通跳转 router.push('/index') // query 参数 router.push({ path: '/index', query: { id: 123, } }) // params 参数 router.push({ name: 'index', params: { id: ......
路由 参数 vue3 vue
共9000篇  :3/300页 首页上一页3下一页尾页