前端 项目总结

本文是关于一个名为数据标准管理的后台管理系统项目的总结,主要技术栈为前端Vue+vuetify和后端Java Springboot。内容包括Vue路由传参、axios请求参数格式、跨域解决方案、文件下载以及项目开发中遇到的问题和经验教训。强调了需求分析、开发文档和后台参数格式统一的重要性。
摘要由CSDN通过智能技术生成

本来想每周写一篇博客的 然后国庆完 发现项目太赶了
于是就每天花了很多精力在项目上 周末就躺着 懒得动了。。。。。
这个项目名字叫 数据标准管理
是给一个研究所做后台管理用的 也算一个后台管理系统吧。
需求点有文档的上传 下载 文档中的标准 码表 模型的管理
树形目录 数据库的导入 标准码表的审核 还有就是登录 权限等
技术栈是前端vue+vuetify (感觉没elment-ui好用) 加 后端java springboot (后端小哥哥说的)
增删改查 占大部分 还有一点echarts的使用
好了 做了个项目还是要有点收获的。
言归正传 总结是为了更好的提升 将一些基础的东西 记牢固。

1.vue 的路由传参问题

vue的路由传参主要有三种方式 详情我就不说了 放个链接吧。
https://segmentfault.com/a/1190000012393587?utm_source=tag-newest
params   query 都可以 等等

```javascript
我用的是query
//申请按钮
    preapplication (item) {
      this.$router.push({
        name: 'standard-fileapplication',
        query: {
          id: item.file_id,
          name: item.file_name
        }
      })
    },
子组件的话 这样就可以接受并且使用了
this.$route.query.id       
this.$route.query.name

2.axios发送请求的几种参数格式

开发项目的时候 因为几个后台的参数格式没统一
耗费了一些无用的时间这里
1.JSON对象格式
有时候不用加这个请求头 也可以的 但是如果项目全局配置了表单格式的请求头的话
应该是要加这个请求头的

auditPass () {
   
      let data = this.obj
      data.isAuth = '1',
        data.authRemark = this.suggestion,
        this.axios.defaults.headers = {
   
          'Content-type': 'application/json'        }
      this.axios.
  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值