EL文件上传

2023-11-09

一、通过时间修改与文件上传_weixin_43985399的博客-CSDN博客查询并添加相应的文件

二、编辑前端页面

 <!-- 上传软件 -->
        <el-dialog  :visible.sync="open2" width="500px" append-to-body>
            <el-form ref="item" :model="item" :rules="rules1" label-width="80px">
                <el-form-item label="版本号" prop="version">
                    <el-input v-model="item.version" placeholder="请输入版本号"
                        clearable style="width: 240px">
                    </el-input>
                </el-form-item>
                <el-form-item label="软件上传" prop="url">
                    <el-upload class="upload-demo" ref="upload"
                         :headers="headers" :on-success="success" :action="action"
                         :before-upload="beforeUpload" name="file">
                        <el-button icon="el-icon-uoload" size="small" type="primary">点击上传</el-button>
                    </el-upload>
                </el-form-item>
            </el-form>
             <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="upload">确 定</el-button>
                <el-button @click="goto">取 消</el-button>
            </div>
        </el-dialog>

 

import { getToken } from '@/utils/auth';//获取验证码

 

headers:{
                Authorization:"Bearer " + getToken()
            },
            action: process.env.VUE_APP_BASE_API + "/smart/file/upload"

//上传软件
        handleAddVersion(){
            this.open2 = true;
            this.resetForm("item");
        },
        goto(){
            this.open2 = false;
            this.resetForm("item");
        },
        upload(){
            this.$refs["item"].validate(valid => {
                if (valid) {
                    console.log(this.item)
                    addVersionMain(this.item).then(response => {
                    this.$modal.msgSuccess("新增成功");
                    this.open2 = false;
                    this.resetForm("item");
                    });
                }
            });
        },
        beforeUpload(file){
            return true;
        },
        success(response,file){
            this.item.url = response;
        }

 三、时间参数传递

后端:

@Excel(name = "更新时间")
    @JsonFormat(timezone = "GMT+8")
    private Date uploadTime;

/**
     * 添加软件版本信息
     * @param version
     * @return
     */
    @PostMapping("/add")
    public AjaxResult insert(@RequestBody ZhVersion version){
        return toAjax(versionService.insertVersion(version));
    }

    /**
     * 修改软件版本信息
     * @param version
     * @return
     */
    @PutMapping("/update")
    public AjaxResult update(@RequestBody ZhVersion version){
        return toAjax(versionService.updateVersion(version));
    }

 前端:

// 新增软件信息
export function addVersion(data) {
    console.log(data)
    return request({
      url: '/smart/version/add',
      method: 'post',
      data: data
    })
}
//修改软件信息
export function updateVersion(data){
    return request({
        url: '/smart/version/update',
        method:'put',
        data: data
    })
}

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

EL文件上传 的相关文章

