人員管理**如下：
<
!doctype html>
"utf-8"
>
<
/title>
"stylesheet" href=
"bootstrap/css/bootstrap.css"
>
<
/head>
"./js/vue.js"
>
<
/script>
="container"
>
>
id:"text" v-model=
"id"
>
name:
"text" v-model=
"name"
>
age:
"text" v-model=
"age"
>
work:
"text" v-model=
"work"
>
="btn btn-primary " type=
"button" value=
"新增" @click=
"add"
>
"text" placeholder=
"keyword"
>
<
/div>
="table table-bordered table-striped table-hover"
>
"checkbox"
>
<
/th>
id<
/th>
名字<
/th>
年齡<
/th>
職務<
/th>
入職日期<
/th>
操作<
/th>
<
/tr>
<
/thead>
<
!-- vue資料和頁面 --
>
:key給v-
for繫結乙個能識別該記錄唯一性的值，防止vue在渲染頁面的時候出現一些錯誤 --
>
for=
"people in search(keyword)"
:key=
"people.id"
>
"checkbox"
>
<
/td>
}<
/td>
}<
/td>
}<
/td>
}<
/td>
}<
/td>
="btn btn-danger" @click=
"del(people.id)"
>刪除<
/button>
<
/td>
<
/tr>
<
/tbody>
<
/table>
<
/div>
<
/div>
vue.
filter
('formatdata'
,data=>
var date=
newdate
(data)
;var datestr= data.
getfullyear()
+'-'
+(data.
getmonth()
+1)+
'-'+data.
getdate()
;return datestr;})
;var vm=
newvue(,
data:
, methods:
;插入末尾
//push尾部新增,unshift首部新增
this
.person.
push
(people)
;// localstorage本地記憶體
localstorage.
setitem
("person"
,json
.stringify
(this
.person));
},/* some
*/del(id)})
;// foreach完整迭代每乙個元素,並把元素作引數去執行匿名函式[1
,2,3
,4].
foreach
(data=>);
// filter返回滿足條件的新陣列[1
,2,3
,4].
filter
(data=>})
;
localstorage.
setitem
("person"
,json
.stringify
(this
.person));
},search
(keyword))}
}});
<
/script>
<
/body>
<
/html>
day04個人總結
今天學了是資料庫的安裝 資料庫的使用 怎麼建立庫怎麼建立表還有怎麼插入資料 單挑插入資料 多條資料插入，怎麼修改資料 單條修改資料，怎麼刪除資料 單條刪除資料 刪除建立的表 建立的庫，今天學的很開心，每天學習不一樣的東西，還有這些我們要注意東西 對錶的操作 建立 修改 刪除 約束條件 資料型別 資料...
day04 資料寬度
第4節 資料寬度 資料寬度 在上節課了解0和1的關係，同時計算機儲存資料，不是無限制可以儲存任意資料的，在我們現實中只儲存乙個數字的話，要麼把數字寫到本子上或記錄到腦子裡，那麼把它看成無限大的，但是在計算機中不是這樣的由於計算機受到硬體的約束，我們在儲存資料的時候它是有長度限制的。我們稱這個長度的限...
Day04 迴圈結構
如果在程式中我們需要重複的執行某條或某些指令，例如用程式控制機械人踢足球，如果機械人持球而且還沒有進入射門範圍，那麼我們就要一直發出讓機械人向球門方向奔跑的指令。當然你可能已經注意到了，剛才的描述中其實不僅僅有需要重複的動作，還有我們上乙個章節講到的分支結構。再舉乙個簡單的例子，比如在我們的程式中要...