Vue axios增刪改查純前端練習三 新增 刪除

2021-10-16 01:58:30 字數 1537 閱讀 6765

新增測試

刪除刪除測試

總結由於上面兩篇已經把架子搭好了 我們直接開始 還是從我們的後台mock開始下手

ok 在mock資料夾下新建addresp.js 由於原理都是一樣的我們快速進行 進入addresp.js

mock.

mock

('','post'

,)

這裡需要說一下 因為增加需要發json method必須要用post方式 也是第一次用post ,ok 後台就完成了

由於我們沒有運算元據庫 並沒有真實新增 只是從前台傳送了乙個物件 其實並沒有用它 以下為流程

上** dao層add函式

add

(obj))}

,

request我們也再看一下

const request =axios.

create

()

這兩個位址baseurl +url = addresp中的url

引入js

"../mock/addresp.js"

>

<

/script>

@click

="add"

>

data:},

methods:)}

,}

在axios_crud.html直接golive

f12開發者工具 看看來自addresp.js的response內容

ok相應收到大功告成!

在mock下建立delresp.js 在裡面寫

請求型別:delete!

請求型別:delete!

請求型別:delete!

mock.

mock

(regexp

(''+'.*'),

'delete'

,)

增加乙個刪除函式

delete

(id)`,

method:

'delete',}

)},

引入js

"./mock/delresp.js"

>

<

/script>

@click

="del"

>

刪除測試button

>

js

del()

)},

在axios_crud直接golive

ok這也沒什麼難度

WebApi框架增刪改查前端

用html頁面 前端jquery 先引入 const uri select let todos null function getcount data el.text data name else document ready function 繫結事件 function deleteitem id...

mysql增刪改查效果 mysql增刪改查

檢視所有資料庫 mysql show databases 建立乙個庫ghd並指定字符集為utp8 mysql create database ghd charset utf8 檢視mysql支援的字符集 mysql show char set 建立乙個表,並設定id為主鍵 create table ...

mysql增刪改查擴充套件 MySQL增刪改查

1 插入 insert 1 insert into 表名 values 值1 值2 例子 insert into t1 values zengsf 23 fengshao 22 2 insert into 表名 欄位1,values 值1 例子 insert into t1 name values ...