第七屆 佳作

app
開發 Mobile 手機的新一代霸主-ionic framework
jimmy0328

系列文章

DAY 11

ionic routing(下)

今天要介紹 routing中的 url 及templateUrl,簡單的說就是在url上的網址會對應到的那一個template page。 以下圖為例,要到fr...

DAY 12

ionic 實作(1):UserStory 及 UI 說明

User Story 簡單的使用UserStory 來描述這個 mobile application要做的事,在這個 app 叫做訂便當系統,做為內部訂購統計使...

DAY 13

ionic 實作(2):Project 建立及架構介紹

以下的開發環境是在 mac 環境上開發,若有在 window or linux 開發與我撰寫這邊不保證一定可以work。 首先 建立 ionc Project...

DAY 14

ionic 實作(3):設定 Routing

Sample source Code : https://github.com/jimmy0328/ourmeal Routing 我們用來設定每個 URL的導...

DAY 15

ionic 實作(4):登入畫面

說明 大部份的app如果需要有身份的認證,通常的作法不是使用 facebook、google 或其它第三方登入以外,就是自己有一個會員的帳號登入,今天要實作的部...

DAY 16

ionic 實作(5):今日訂餐

說明 今日訂餐功能,主要是要顯示今天中午要訂購的便當店,所以在設計上要有 title 、圖片及menu(菜單)三個部份。 UI 畫面 設計的畫面如下 這邊使...

DAY 17

ionic 實作(6):本月消費

說明 本月消費功能,主要是要用來統計當月消費的記錄與總金額。 UI 畫面 設計的畫面如下 打開 tab-consumer.html 修改內容如下,在這邊有使用...

DAY 18

ionic 實作(7):歷史訂購(上)

說明 歷史訂購功能,主要是用來查看過去的訂購記錄,在這個部份會有master - Detail 的作法在裡面。 UI 畫面 設計的畫面如下 打開 tab-hi...

DAY 19

ionic 實作(8):歷史訂購(下)

說明 歷史訂購功能,主要是用來查看過去的訂購記錄,在這個部份會有master - Detail 的作法在裡面,接下來要介紹的是detail 的部份如何實作。...

DAY 20

ionic 實作(9):重構程式 - $http (上)

在之前實作的部份,資料的讀取的都是暫時使用靜態變數來呈現的。但實際在開發手機時,通常都是手機中的 SQLLite 資料,或是直接讀取透過 HTTP 來讀取 re...