貼心小語 上一篇我們提到如何監聽 Event,並從中取得 log 資訊,但如果要從交易的收據中取得 log 資訊該如何做呢?讓我們繼續看下去~ 收據裡的 lo...
步驟 使用並且確認環境設定是否正確 撰寫 Unit Test 以及確認Code 是否正確 ng build -prod(會花比平常 ng build 或是...
介紹完如何開發給非 Angular 專案所使用的 Schematics 與如何在非 Angular 專案中使用 Schematics 之後,我們再把主軸拉回到...
貼心小語 上一篇成功透過 web3.js 來呼叫合約中的函式。我們之前設計的函式只要會變更狀態變數的操作都會記錄 log ,也就是觸發 event ,那要怎麼去...
簡述 通常開設商店都會有收入跟費用,現在業主打開後台,都會希望在第一時間看到一些數據,也就是常聽到的 Dashboard。 功能 有出現哪些資訊要看各產業,De...
今天陸陸續續寫了一些進度,不過後來想到角色卡跟資料庫無關的部分功能基本都OK了,就先來試著發布在網路上看看。 因為專案本來就是用Github做版控,所以buil...
如何 最佳化 Angular Application Angular 會分析所有 NgModule 了解妳目前專案的特性 Angular Module 會隔離...
簡述 列表中非常常見的搜尋列,如下圖所示: 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 data 時間工具。...
貼心小語 上一篇我們使用 Truffle 進行合約部署及函式庫連結,那麼在部署完之後當然要與合約進行互動,我們將使用 web3.js 來調用合約。 取得合約實...
今天的練習基本上跟前一篇非常類似,不過就只是將主角從 React 換成了 Vue ,大體上沒有太大的改變。 但是魔鬼藏在細節裡,且為了不是每天文章都會仔細閱讀的...
練習目標 React 有個套件叫做 reactstrap ,它可以讓開發者在 React 專案裡很方便的去使用 Bootstrap 的元件。 而安裝 react...
簡述 列表中非常常見的搜尋列如下圖所示 功能 搜尋列的組成大約分幾種: input 輸入編號或是帳號。 select 下拉式選單。 date 時間工具...
貼心小語 上一篇學會了如何發起交易,這一篇將會進入到另一個重要功能,就是部署合約! 為什麼用 Truffle? 應該有人看到標題就想問:為什麼已經用了專用函式...
透過Pipe,可以不用在Component端寫程式改變資料的顯示模式,而是透過 Pipe 的模式來調整要顯示的資料內容,如此一來我們就不用在 Component...
簡述 開始實作訂單管理的功能模塊。 功能 訂單列表(換頁搜尋)。 用Dialog新增/修改訂單。 用子組件查看商品。 檔案結構 -src |-app...
貼心小語 上一篇我們能夠去取得交易及收據的資訊,這一篇將會透過 web3.js 來發起交易,算是蠻重要的一個功能! 參數格式 web3.js 發起交易的函式需...
今天筆者要介紹的第一個超好用工具是 VSCode 的擴充套件: Schematics Snippets 這個超好用工具的作者,是我們臺灣的開發者: 黃升煌 M...
如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況,使用 Reactive Form 處理應當會比 Template-Drive Form 好解決. 匯入...
簡述 開始實作商品管理的上傳圖片、預覽圖片以及相關功能。 功能 商品新增修改 在商品新增修改上有出現一個上傳圖片的功能,我們會把上傳圖片的功能拉出來做一個...
這一篇要來介紹Typescript的實用功能 - 列舉(Enum) 什麼是列舉(Enum) 列舉可以轉換一組備有限範圍的資料,比如說日期、郵遞區號、星期等等。列...
昨天我們成功存取本地檔案,今天來試著連接遠端的 API。 我們先用 PostMan 測試一下創建帳號的 API: 確定API是可以動作的。body 這邊我們要...
貼心小語 上一篇我們學會了 web3.js 的 util 函式,這一篇將會設計取得交易及收據的方法。 取得交易 有時候可能會需要來看交易的內容,比如說: ha...
之前筆者在 Day12 的時候有說過, Angular 其實很貼心地幫我們準備了很多 API ,讓我們在開發 Schematics 的時候可以更輕鬆、簡單。 不...
為什麼使用rxjs RxJS是一組可以用來處理非同步、以及同步事件的一個JavaScript Library 能幫助你快速地使用像是Ajax、Server W...
簡述 開始實作商品管理的功能模塊。 功能 商品列表 商品類別新增修改 檔案結構 -src |-app |-cms |-produ...
Angular的介紹到此告一段落了。Angular與Typescript有非常深度的整合。因此Typescript也是必須要認識的相關基礎。現在要來介紹- Ty...
今天筆者要來分享一個超好用的 VSCode 擴充套件給大家: 這個擴充套件好用在哪裡呢? 減少因打錯字所浪費的時間。 不用再自己搜尋指令或參數,它會幫你全部...
貼心小語 上一篇我們設計了取得帳戶列表與區塊資訊,這一篇會來探討 web3.js 中一些 公用函式(Utility Functions)。 設置 Util 類...
簡述 開始實作會員管理的功能模塊。 功能 會員列表 會員新增修改 會員等級新增修改 檔案結構 -src |-app |-cms...
終於來到介紹Angular的尾聲。可能會產生一個疑問,為什麼不是在一開始的時候介紹Angular的架構,難道是架構不重要嗎? 我的回答是:不,架構非常重要。但是...