Angular

[Angular] 利用interceptor 將回傳的Date string 轉做 Date object

2018-07-22 C.H. Ling 0

在Angular 中, Pipe 就像WPF 中的coverter 般將接到的data 轉換為用作須要用的format顯示出來. 然而在front-end development 中, 從web service 接到的日期, 通常都被當成string 般處理. 若要須要轉成Date, 則需要透過interceptor 收到response, 利用regular expression 轉換成 Date 回傳出來. 在示範中, 會利用HTTP response 的JSON方法如下.

Angular

[Angular] 利用HttpClient 進行async request

2018-07-18 C.H. Ling 0

在以前利用JavaScript 進行HTTP request 時, 通常都會等待一段時間才收到response, 若在multi-thread 的環境下, 有機會傳回null 而令執行上出現問題. 從前須要加入setTimeout() 去等待, 現在在ES5後, 則須加入async await 便可. 在示範中會利用service 執行async HTTP request.

Angular

[Angular] 於Kendo Grid 同時加入sort 及 page

2018-07-18 C.H. Ling 0

Kendo UI 是由Telerik 開發的一套Web UI 套件. 使用它主要是因為它強大的後台Microsoft 支撐. 而這幾年, 它亦開始了Angular 的開發. 然而, 其功能若跟WPF control 比較, 則有得多要改善的地方. 而在示範中, 則補元了datagrid 中出了page 後sorting 的功能. 方法如下.

Angular

[Angular] 於Angular 加入build profile 設定

2018-07-13 C.H. Ling 0

在Visual Studio中, 可以透過修改project 檔案加入不同的profile. 而在Angular 中, 亦有相同的設定. 透過利用Angular CLI (Command-Line Interface) 建立的專案, 則可直接修改angluar.json 進行設定. 方法如下.

Computing

[Java] 部署 Spring Application 到 JBoss EAP / Wildfly 中運行

2018-07-12 C.H. Ling 0

除了Tomcat 外, JBoss / Wildfly 都是熱門的Java Application Server. 與前者比較, JBoss / Wildfly 對整合 Java Enterprise Edition (JEE) 較佳. 而將spring 部署到 JBoss 中雖然較少, 但其穩定性則相對較佳. 示範中會利用Gradle spring application project 進行部署.

Computing

[Java] 利用Spring Data JPA 接駁 SQL server

2018-07-06 C.H. Ling 0

Java Persistence API (JPA) 是 Java 內建的library 用作ORM 互動. 著名的衍生品之一就是Hibernate, 而Spring 亦基於Hibernate, 在Spring Boot 中建立了Spring Data JPA. 在示範中, 會以Gradle project 接駁SQL server 及存取資料.

Computing

[Java] 利用Eclipse將 gradle project 打包做war檔

2018-06-20 C.H. Ling 0

預設下Gradle 會將project 以jar 的形式打包, 然而, 若要打包的是web application的話, jar 並不能於Tomcat 或者JBoss 中發佈, 故war 檔格式雖然舊但仍有其價值. 所以須要透過plugin 去進行. (所以個人討厭寫Java 其中一個原因就是太多相類似的plugin)

Application Framework 程式框架

[Electron] 於Visual Studio 建立 Electron Project

2018-01-27 C.H. Ling 0

Electron 是一套建基以 Node.js 作back-end 和 Chromium 作front-end 的軟件框架. 最大的好處是可以利用JavaScript 建立Desktop Application, 同時亦可以利用npm 大量的 repository. 網上的教學主要都集中在如何利用Visual Studio Code 那邊. 但其實Visual Studio 2017 都可以做到.

1 2 3 4 5 6