top of page

​蕭楚研 - 系統整合二課

工作內容 :

主要工作內容為前端開發,依據UI設計以及使用者需求實作各種系統頁面,並且依據頁面功能整理呈現資料以及輸入資料,並透過API與後端做溝通,以對資料進行CRUD。

其次,協助桃園市政府智慧區里的教育訓練,走訪桃園市的各區里,幫助里長們使用智慧區里的系統。

工位環境

image.png

實習經歷

2月~4月初

vue練習+線上投保系統

前三週主要在學習、熟悉使用Vue3框架的撰寫方式、檔案架構,以及透過線上投保系統實際了解專案開發的模式,並且協助一些專案中格式較為重複的頁面。

4月~5月

​桃園市智慧區里教育訓練

先學習如何使用桃園市政府智慧區里系統,並且預先研究如何下載安裝以及開啟權限,然後跟隨專案部實際走訪桃園市各區公所教導里長們如何使用智慧區里系統,此部分為共同工作內容會統一整理成一篇內容。

​5月~8月

MES v.1

使用Vue3框架結合Essential JS2套件開發前端頁面,學習主要以套件的DataGrid組件來呈現資料,並且可以透過點擊查看不同群組內的資料內容。

.我負責的工作在於將需要新增或修改的資料打包並透過API傳送給後端,以及將後端處理好的資料展示給使用者。

8月末~10月中

​備詢題庫系統

使用vue3框架結合DevExtreme套件開發系統,讓題目提供者可以將可能會出現的質詢內容編撰並記錄於此系統中,並讓被質詢者可以預習這些可能出現的質詢題目;
在被質詢時可以透過這個系統找出該質詢題目,並且根據資料即時做出回答。

10月末~

MES v.2

我們將前面使用EJ2套件開發的系統改成自行製造Components來應用,替換掉套件提供的datagrid以獲得更多的客製化空間,不需要過多的受制於套件的功能。

​開發環境介紹

※開發框架使用 Vue3來進行前端開發

※前端開發使用vite 協助專案建置,以及提供更快速的熱加載本地伺服 器,協助VUE框架快速呈現變動內容,以及提供專案基本的結構。

※專案的開發管控使用GitLab來進行版本控制以及統一的程式碼管控。

※資料庫依據專案的不同有使用MsSQL 以及PostgreSQL


※資料庫管理系統使用DBeaver,這個管理系統可以適用於不同的資料庫,不需要對不同的資料庫使用不同的資料庫管理系統。

image.png
image.png
image.png
image.png
image.png
image.png

​我的學習

1.     問題整理 : 遇到不會的問題時如果是緊急的要立即發問,如果是ㄧ些小問題可以先累積,整理之後再一次發問。

2.     時間規劃 : 將手上的工作細分,列出要做的事項,並且分配、紀錄時間,不要在同一個問題上花費太多時間,自己處理不來要尋求協助,時間分配很重要。
3.     溝通 : 在頁面的規格上有不清楚的地方,或是有需要額外的資料時要與他人做溝通。
4.     實務技能 : 學習了Vue3以及在Vue3框架下可以使用的套件,在原本相對不熟悉的前端開發有了更多的實務經驗,並且在教育訓練的過程中學習到了與長輩溝通的方法。
5.     製作筆記 : 本次實習中我常常使NOTION這個筆記軟體來記錄我學習到的套件寫法以及需要注意的重點。

6.     專案的架構 : 有效利用vue的component特性將一個較為複雜的頁面做拆分簡化每個組件的功能,並且在建立檔案時依照一定的規範建立,增加整個專案的可維護性,並且在撰寫程式碼時盡量與他人的程式碼保持相似,這樣便可增進程式碼的可讀性。

©2023 1091645 版權所有。透過 Wix.com 製作的理想網站

bottom of page