随机推荐

  • QDockWidget布局方式

    上图为DockWidget多控件效果图 QDockWidget dock QLatin1String Last filters QWidget multiWidget new QWidget QVBoxLayout layout new Q
  • oracle生成不同uuid,oracle生成uuid

    select sys guid from dual gt 78AE331ADB2B4CE7AB598B1317B39D58 但该函数如下问题 1 返回类型为RAW 2 没有 dash 分隔符 3 返回的字母大写 为了使产生的uuid符合rf
  • vue3之createApp分析

    函数定义 createApp函数定义在文件 packages runtime dom src index ts中 export const createApp args gt const app ensureRenderer createA
  • Python 贝叶斯在文本分类的应用案例

    关注微信公共号 小程在线 关注CSDN博客 程志伟的博客 1 1 文本编码技术简介 1 1 1 单词计数向量 在开始分类之前 我们必须先将文本编码成数字 一种常用的方法是单词计数向量 在这种技术中 一个样本可以包 含一段话或一篇文章 这个样
  • 10种排序算法总结(Python 版)

    文章目录 1 冒泡排序 O n 2 2 快速排序 O nlogn 3 简单插入排序 O n 2 4 希尔排序 O n log n 5 简单选择排序 O n 2 6 堆排序 O n log n 7 归并排序 O n log n 8 计数排序
  • 解决keil5编译报错 undefined symbol

    在编译keil5 工程时出现报错 xxx axf Error L6218E Undefined symbol xxx referred from xxxo 正常情况下遇到Undefined symbol问题根据经验有以下几种原因 1 c文件
  • pinia实现持久化存储

    pinia的作用是什么 Pinia 是 Vue 的存储库 它允许您跨组件 页面共享状态 如果您熟悉 Composition API 您可能会认为您已经可以通过一个简单的 export const state reactive 这对于单页应用
  • 论文笔记--Attention is all you need

    Attention is all you need transformer模型 摘要 当前的序列转录模型基于encoder和decoder的循环或卷积神经网络 较好的做法是在encoder和decoder中间加入一个注意力机制 我们提出了一
  • 使用Spyder,导入tensorflow以及相关库出现kernel died等问题的解决方法

    自从使用了Spyder之后 感觉腰不算了 腿不疼了 走路都带风了 呵呵 好吧 那是之前 使用Spyder给我的感觉就好像一台快报废的电脑重新装了系统一样 刚开始顺风顺水 可是后来就发现毕竟是老年机 容易出现个什么白内障 风湿病什么的 做一些
  • 离散数学:数学语言与证明方法(练习题)

    练习1 1 判断下列命题是真是假 1 x x 答 假 x 并不是 x 元素 2 x x 答 真 x 是 x 子集 3 x x 答 真 x 是 x 元素 4 x x 答 假 x 不是 x 子集 5 x 答 真 是 x 元素但不是任何集合元素
  • SpringBoot:构建一个SpringBoot项目

    文章目录 一 创建项目 1 点击 File gt Project 2 选择 Spring Initializr 3 填写项目基本信息 5 目录结果 6 pom xml 依赖 7 主函数入口 二 项目启动 测试 三 项目源码 SpringBo
  • MongoDB常见问题

    问题一 还原报错 root mongodb bin mongorestore h 127 0 0 1 27017 d runoob directoryperdb data db runoob 2022 12 19T19 47 23 909
  • [LeetCode-21]-Merge Two Sorted Lists(有序列表合并)

    文章目录 题目相关 Solution 不带头结点 增加头结点 使用递归 题目相关 题目解读 合并两个有序列表 并返回新列表 原题描述 原题链接 Merge two sorted linked lists and return it as a
  • 合并两个有序表到新的有序表

    系列目录 左右移动 旋转 数组元素 查找两个升序数组的中间数 判断数组的某一个元素的数量是否超过了整个数组数量的一半 文图介绍 将有序数组A和有序数组B合并得有序数组C A 1 2 3 4 5 B 2 3 4 5 6 C 1 2 2 3 3
  • java什么时候用异常_深入理解Java异常的使用场景

    最近在项目代码中 遇见异常滥用的情形 分析下会带来哪些后果 1 代码可读性变差 业务逻辑难以理解 异常流与业务状态流混在一起 无法从接口协议层面理解业务代码 只能深入到方法 Method 内部才能准确理解返回值的行为 可看一下代码 publ
  • 如何计算留存率(Hive Sql or Spark sql)

    在互联网行业中 用户在某段时间内开始使用应用 经过一段时间后 仍然继续使用该应用的用户 被认作是留存用户 这部分用户占当时新增用户的比例即是留存率 会按照每隔1单位时间 例日 周 月 来进行统计 顾名思义 留存指的就是 有多少用户留下来了
  • unistd.h文件

    转载地址 http baike baidu com link url nEyMMFYevs4yoHgQUs2bcfd5WApHUKx0b1ervi7ulR09YhtqC4txmvL1Ce3FS8xTKtWQuvmEBHC9xezMGpvGH
  • valgrind 在开发板上运行以及使用

    前言 bedug无处不在 今天花落我家 现象 一个月出现一次异常 难易复现排查 借助神器valgrind排查 1 下载及编译准备 下载地址 https www valgrind org tar jxvf valgrind 3 16 1 ta
  • java实用类之正则工具类

    正则工具类 public class PatternUtil 匹配邮箱正则 private static final Pattern VALID EMAIL ADDRESS REGEX Pattern compile A Z0 9 A Z0
  • EL文件上传

    一 通过时间修改与文件上传 weixin 43985399的博客 CSDN博客查询并添加相应的文件 二 编辑前端页面