iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

遺留系統重構 - 從 MEAN Stack 轉移到 go-vue-postgresql 系列

使用 Go, Vue, PostgreSQL 重構以 MEAN Stack 為架構的遊戲化線上學習管理系統(https://github.com/cyan92128505/gamilms)

鐵人鍊成 | 共 30 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 : 編輯器 - 使用 Vue-Codemirror

在 GamiLMS 裡前端的部分,讓學生在線上學習用的編輯器是使用 Codemirror,如何整合 Codemirror 到 Vue 中,我們使用 Vue-Co...

2018-10-25 ‧ 由 Aoma 分享
DAY 12

Day 12 : 鷹架 - 前端解決方案 vue-element-admin

vue-element-admin 是一個很成熟的解決方案,多語系、版型、權限和各種表單元件,都集成在這個專案上,目標是將 GamiLMS 上的元件轉成 Vue...

2018-10-26 ‧ 由 Aoma 分享
DAY 13

Day 13 : 樣板 - 在伺服器端渲染頁面到瀏覽器端

在伺服器端渲染頁面到瀏覽器端,這部分也是前後端模糊的地帶,因為有樣版引擎的存在,讓義大利式的開發很有機會發生,在使用類似的樣版引擎的時候,要特別小心,盡量不讓過...

2018-10-27 ‧ 由 Aoma 分享
DAY 14

Day 14 : 模組 : 套件管理工具 go mod

在 go 1.11.1 版本上引入了新的套件管理工具 go mod,用來支持本地用的套件庫,另外在 visual studio code,進行開發會遇到程式碼檢...

2018-10-28 ‧ 由 Aoma 分享
DAY 15

Day 15 : 整合 - 把 vue 和 golang 放一起

依照原先MEAN下的架構,安排伺服器端的程式與瀏覽器端的程式 api 中為處理邏輯的程式,並給路由器調用,client 中為瀏覽器端的原始碼,config 中...

2018-10-29 ‧ 由 Aoma 分享
DAY 16

Day 16 : 反向代理 - 透過 ReverseProxy 轉向

透過反向代理的方式,讓前端整合 SSR 於前端專案中,並與後端分離, 在 Golang 中透過 httputil.ReverseProxy 便能達成反向代理的機...

2018-10-30 ‧ 由 Aoma 分享
DAY 17

Day 17 : 通道 - 在 Golang 上透過 WebSocket 建立即時的訊息廣播

WebSocket 用來建立給伺服器推播訊息用的通道,以利即時的訊息廣播在 Golang 中實作簡單的 WebSocket package main impo...

2018-10-31 ‧ 由 Aoma 分享
DAY 18

Day 18 : 子模組 - 使用 go mod 管理專案內的子模組

在Golang 1.11.1中,使用 go mod 之後,子模組的引用,從原來的 "./submod",改成完整的路徑 "mydo...

2018-11-01 ‧ 由 Aoma 分享
DAY 19

Day 19 : 排程 - 用 goroutine 來處理資料

使用 Golang 的 goroutine 來進行排程,透過建立緩衝區,等待 goroutine 來取得待處理的資料, package main import...

2018-11-02 ‧ 由 Aoma 分享
DAY 20

Day 20 : 前端路由 - 使用 vue-route 來控制

在前後端分離之後,前端頁面的路由控制變成為重要的課題,由 vue-cli 產生的專案中,其中能夠選擇是否使用 vue-route, // main.js imp...

2018-11-03 ‧ 由 Aoma 分享