WeX5 實(shí)戰(zhàn)案例：記賬本App

【學(xué)習(xí)目標(biāo)】

通過學(xué)習(xí)記賬本App，掌握數(shù)據(jù)的增刪改查、列表和表單的制作、Shell及對話框的使用。

【案例說明】

記賬本App是一款簡單直觀的流水賬記賬軟件，提供賬目列表、記一筆、分類設(shè)置等三個(gè)功能。運(yùn)行效果如圖1-24.

　

圖1-24  記賬本App運(yùn)行效果

本案例重點(diǎn)在于前端頁面開發(fā)，一共需要開發(fā)四個(gè)前端頁面，因此直接使用WeX5提供的后端服務(wù)及數(shù)據(jù)庫表。記賬本App使用的數(shù)據(jù)表是：賬目表account和賬目分類表account_class。記賬本的后端服務(wù)提供了對于這兩個(gè)表的查詢、保存動(dòng)作，從而可以在App中對這兩個(gè)表進(jìn)行增刪改查等操作。整個(gè)應(yīng)用的構(gòu)成如圖1-25.

圖1-25  記賬本App應(yīng)用構(gòu)成

【在線資源】

       本案例開發(fā)一個(gè)由多個(gè)頁面組成的應(yīng)用，比前面的案例復(fù)雜很多，涉及頁面之間的調(diào)用和傳參。因此提供四個(gè)視頻講解記賬本App的開發(fā)過程。

 1-3  開發(fā)記賬本App賬目列表

 1-4  開發(fā)記賬本App記一筆

 1-5  開發(fā)記賬本App分類設(shè)置

 1-6  開發(fā)記賬本App首頁