后臺原型設計的基礎功能可以總結為：增刪改查選顯6個動作，即增加、刪除、修改、查詢、選擇和顯示，其中增加和刪除是6個動作的核心。上一章《axure8.0快速入門新手教程：全選反選》是關于選擇的，而這一章，就好好講講如何使用axure8.0制作后臺原型的數據增加和刪除功能了。
第一步：拖拉擺放好相關控件
1、添加按鈕：白底黑框，80X30，放在右上角；
2、數據表格（表頭）：1行5列，灰底黑框的表格作為表頭，從左到右每個格子的文字分別為：姓名、性別、年齡、電話和操作，字體全部加粗；
3、數據表格（表身）：一個中繼器，中繼器里面是一個1行5列，白底黑框的表格，從左到右5個格子分別命名為“姓名”、“性別”、“年齡”、“電話”和“刪除”，其中最右邊一個格子文字為：刪除，字體為藍色加下劃線。
4、表單彈框：4個文本標簽、4個文本框以及2個矩形組成的表單彈框，組合命名為“彈出框”，初始狀態設置為隱藏。
（1）4個文本標簽分別為姓名、性別、年齡和電話；
（2）4個文本框分別命名為“姓名”、“性別”、“年齡”和“電話”，一一對應放在文本標簽右邊；
（3）2個矩形中，一個是確認按鈕，另一個是取消按鈕。
第二步：為添加按鈕設置交互樣式和交互用例
交互樣式為：鼠標懸停和鼠標按下均設置填充顏色為灰色；
交互用例為：鼠標單擊時顯示“彈出框”。
第三步：為中繼器設置數據庫和交互用例
中繼器中的數據庫設置如下：
為中繼器添加每項加載時用例
用例中設置“姓名”的文本對應中繼器數據庫的“name”列；
用例中設置“性別”的文本對應中繼器數據庫的“sex”列；
用例中設置“年齡”的文本對應中繼器數據庫的“age”列；
用例中設置“電話”的文本對應中繼器數據庫的“tel”列。
第四步：為刪除按鈕設置交互用例
交互用例設置為：鼠標單擊時刪除this行。
第五步：為確認按鈕設置交互用例
交互用例設置為：鼠標單擊時添加一行數據并隱藏“彈出框”。
第六步：為取消按鈕設置交互用例
交互用例設置為：隱藏“彈出框”。
點擊預覽，然后點擊添加——填寫表單——點擊確認或者點擊刪除，就可以看到添加刪除的效果了。同時也可以隨時關注我的個人博客：http://weidublog.com，因為工作過程中有很多這些axure原型設計小技巧的例子，所以我會堅持分享下去，希望對大家有幫助，你們對我的關注就是我的動力。
效果圖：axure原型設計之添加刪除
更多原型案例：http://weidublog.com/index.php/2017/03/20/181/
作者：維度
