山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(5)

        又经过一段时间的努力，前端的方法已经基本完成。其实所谓前端的方法，除了一部分点击按钮或复选框等组件产生的页面跳转，返回与清空外，多数方法是通过路由连接到后端对应的方法。因此在这个问题上我们借鉴网上的一个做法，使用了一个比较麻烦但行之有效且不容易出bug的做法，我称之为“中间链接法”。

        该方法在前端的.vue文件中import时并不直接import后端的方法，而是按较大的分类（如入库，出库等）导入.js内的方法，而该.js文件的方法使用url连接到后端。

import {applyInStock, deleteCollect, fetchList,changeStatus} from '@/api/collect'
import {formatDate} from '@/utils/date';
import {deleteCollectDetail} from "@/api/collectDetail";
import {getCookie} from '@/utils/support';
import {getRole} from '@/api/order'

        然后使用js文件与后端连接

import request from '@/utils/request'

export function fetchList(params) {
  return request({
    url: '/collect/list',
    method: 'get',
    params: params
  })
}

export function createCollectItem(data) {
  return request({
    url: '/collect