2014年10月17日 星期五

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

›
說明 歷史訂購功能，主要是用來查看過去的訂購記錄，在這個部份會有master － Detail 的作法在裡面，接下來要介紹的是detail 的部份如何實作。 UI 畫面 設計的畫面如下 打開 tab-history-detail.html 修改內容如下...

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

›
說明 歷史訂購功能，主要是用來查看過去的訂購記錄，在這個部份會有master － Detail 的作法在裡面。 UI 畫面 設計的畫面如下 打開 tab-history.html 修改內容如下，在list中先輸入幾筆 item，另外這邊有使用了 i...
2014年10月12日 星期日

ionic 實作(6)：本月消費

›
說明 本月消費功能，主要是要用來統計當月消費的記錄與總金額。 UI 畫面 設計的畫面如下 打開 tab-consumer.html 修改內容如下，在這邊有使用了 inline style 去處理，這個部份在之後refactor的介紹會再做調整 ...

ionic 實作(4)：登入畫面

›
說明 大部份的app如果需要有身份的認證，通常的作法不是使用 facebook、google 或其它第三方登入以外，就是自己有一個會員的帳號登入，今天要實作的部份就是使用帳號密碼登入在 ionic 中應該如何開發。 UI 畫面 首先打開編輯 tab-login....

ionic 實作(5)：今日訂餐

›
說明 今日訂餐功能，主要是要顯示今天中午要訂購的便當店，所以在設計上要有 title 、圖片及menu(菜單)三個部份。 UI 畫面 設計的畫面如下 這邊使用 list card 來排版，程式內容如下 畫面排版可以參考 http://ionic...
2014年10月11日 星期六

ionic 實作(3)：設定 Routing

›
Sample source Code : https://github.com/jimmy0328/ourmeal Routing 我們用來設定每個 URL的導頁設定方式，首先使用編輯器開啟 js/app.js 先定義所有 url 要對應的 template url ...

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

›
以下的開發環境是在 mac 環境上開發，若有在 window or linux 開發與我撰寫這邊不保證一定可以work。 首先 建立 ionc Project 這邊使用tab sample project 來修改 使用sublime 還其它編輯器軟體打開...