Java Spring Framework 筆記 - Bean configutation file 設定


當Java工程師也已經好一段時間,這段時間接了許多用了Spring的案子,寫了許多程式,雖然有能力可以改動程式,網路上一查都可以查到相關文章,程式照著複製貼上也可以運作,但寫這種程式的感覺相當不實際,所以還是決定好好的將Spring的知識補起來。


Java呼叫MSSQL Stored Procedure時拋出 Incorrect syntax near '@P0' Exception


要透過java 來呼叫MSSQL上的 Stored procedure,確定在 MSSQL上 的Stored procedure是可以執行的,但透過Java呼叫卻持續出現  Incorrect syntax near '@P0' 錯誤

JasperReport 6 匯出Word 時設定表格列高為最小高度


用Japser 輸出word報表時可能有不同需求,Japser 其實有許多比較進皆的設定,沒有仔細查可能不知道可以這樣調整(或是要花費相當長時間搜尋才能找到這樣一個設定)



Kotlin - 基礎語法筆記 (1)

開始學習用Kotlin 來寫Android,因為已經有寫Java的經驗,Kotlin語法的部分只針對自己覺得比較特殊的部分做一個筆記記錄下來,方便未來查詢檢視。
主要是在 udemy 平台上學習Kotlin所記錄下的筆記,有興趣者可以參考這堂課程。

在Mac OS上設定$JAVA_HOME變數

最近換新筆電,自己沒有透過time machine來做備援,所以重新安裝所有環境,因為安裝完JAVA後會設定JAVA_HOME變數,查了一下,記錄了幾個簡單的方式,可參考下面做法:

Angular ng-content select使用方法

Angular中,會透過ng-content來協助將內容放置到child component中,最近才知道原來ng-content內還有一個selector的方式,可以讓使用更彈性。

處理 nginx close upstream connection after request



這陣子透過Nginx來作為proxy來重導連結網址,只是這陣子有人反應抓一些檔案會出現一些問題,有時可以完整抓完檔案,有時只抓一半就中斷了,時好時壞,不知什麼原因。


Angular 4:加入Bootstrap css


這邊單純做一個筆記,一般直接從bootstrap網站下載好,再加入連結到專案內也可以,
只是Angular 4提供了另外的方法可以使用,這邊做一個紀錄,之後方便查詢使用。

Angular 4: Service


Service可以在不同的component與service中傳遞與共用一些資訊,有了這樣的功能,有些在component上原本透過event binding來實作的功能,改用service來輔助,開發上也會變得簡單與方便許多,且可以達到相同的目的。

Angular 4: Structural Directive


我們在Angular內可以自己定義Directive,而可以對DOM作新增、移除或是修改Element的Directive又稱作Structural Directive。

像是ngIf或是ngFor這一類的directive就是structural directive,ngIf可以在特定條件下讓element加入或移除DOM;nfFor則是根據資料來源將element加入或移除DOM中。

Angular 4:自訂Directive


我們定義了一個component,如果我們希望透過程式改變component內的背景顏色,過程不免是在component上加入一些binding的方式來動態改變component的style或class。


Angular 4: 使用 setInterval


在Javascript內使用setInterval沒問題,用法基本上就是
var ref = setInterval( 'myFunction()', second * 1000);

透過這方式可以讓Javascript每 N秒執行一次 myFunction,同時會回傳一個數字到ref變數,在之後如果不需要這個 interval後,可以呼叫 clearInterval(ref),把ref變數傳入即可清除這個interval。

在Javascript內使用沒問題,但是在Angular 4內的typescript內要怎麼使用setInterval呢?
把Javascript的寫法直接移植過去竟然沒辦法直接使用,找了一段時間,才找到方法:

首先宣告一個ref變數
intervalRef: any; this.intervalRef = setInterval(
() => { this.trigger(); }, 1000);

這樣就可以成功設定interval了,同時會傳回一個Timer,Javascript是傳回數字,但這邊卻是回傳Timer型別物件,之後如果要清除interval,方法就跟Javascript一樣了:
if (this.intervalRef != null) clearInterval(this.intervalRef);

也許Angular 4也有提供根AngularJs一樣的$interval服務,但目前還未學到,所以暫時就以這方式使用了。


透過Javascript關閉jQuery colorbox


原本要用window.close()可以javascript視窗,即使視窗是個popup也可行,但是最近發現透過

jquery開啟之Colorbox卻沒辦法用該方式關閉,

Angular 4:Directive

這邊記錄幾個Angular 的directive使用方法:
分別為

1. ngIf
2. ngIf-else
3. ngStyle
4. ngClass
5. ngFor

Angular 4:Data Binding




Angular data bnding 有以下幾種data binding方式:


String Interpolation
String Interpolation是可以將程式的變數輸出至template中顯示,使用方式是將變數或是function放在{{ 變數/function }},即可讓變數顯示在template上。

Angular 4: Component


建立component

透過
ng g c comp1(Component名稱)
指令會在目錄下建立一個目錄,名稱為ComponentName,同時會建立幾個相關檔案,
檔名以Component名稱開頭,

Java Spring Framework 筆記 - Autowiring (2)

這篇記錄透過 Annotation來做到 Spring的 autowiring。