記錄一次vue的三個頁面的復用

2021-09-02 08:14:58 字數 1573 閱讀 1482

這次依舊分到了乙個模組,從前端到後台的,於是借鑑了他們的寫法。

好了,上**。

1.查詢頁面

1.1分頁查詢的展示:

1.1.1先定義好要展示的字段(以json格式定義,繫結資料時即可直接引用)

1.1.2通過函式,像後台傳送乙個$http請求,讓其在init函式執行,就可以初始化執行。注意的是,把當前頁和每頁的資料大小一起傳遞到後台。

//分頁查詢

1.1.3,根據對應的字段,就可以在table元件裡面進行展示資料了。

1.2就是按條件查詢的前端了。

借用剛剛定義的jsonobject,將字段放進去,帶去後台,進行查詢。

查詢方法用的上乙個,區別就是在dto上附帶了這些屬性。後台通過動態sql進行處理。查詢完成後,叉掉查詢條件,即可。

到此,首頁的分頁查詢和按條件查詢記錄完畢。

2.1 記錄新增,修改和詳情了。他們三者共用乙個頁面。在talbe元件時,將該列的id,通過scope.row。傳到給對應的頁面。通過另乙個引數的定義的區別,區分是進入哪個頁面。

編輯

詳情回訪

建檔

|

2.1.2 在另乙個頁面寫函式,進行觸發。比如,詳情。

另乙個引數控制著,進入的是哪個頁面,觸發的是**的函式

詳情接下來就和首頁的寫法類似了。不展示了。

感覺剩下的新增和修改和上次記錄的都差不多。也就不寫了

這次記錄的和上次的主要區別是:上次為了增刪改查,寫了四個頁面。這次的話,由於新增,修改和詳情的展示大量的類似,通過這種方式,這三個就復用乙個頁面,進行了大量的**冗餘了。可以快速的完成乙個前端的開發。

陣列中三個只出現一次的數字

此文 此問題的相關問題 陣列中兩個只出現一次的數字 題目 乙個陣列中有三個數字a b c只出現一次,其他數字都出現了兩次。請找出三個只出現一次的數字。分析 在部落格 中我們討論了如何在乙個陣列中找出兩個只出現一次的數字。在這道題中,如果我們能夠找出乙個只出現一次的數字,剩下兩個只出現一次的數字就很容...

陣列中三個只出現一次的數字

2012 09 30 20 42 46 分類 陣列 標籤 演算法google 微軟面試題 程式設計 舉報 字型大小 訂閱 題目 乙個陣列中有三個數字a b c只出現一次,其他數字都出現了兩次。請找出三個只出現一次的數字。分析 在部落格中我們討論了如何在乙個陣列中找出兩個只出現一次的數字。在這道題中,...

陣列中三個只出現一次的數字

題目 乙個陣列中有三個數字a b c只出現一次,其他數字都出現了兩次。請找出三個只出現一次的數字。分析 在部落格中我們討論了如何在乙個陣列中找出兩個只出現一次的數字。在這道題中,如果我們能夠找出乙個只出現一次的數字,剩下兩個只出現一次的數字就很容易找出來了。如果我們把陣列中所有數字都異或起來,那最終...