Vue實現資料從前端到後台的傳遞

2021-10-07 16:19:52 字數 1805 閱讀 6174

前後端的資料傳遞的幾種方式，其中由於是有公司開放的框架所以你們有的方法不一定適用。

deletehandle(id) );


this.$confirm(`確定$?`, "提示", )


.then(() => 


});});


}).catch(() => {});


},
這是相比較來說的比較麻煩的乙個實現刪除功能，在真正的開發過程中其實很多的東西都是邏輯刪除，在資料庫中定義乙個狀態的字段，然後通過改變狀態值然後實現邏輯上的刪除，主要操作的資料都是表的關係中的主表的內容。然後就是真實的刪除就是在資料庫中直接刪除，這種一般的操作的資料都是過程表或者是子表中的內容。

還有如果是要實現刪除之類的危險功能，不管是實現邏輯刪除還是物理刪除都需要完成乙個彈窗，因為有可能是使用者誤點了這個功能，然後在按鈕的顏色上也需要注意和別的按鈕的顏色區分開。

@apioperation("刪除")

@logoperation("刪除")

public result delete(@requestbody string ids) 

getdatalist0(init) ;


console.log(data)


this.$axios.post('/pc/modeldefecrectificationnotice/list0', data).then(res => ).catch((error) => {})


},
這就是我實現條件查詢的乙個方法，我們將對方輸入的條件查詢的值，按照鍵值對的形式形成乙個map實現到後端的傳值，然後在傳值的時候是需要帶上分頁的兩個資料，乙個是頁數，乙個頁的大小。

@apioperation("列表")

public result> list0(@requestbody mapparams)

listbyparam.setrecords(records);

return new result>().ok(listbyparam);

}其實這裡還是有一些問題的，就是controller 的引數的註解問題

async dataformsubmit(num) )


if (!valid) return


for(var i=0;i)


this.dialogformvisible = false;


this.addorupdatevisible = true


this.$nexttick(() => )


},
然後呢，自這vue裡面我是引入了同乙個資料夾中的

import * as api from './api'


import util from '@/libs/util'
然後在我們公司寫好的api.js檔案中

import request from '@/plugin/axios'


import util from '@/libs/util'


import qs from 'qs'
在這裡去引用寫好的方法，只是輸入傳輸的url還有需要傳遞的引數，傳輸的方式，還有傳輸的資料

export function upload(data) )


}export function download(id) )


let url = '/pc/modeldefecrectificationfeedbackfile/download'


window.location.href = `$$?$`


}

Lodop列印從前端到後台

一 前端頁面 1.引用js src裡面的位置主要是看把這個lodap的控制項放在哪個位置，就引用那個位置。2.列印按鈕，方法名隨便寫 3.列印載入 function print1 hosfeemonbal.do?method getprint1 type post async false,data ...

簡潔高效把資料從前端傳到後台

前端將from表單中輸入的資料傳到後台有和很多種辦法，這種是比較高效的辦法。單條資料可以直接通過存在乙個物件裡，按key和value鍵值對拼好就行。多條資料就可以把媒每個物件依次存到陣列裡，最後轉成json資料傳到後台。var arrdata data pctbody tr each functio...

C MVC後台傳值到前端並顯示

一 通過viewbag傳值 傳值可以是字段和list等其他型別 後台 html頁面獲取 二 通過viewdata 傳值可以是字段和list等其他型別 後台 viewdata mess1 測試1 viewdata mess2 測試2 listzsk new list zsk.add new zskob...