2018年5月10日 星期四

[筆記]前端與後端人員開發配合

前端開發人員常常會發生前端程式需要呼叫後端的API或是方法。

這裡提供一個簡易作法,讓大家可以簡易分工。

--

在設計階段,前端人員最常做的方式是寫假資料在要呈現的畫面上。

如<input value=’這是要binding的測試欄位UI’ />,

設計後,可能直接轉移工作項目,讓後端人員去套用此欄位。

或是等到後端人員把API或是規格定義好之後在轉交給前端人員套用。

然後前端人員又要重套用,或是可能需要調整的東西比較多(因為都是假資料)。

所以在撰寫的時候如果有配合binding物件的寫法template相關的framework或libaray,

個人的作法是寫個簡易的框來處理這件事情就可以。



當後端開發完成,只要替換掉相對應的連結與取回結果,變可以無痛替換,

也不太需要等待與(沒溝通好的)重新設計。

*個人與本團隊之經驗,不一定適用其它人,但提供做法,並作個筆記。

2018年4月12日 星期四

[筆記]Power Designer 從DB或Script語法產生Model

參考:

做法:

1.選擇從Database來產生Model。

image

2.匯入sql語法,以MSSQL為例:內容為create table的語法。
image

3.或可以使用data source的方式匯入結構。(不說明,請參考影片自行測試。)

2018年4月2日 星期一

[JavaScript]Browser Console 網頁主控台

JavaScript 的程式不太好Debug,所以我們配合Browser Console,
來檢視目前程式發生什麼錯誤或是執行到什麼階段(配合log)。SNAGHTML4d8e56f

以Chrome為例,開啟【開發人員工具】。(或F12)

此時我們可以發現Console中可能會存在一些資料的log。

設計師在撰寫JavaScript時,會將一些資訊log下來,方便檢視與瀏覽。

image

如何使用:

  • Console中可能會記錄資料未載入成功的相關訊息。
    • 多半以紅字顯示相關錯誤訊息,以yahoo為例。SNAGHTML50284d4
  • 設計師撰寫JavasScript:
    • <script>    console.log(‘這是log訊息’);//log</script>

結論:

當程式發生錯誤時,如何快速的讓開發人員了解發生了什麼事情。

除了擷取錯誤畫面之外,配合著Console Log也是一個好的方式。

2018年3月28日 星期三

[筆記]Win10開機啟動程式

改版後一時找不太到設定的地方。


解法:

  C:\Users\kyle\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup

將捷徑放在此目錄底下就可以。

紅字為使用者的帳號,請自行替換。

[筆記]啟用Gmail低安全性應用程式

實作C# Gmail發信時,出現此錯誤。

【SMTP 伺服器需要安全連接,或用戶端未經驗證。】

解法:

登入帳號後,輸入以下網址:

https://myaccount.google.com/lesssecureapps?pli=1

進入後,選擇啟用

image