go語言頁面設(shè)計(jì) go語言設(shè)計(jì)模式

81.go + vue實(shí)現(xiàn)web應(yīng)用程序

前端框架越來越豐富，前后端分離已經(jīng)是大多數(shù)軟件團(tuán)隊(duì)采取的模式了。vue使用的場景也越來越多。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供冷水灘網(wǎng)站建設(shè)、冷水灘做網(wǎng)站、冷水灘網(wǎng)站設(shè)計(jì)、冷水灘網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、冷水灘企業(yè)網(wǎng)站模板建站服務(wù)，十載冷水灘做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

go本來使用template模板來進(jìn)行前端的表現(xiàn)，現(xiàn)在可以用vue來分擔(dān)很大一部分工作了。

通常直接使用go語言寫后端，然后使用靜態(tài)模板加載渲染前端，前端獲取后端提供的數(shù)據(jù)是使用{{ }}符號(hào)，2個(gè)套在一起的花括號(hào)。這個(gè)也是vue使用的數(shù)據(jù)表現(xiàn)方式。

如果go+vue來協(xié)同工作的話，需要對vue進(jìn)行一點(diǎn)設(shè)置。比如把{{ }}的方式改為[[ ]]的方式。

首先我們要知道，vue的使用，需要在頁面中加載vue.js或vue.min.js

純靜態(tài)網(wǎng)頁使用vue是這樣的（給個(gè)html例子）

然后我們實(shí)現(xiàn)一個(gè)go的簡單web服務(wù)和模板頁面

這個(gè)go服務(wù)器通過端口 1989 展示服務(wù)器頁面，提供了一個(gè)靜態(tài)文件路徑 htmlpage，我們把vue.js和index.html文件都放置在htmlpage路徑里。

go服務(wù)器還用模板給前臺(tái)頁面提供了一個(gè)News結(jié)構(gòu)的數(shù)據(jù)，數(shù)據(jù)包括：Title,Content,Author的值。

在index.html頁面中，加載vue.js的時(shí)候需要帶上靜態(tài)路徑 htmlpage

在 new 一個(gè) vue 變量的時(shí)候，必須有一句來設(shè)置包裹數(shù)據(jù)的符號(hào)，我們這里設(shè)置這個(gè)符號(hào)為[[ ]]

同時(shí)，所有需要由 vue 渲染的數(shù)據(jù)，都寫成類似這樣的樣子

在 go + vue 方式下的完整模板文件 index.html

此頁面中{{ }}包裹的數(shù)據(jù)是由go從后端提供的數(shù)據(jù)（ 例如：{{.Title}}），而[[ ]]包裹的數(shù)據(jù)，是vue渲染的數(shù)據(jù)。

只是把 Vue里的數(shù)據(jù)，改為由go后端提供即可。

好吧，作者已經(jīng)在向月亮示愛了。呵呵 _

運(yùn)行一下程序，看修改模板后的效果。

golang做web網(wǎng)站，對比php python java nodejs等有什么優(yōu)勢

我的思路是這樣，因?yàn)樽约浩瘘c(diǎn)低，還精力有限，又想彎道追上技術(shù)潮流，所以著眼未來，選擇Golang。既然敢叫云技術(shù)語言，那么它的性能自然是適合未來發(fā)展的，像facebook這樣的大公司貌似也挺重視它…最最主要的，賭它未來能全棧應(yīng)用，期待可以直接上手用Go開發(fā)Android和iOS應(yīng)用的那一天～

框架選擇上嗎，初級選手建議Revel（開源案例比較多，老框架、Go官方給予了該框架很高的評價(jià)），其實(shí)Go語言眾多框架性能都很卓越，水平高的不用框架直接玩更爽。順嘴吐一下槽，Go語言框架之多如少女臉上的青春痘～

對了，選擇Go語言的好處是，各個(gè)社區(qū)學(xué)習(xí)互助氛圍比較好，你去哪個(gè)網(wǎng)上社區(qū)去請教問題，都會(huì)有人熱情解答～

組件分享之后端組件——基于Go語言的HTML和CSS網(wǎng)站生成器Hugo

近期正在探索前端、后端、系統(tǒng)端各類常用組件與工具，對其一些常見的組件進(jìn)行再次整理一下，形成標(biāo)準(zhǔn)化組件專題，后續(xù)該專題將包含各類語言中的一些常用組件。歡迎大家進(jìn)行持續(xù)關(guān)注。

本節(jié)分享一個(gè)基于Go語言的HTML和CSS網(wǎng)站生成器 hugo ，它針對速度、易用性和可配置性進(jìn)行了優(yōu)化。Hugo 獲取一個(gè)包含內(nèi)容和模板的目錄，并將它們呈現(xiàn)為一個(gè)完整的 HTML 網(wǎng)站。Hugo 依賴于 Markdown 文件和元數(shù)據(jù)的前端，你可以從任何目錄運(yùn)行 Hugo。這適用于您沒有特權(quán)帳戶的共享主機(jī)和其他系統(tǒng)。例如我們?nèi)粘＞帉懸恍┎┛臀恼拢M(jìn)行快速生成一套靜態(tài)頁面進(jìn)行分享時(shí)可以使用它來進(jìn)行生成一套靜態(tài)頁面作為我們的博客部署基礎(chǔ)。

它支持大量的主題模板，我們可以通過 進(jìn)行選擇相關(guān)的主題使用，有興趣的小伙伴可以進(jìn)行深入研究一下

分享文章：go語言頁面設(shè)計(jì) go語言設(shè)計(jì)模式
分享網(wǎng)址：http://muchs.cn/article42/dohseec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、響應(yīng)式網(wǎng)站、品牌網(wǎng)站建設(shè)、動(dòng)態(tài)網(wǎng)站、關(guān)鍵詞優(yōu)化、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)