AngularJS – Providers介紹 (一)

最近公司NAS APP專案採用Cordova專案來開發,配合使用Ionic v1和AngularJS來撰寫UI功能,在開發過程中很常使用到AngularJS的Factory定義,看了AngularJS官網所寫Factory只是歸屬於Providers的一種使用方式,其他還有Service、Value、Constant、Provider等,接下來我們就依序來介紹這些定義的差異和使用方式。

(一) Value:

當我們只是要一個很簡單的資料定義,我們可以使用Value,官方範例為定義一個Oauth的ClientId來做解釋,如下 :

程式碼

我們宣告一APP為 myAPP,並定義一個value名稱為clientId並且給予我們要指定的值,那我們定義完要如何使用,AngularJS採用Dependency Injection的方式Injection到Controller中如下圖:

程式碼

O2O商業模式中的簡訊應用

O2O商業模式中的簡訊應用

O2O是現今非常流行的商業模式,其操作的方式非常多元,從網路上取得折價優惠後再到實體商店消費、透過APP叫車、線上產品租借……等都是O2O的一環。

其中「產品租借」更是兼具O2O以及共享經濟的一種商業模式,而產品租借常常講求所謂的時效性,消費者通常都是為了立即性的需求,在短時間中租借特定商品,因此消費者從網路下訂轉到實體取貨時,會希望講求「即時」且「明顯」的通知方式,就是不希望延誤租借時間。因此若業者使用電子郵件通知,會擔心與廣告信混雜在一起;使用APP可能會被設為取消通知模式,錯失第一時間閱覽通知。

這時可以使用簡訊發送的方式通知消費者,因為簡訊送達消費者手中時,會立刻跳出通知視窗,消費者不會漏收訊息。

 

如何用簡訊建立產品租借的經營模式呢?

C# Lock 概論

先簡單介紹一下Lock,如同大家在聽到多執行緒時常聽到的哲學家故事,今天一個圓桌上有多位哲學家,每個哲學家中間都擺著一支筷子,當個哲學家要吃飯,必須拿起哲學家左右兩邊的筷子吃飯,而其他兩旁的哲學家這時候只能負責思考,那如果兩旁的哲學家這時也想要吃飯,就會變成第一位哲學家拿起了右邊的筷子,第二位哲學家也拿起了右邊的筷子……,最後所有哲學家都拿起了一支右手的筷子,也全都在等別的筷子,而這樣就會造成死結(Deadlock),每個哲學家就像一個執行緒一樣,在互相搶資源(筷子),這時就要使用Lock,使得CPU避免正在執行的程式與其他執行中的程式互相干擾,講了這麼多我們來看看實際的範例,以下使用微軟lock 陳述式中所提供的範例做說明。

 

下方程式為模擬一個帳戶(Account)一直被扣隨機數目後,扣至零塊錢的情形。

[ 行動網頁 ] 發佈網頁 功能操作說明

當我們製作完所有的網頁內容,最後也是最重要的一步就是要將製作完成的網頁發佈到站台上,這樣使用者才可以檢視網頁最新的結果,若沒有進行發佈,不管前面我們多努力進行建置也是無意義。接著請參考以下功能操作說明,了解如何 預覽網頁、 發佈網頁 、……等功能。

#行動網頁 教學系列文章#

[ 行動網頁 ] 建立行動網頁的 LOGO 和大圖

[ 行動網頁 ] 建立 網頁標題 及 基本按鈕介紹

[ 行動網頁 ] 新增網頁欄位 及 圖文 說明

[ 行動網頁 ] 為您的行動網頁新增 超連結

[ 行動網頁 ] 行動網頁 區塊 、 欄位調整說明

[ 行動網頁 ] 在行動網頁上 嵌入 外部元件

[ 行動網頁 ] 按鈕 設定說明

 

[ 行動網頁 ] 按鈕 設定說明

當我們做完行動網頁的內容和嵌入語法後,大致上我們的單一網頁就完成了,那接著我們會希望使用者可以在看完頁面後進行下一步,例如開啟地圖、寄送e-Mail、撥打電話、填寫問卷、前往別的頁面……等,這個時候我們可以使用底部的 按鈕 ,讓使用者看完網頁內容後,知道如何進行下一步動作。

 

#行動網頁 教學系列文章#

[ 行動網頁 ] 建立行動網頁的 LOGO 和大圖

[ 行動網頁 ] 建立 網頁標題 及 基本按鈕介紹

[ 行動網頁 ] 新增網頁欄位 及 圖文 說明

[ 行動網頁 ] 為您的行動網頁新增 超連結

[ 行動網頁 ] 行動網頁 區塊 、 欄位調整說明

[ 行動網頁 ] 在行動網頁上 嵌入 外部元件

 

 

[ 行動網頁 ] 在行動網頁上 嵌入 外部元件

當我們行動網頁的內容製作得差不多後,接著我們可以試著 嵌入 一些外部的元件,讓讀者除了看靜態的文字外,也可檢視動態的影片。此外,也可以嵌入更多資訊如: FB 粉絲專頁、Google 地圖、Line 分享按鈕 ……等元件,讓讀者更能輕易地找到、分享您網站的資訊,有關嵌入元件的部分,請參考以下教學說明。

 

#行動網頁 教學系列文章#

[ 行動網頁 ] 建立行動網頁的 LOGO 和大圖

[ 行動網頁 ] 建立 網頁標題 及 基本按鈕介紹

[ 行動網頁 ] 新增網頁欄位 及 圖文 說明

[ 行動網頁 ] 為您的行動網頁新增 超連結

[ 行動網頁 ] 行動網頁 區塊 、 欄位調整說明