go語言學習 簡單 web 服務與客戶端開發實戰

2021-10-01 07:57:41 字數 1596 閱讀 6932

開發流程

我的工作

總結本次我們實驗主要是開發乙個服務端與客戶端分離的部落格**,名為****** blog。

完整專案在github下。

展示主頁面:

部落格頁面:

登陸頁面:

註冊頁面:

首先我們組內人員協商討論進行api的設計,並使用swagger進行api文件的渲染與前後端**的生成。

然後我們前後端分離進行開發,後端使用swagger生成的go-server進行進一步的開發,前端使用vue.js框架進行開發。雙方都根據api文件的規範進行api實現以及api呼叫。

然後,分別使用測試工具,進行功能測試。

最後,前後端一起測試,完成最後的部落格**開發。

我主要負責的是前端開發,我們使用了vue.js框架進行開發,大大節省了我們的工作量。

get /articles : 獲取頁面上所有文章簡要資訊,包含乙個query引數page

get ​/article​/ : 根據id獲取文章詳細資訊,包含乙個path引數id

post ​/user​/register : 提交使用者註冊資訊,包含body引數使用者名稱和密碼

post /user​/login : 提交使用者的登陸資訊,包含body引數使用者名稱和密碼,後端驗證成功會返回乙個token作為該登陸使用者的驗證資訊

首先,使用vue-cli工具,也就是命令vue init webpack進行專案的初始化,初始化過後生成了vue框架下的**,我們在這個框架下進行我們的業務邏輯的開發以及**頁面的設計。

template

script

style

template內嵌的是html語言,主要負責頁面的元件結構(樹結構);script是指令碼**,主要負責頁面的邏輯;而style是css樣式**,主要負責元件的樣式設計。我們就可以根據這樣設計每個頁面,我們的元件也就包括主頁面(index.vue),部落格詳情頁面(articledetails.vue),登陸頁面(login.vue)以及註冊頁面(signup.vue)。

}

}

詳細的實現過程不在這裡撰述,可以直接檢視專案的源**:github(名字為colorfuljor)

這次實驗工作量比較大,讓我快速學習了前端開發的框架vue.js,能夠比較快速的進行**的開發。然後使用了restful api進行的api設計,讓前後端分離,也讓開發變得便捷,前端只需要呼叫相應的介面就可以獲取到想要的資源進行頁面展示。雖然本次實驗沒有太多的接觸到後端的開發,但通過閱讀夥伴的後端原始碼,也很好的理解到後端開發的框架。

GO語言學習

sudo apt get install golang但是用ubuntu的庫安裝有幾個不好的地方 因此建議不要使用ubuntu的庫安裝golang環境 golang社群的安裝指導 wget tar c usr local zxf go1.6.2.linux amd64.tar.gz設定環境變數,修改...

Go語言學習

執行 go run go main函式 打包 go build 用於測試編譯包,在專案目錄下生成可執行檔案 有main包 go install 主要用來生成庫和工具。一是編譯包檔案 無main包 將編譯後的包檔案放到 pkg 目錄下 gopath pkg 二是編譯生成可執行檔案 有main包 將可執...

Go語言學習 日期與時間

go 中時間處理依賴的資料型別 time.time,time.month,time.weekday,time.duration,time.location 獲取當前時間戳 精確到毫秒 time.now format 20060102150405000 必須是這個時間點,據說是go誕生之日 time....