接上篇，在本篇中，我們將要實現(xiàn)如下，功能，編輯和查詢，我們當(dāng)前的todolist程序，和線上其它的demo程序不同，我們會對其進(jìn)行增刪改查的基本操作，之后進(jìn)行進(jìn)一步的完善，按照常規(guī)的系統(tǒng)使用經(jīng)驗，一般我們新增和編輯都是在模態(tài)框中處理，這里我們不會去構(gòu)建復(fù)雜的模態(tài)框，只用一個簡單的div層來代替，后期接下來的文章中我們會重復(fù)造輪子，構(gòu)建我們自己的輕量級框架（UI庫）。
首先，我們對我們的頁面結(jié)構(gòu)進(jìn)行一下簡單的調(diào)整，加入bootstrap只是為了讓頁面不那么赤裸裸，對其它不會有任何影響
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>demo1</title>
<script src="https://cdn.bootcss.com/vue/2.4.1/vue.js"></script>
<link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css" rel="stylesheet"></head><body class="container">
<div id="app" class='row'>
<div class="col-md-6">
<table class="table table-bordered">
<tr>
<th>title</th>
&nb
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖
2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】
2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解
2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析
2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二)
2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式