文章出處

系列文章

本文將采用一個小的App為實例，開始講述如何使用，Axure做原型設計，使用 Ionic 在 WebStorm 里做開發。從而幫您了解和入門Web前端開發和 Ionic 的使用。
這是一個簡單的應用，設想這樣一個應用場景，有一個商家想做一個派送訂單的客戶端，從而讓快遞員，快速的進行訂單配送。例如下圖的這種OTO派送方式，一個個小格子，用戶頭一天定早餐，中午定午餐，平時定零食，下午茶，微信公眾號訂購，直接入住寫字樓，App派送，二維碼一掃，小柜子就打開了，很適合坐寫字樓的上班族。

本文就設想這個OTO的派送App為實現目標, 使用 Axure做一個原型設計。

如下圖：
1.  用戶登陸，在登陸成功后，進入今日帶處理訂單列表。

2.  在今日帶處理列表中，用戶可以選擇一個系統已經指派好的派送任務。同時也可以執行：退出系統，手動輸入或者掃描二維碼進入一個派送任務。

3.  點擊一個派送任務，進入此派送任務，可以看到要派送的詳細內容，當派送完成后，點擊完成訂單，表示此訂單配送完成。

以上就使用 Axure 快速的完成了業務需求的描述，下篇將介紹，創建Ionic項目，并在 WebStorm 中開發。