一、完成的任务
- 前后端对接
- 后端代码修改
- 前端样式完善
- 1.0版本写完
前后端对接
后端使用本地服务,我需要先跑通后端项目,在我原本的前端项目中嵌入后端的代码,项目结构改变,还好可以正常运行
后端代码修改
在接口对接的时候服务器一直报500的问题,按理来说应该不是跨域的问题,但为了放心,还是配置了一下跨域
前端样式完善
增加了一些人机交互的动画和处理,重点在使用element框架进行前后端对接,核心代码upload的使用
<template>
<el-upload class="upload-demo" action="#" drag :before-upload="beforeUpload" multiple :headers="headers" :limit="2"
:auto-upload="false" :file-list="fileList" :on-change="handleChange" :on-exceed="exceed" accept=".mat" :on-remove="handleRomove">
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">上传mat格式文件</div>
</el-upload>
<el-button @click="dialogOfUpload = false">取 消</el-button>
<el-button type="primary" @click="confirmUpload()">上 传</el-button>
</template>
<script>
import axios from