Vue結合後台的增刪改案例

2022-01-13 23:26:52 字數 1263 閱讀 7066

首先列表內容還是與之前的列表內容類似,不過此處我們會採用vue中資料請求的方式來實現資料的增刪。那麼我們使用的vue第三方元件就是vue-resource,vue發起請求的方式與jquery的ajax相似,組要是請求位址與引數。和方法

首先我們先看到的是列表請求

id

name

ctime

operation

}}}刪除

在methods中獲取到的加入獲取資料的list方法,使用get請求

getlist()else

})},

需要注意的是,使用vue-resource的請求獲取的資料,都封裝在**資料的body域中,同時我們需要在vue元件的created生命週期函式中加入使用該方法來渲染頁面

created(),
增加和刪除元素的方法與此類似,這裡給出詳細**,不做講解

id:name:

關鍵字

idname

ctime

operation

}}}刪除

上述**中有兩個地方略顯囉嗦,第乙個是url,第二個是傳遞json資料之後對json的處理,vue-resource 提供了兩個簡化的操作,

url簡化

我們可以在定義vue物件之前使用

來定義請求的基礎url,然後直接使用請求本身的url就可以了,但是需要注意的是兩段url連線起來之後,不允許出現『//』,否則會出問題,一般我會採用基礎url最後多『/』,而自定義的url則無

還有乙個是對傳遞資料的引數的簡化,

我們可以在定義vue物件之前使用

這樣我們在請求時即可預設有此引數,請求的時候就不用加上這個引數了。

經過簡化,上述**被簡化為

id:name:

關鍵字

idname

ctime

operation

}}}刪除

此案例後台為我使用mybatis和springboot所做的簡單後台,大家也可以自行操作。

Python 列表 字典的增刪改查結合案例

字 典 增 新的關鍵 值 刪除 刪除 鍵 改 已存在的key new值 查 get key 列表 1 2,3.14 字典 下面是例子 coding utf 8 資訊列表 infor 功能提示 print 50 print 資訊管理系統 print 1.新增乙個新的資訊 print 2.刪除乙個人的資...

mysql後台增刪改 mysql基本的增刪改查操作

1.增 insert insert into 表名 values 0,測試 insert into 表名 id,name values 0,高蒙 注 如上語句,表結構中有自動增長的列,也必須為其指定乙個值,通常為0 2.刪 delete delete from 表名 delete from 表名 w...

游標簡單案例 增刪改

表 create table sp id int primary key identity,name varchar 50 商品名稱 price int,gz varchar 50 關注度 建立儲存過程 gocreate proc v add asbegin 建立游標 declare adds cu...