Vue.js
React.js
BootStrap
Ant Design Vue
JSP
Java
Struts2
Spring MVC
Golang
API (資料庫接口)
Oracle
SQL Server
MySQL
Apache-Tomcat
SVN
Git
※企業會員資料查詢系統
開發網頁供業務部門使用企業會員資料,包含需求訪談。
開發功能:
1. [ 登入 ] 僅業務部同仁可使用此系統。
2. [ 會員註冊 ] 業務部同仁輸入公司行號資料後,該公司行號可成為企業會員,用最低價購買商品。
資料填寫包含基礎驗證,例如手機號碼須為10碼數字、公司統一編號為必填等等。
2. [註冊成功頁面] 於網頁顯示方才公司行號的資料,以及自動生成的該企業會員的帳號與密碼,
業務部同仁將提供給企業會員,方便企業會員在網購頁面登入。
3. [查詢會員資料] 輸入企業會員帳號或公司行號負責人姓名任一項資料,可查詢企業會員完整資訊。
4. [修改會員資料] 業務部同仁可替企業會員修改資料。 資料修改包含基礎驗證,例如手機號碼須為10碼數字、公司統一編號為必填等等。
5. [ 刪除會員 ] 業務部同仁於網頁操作後,資料表中特定欄位將由 0 更新為 1,表示會員已刪除。
使用技術:BootStrap2、Html、CSS、JavaScript、Jsp、Struts2、Java、SQL。
※報表網頁
開發功能:
1. [登入] 使用原ERP帳號密碼登入此系統,方便抓取使用者瀏覽權限,確保資料安全。
2. [報表呈現] 編寫 SQL 並將結果顯示於網頁前端。
3. [下拉式選單開發] 利用 AJAX 達成不刷新頁面取得後端資料值。 下拉式選單顯示內容,因使用者權限而異, 例如總公司生鮮商品處同仁僅可察看全省分店生鮮商品處資料,不可查看其他商品處資料。
4. [報表CSV下載] 將網頁上面呈現的資料下載至使用者本機端(csv 格式)。
使用技術:BootStrap2、Html、CSS、JavaScript、Jsp、AJAX、Struts2、Java、SQL
※資料庫接口開發 與 資料即時同步系統維護
1. [資料庫接口] 開發資料庫接口提供廠商串接,例如會員登入驗證、商品庫存查詢。
2. [日結狀態顯示網頁 (僅維護)] 供值班人員查看日結狀態,是否出錯或是否完成。 使用技術:多執行緒。
3. [日結狀態 API (僅維護)] 至 linux 主機指定目錄下抓取文字檔,將文字整理成 JSON 格式後傳出。 使用技術:SpringBoot。
4. [會員資料系統(管理維護)] 管理維護廠商開發之系統。
5. [資料即時同步系統(管理維護)] 管理維護廠商開發之系統。
6. [台新大潤發聯名卡窗口] 回覆台新聯名卡窗口,與資料即時同步系統的相關問題。
AEB宏碁資訊服務(大安), Apr 2020 - Sep 2021
※電子筆錄調閱服務網
依照PM的規格書開發功能:
1. [ 問卷調查 ] 登入後可填寫問卷或瀏覽曾經填寫過的問卷。
2. [ 電子發票PDF下載 ] 點擊某筆交易紀錄後,用該筆紀錄的id至DB撈取pdf名稱,接著至Server下載該檔名之Pdf。
使用技術:Html、CSS、JavaScript、Jsp、Apache Tiles、Spring MVC、Maven、Java、MyBatis、SVN。
※最高法院民刑審判系統
依照諮詢單去實現需求或bug排除。
舉2個例子:
1. [ Debug ] 某案件有多個案號, 裁判書中卻只顯示第一個,透過修改判斷邏輯使案號正常顯示。
2. [ 功能實作 ] 將使用者輸入的SQL語法,傳送至使用者勾選的法院執行(透過呼叫webService的方式),將資料回傳後提供csv下載。
使用技術:Html、JavaScript、Jsp、Java、SQL、SVN。
AEB宏碁資訊服務(台南高等法院), Sep 2020 - Nov 2020
※三代系統推廣(需至法院駐點,將二代系統更新為三代)
1. 照文件說明將 Oracle 的資料轉至 SQL Server 中
2. 照文件說明在 Linux Server, Windows Server 中進行伺服器設定
3. 民刑審判系統網頁檢查與問題回報
使用技術:SQL、Linux、Windows
明台產險, Nov 2020~ Feb 2021
※產險系統需求實作
1. 照文件說明修改 Java 程式碼
2. 照 test case 文件完成新需求測試
使用技術:JavaScript、Java、SQL、SVN。
※後台報表網頁
1. 維護資料庫API (Golang, MySQL)
2. 維護網站頁面 (Vue.js)
3. 使用 Gitlab, Sourcertree 進行版本控制
使用技術:Vue.js、AntDesign、Golang、MySQL、Git、K8s、Docker、nginx、FileZilla
※遊戲大廳
1. 維護資料庫API (讀取玩家資料、讀取玩家收藏遊戲列表)
2. 維護網站頁面 (透過api取得資料、透過api收藏遊戲)
3. 使用 Gitlab, Sourcertree 進行版本控制與共同開發 (網頁設計師進行CSS切版)
使用技術:Vue.js、Golang、MySQL、Git、K8s、Docker、nginx、FileZilla
※ 遊戲試玩頁面
1. 維護資料庫API (Golang, MySQL)
2. 維護網站頁面 (Vue.js)
3. 使用 Gitlab, Sourcertree 進行版本控制與多人維護
使用技術:Vue.js、Git、nginx、FileZilla
學習 統計學
學習 統計套裝軟體 SAS, R-Studio
學習 Java
學習使用 Android Studio 開發 APP
學習前端 Framework : React.js
使用Visaul Studio 做為開發工具,使用 node.js 達成 npm start 的目的,使網頁得以運行。
學習小筆記 :
[理解參數宣告 let & const 的差別]
[ js檔的基本 import, export ]
[ES6 的基本語法]
[實作 Handler 操控 state,props 來改變資料與傳值]
[實作小專案練習: 專案架構設計、css套用、component顯示、props傳值]
[https://react-my-burger-4d892.web.app/]
學習前端 Framework : Vue.js
使用Visaul Studio 做為開發工具,方便使用Vue-CLI。
學習小筆記 :
[理解基本 option 概念: data, methods, computed, watch ]
[理解 component 的溝通方式: props, emits, components, provide, inject ]
[其他常用標籤: slot, teleport, router]
[實作小專案練習: https://the-learning-resources-app.web.app/]
Vue.js
React.js
BootStrap
Ant Design Vue
JSP
Java
Struts2
Spring MVC
Golang
API (資料庫接口)
Oracle
SQL Server
MySQL
Apache-Tomcat
SVN
Git
※企業會員資料查詢系統
開發網頁供業務部門使用企業會員資料,包含需求訪談。
開發功能:
1. [ 登入 ] 僅業務部同仁可使用此系統。
2. [ 會員註冊 ] 業務部同仁輸入公司行號資料後,該公司行號可成為企業會員,用最低價購買商品。
資料填寫包含基礎驗證,例如手機號碼須為10碼數字、公司統一編號為必填等等。
2. [註冊成功頁面] 於網頁顯示方才公司行號的資料,以及自動生成的該企業會員的帳號與密碼,
業務部同仁將提供給企業會員,方便企業會員在網購頁面登入。
3. [查詢會員資料] 輸入企業會員帳號或公司行號負責人姓名任一項資料,可查詢企業會員完整資訊。
4. [修改會員資料] 業務部同仁可替企業會員修改資料。 資料修改包含基礎驗證,例如手機號碼須為10碼數字、公司統一編號為必填等等。
5. [ 刪除會員 ] 業務部同仁於網頁操作後,資料表中特定欄位將由 0 更新為 1,表示會員已刪除。
使用技術:BootStrap2、Html、CSS、JavaScript、Jsp、Struts2、Java、SQL。
※報表網頁
開發功能:
1. [登入] 使用原ERP帳號密碼登入此系統,方便抓取使用者瀏覽權限,確保資料安全。
2. [報表呈現] 編寫 SQL 並將結果顯示於網頁前端。
3. [下拉式選單開發] 利用 AJAX 達成不刷新頁面取得後端資料值。 下拉式選單顯示內容,因使用者權限而異, 例如總公司生鮮商品處同仁僅可察看全省分店生鮮商品處資料,不可查看其他商品處資料。
4. [報表CSV下載] 將網頁上面呈現的資料下載至使用者本機端(csv 格式)。
使用技術:BootStrap2、Html、CSS、JavaScript、Jsp、AJAX、Struts2、Java、SQL
※資料庫接口開發 與 資料即時同步系統維護
1. [資料庫接口] 開發資料庫接口提供廠商串接,例如會員登入驗證、商品庫存查詢。
2. [日結狀態顯示網頁 (僅維護)] 供值班人員查看日結狀態,是否出錯或是否完成。 使用技術:多執行緒。
3. [日結狀態 API (僅維護)] 至 linux 主機指定目錄下抓取文字檔,將文字整理成 JSON 格式後傳出。 使用技術:SpringBoot。
4. [會員資料系統(管理維護)] 管理維護廠商開發之系統。
5. [資料即時同步系統(管理維護)] 管理維護廠商開發之系統。
6. [台新大潤發聯名卡窗口] 回覆台新聯名卡窗口,與資料即時同步系統的相關問題。
AEB宏碁資訊服務(大安), Apr 2020 - Sep 2021
※電子筆錄調閱服務網
依照PM的規格書開發功能:
1. [ 問卷調查 ] 登入後可填寫問卷或瀏覽曾經填寫過的問卷。
2. [ 電子發票PDF下載 ] 點擊某筆交易紀錄後,用該筆紀錄的id至DB撈取pdf名稱,接著至Server下載該檔名之Pdf。
使用技術:Html、CSS、JavaScript、Jsp、Apache Tiles、Spring MVC、Maven、Java、MyBatis、SVN。
※最高法院民刑審判系統
依照諮詢單去實現需求或bug排除。
舉2個例子:
1. [ Debug ] 某案件有多個案號, 裁判書中卻只顯示第一個,透過修改判斷邏輯使案號正常顯示。
2. [ 功能實作 ] 將使用者輸入的SQL語法,傳送至使用者勾選的法院執行(透過呼叫webService的方式),將資料回傳後提供csv下載。
使用技術:Html、JavaScript、Jsp、Java、SQL、SVN。
AEB宏碁資訊服務(台南高等法院), Sep 2020 - Nov 2020
※三代系統推廣(需至法院駐點,將二代系統更新為三代)
1. 照文件說明將 Oracle 的資料轉至 SQL Server 中
2. 照文件說明在 Linux Server, Windows Server 中進行伺服器設定
3. 民刑審判系統網頁檢查與問題回報
使用技術:SQL、Linux、Windows
明台產險, Nov 2020~ Feb 2021
※產險系統需求實作
1. 照文件說明修改 Java 程式碼
2. 照 test case 文件完成新需求測試
使用技術:JavaScript、Java、SQL、SVN。
※後台報表網頁
1. 維護資料庫API (Golang, MySQL)
2. 維護網站頁面 (Vue.js)
3. 使用 Gitlab, Sourcertree 進行版本控制
使用技術:Vue.js、AntDesign、Golang、MySQL、Git、K8s、Docker、nginx、FileZilla
※遊戲大廳
1. 維護資料庫API (讀取玩家資料、讀取玩家收藏遊戲列表)
2. 維護網站頁面 (透過api取得資料、透過api收藏遊戲)
3. 使用 Gitlab, Sourcertree 進行版本控制與共同開發 (網頁設計師進行CSS切版)
使用技術:Vue.js、Golang、MySQL、Git、K8s、Docker、nginx、FileZilla
※ 遊戲試玩頁面
1. 維護資料庫API (Golang, MySQL)
2. 維護網站頁面 (Vue.js)
3. 使用 Gitlab, Sourcertree 進行版本控制與多人維護
使用技術:Vue.js、Git、nginx、FileZilla
學習 統計學
學習 統計套裝軟體 SAS, R-Studio
學習 Java
學習使用 Android Studio 開發 APP
學習前端 Framework : React.js
使用Visaul Studio 做為開發工具,使用 node.js 達成 npm start 的目的,使網頁得以運行。
學習小筆記 :
[理解參數宣告 let & const 的差別]
[ js檔的基本 import, export ]
[ES6 的基本語法]
[實作 Handler 操控 state,props 來改變資料與傳值]
[實作小專案練習: 專案架構設計、css套用、component顯示、props傳值]
[https://react-my-burger-4d892.web.app/]
學習前端 Framework : Vue.js
使用Visaul Studio 做為開發工具,方便使用Vue-CLI。
學習小筆記 :
[理解基本 option 概念: data, methods, computed, watch ]
[理解 component 的溝通方式: props, emits, components, provide, inject ]
[其他常用標籤: slot, teleport, router]
[實作小專案練習: https://the-learning-resources-app.web.app/]