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

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

創(chuàng)新互聯(lián)專注于平和企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,電子商務(wù)商城網(wǎng)站建設(shè)。平和網(wǎng)站建設(shè)公司,為平和等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站開發(fā)，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

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

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

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

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

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

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

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

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

在 new 一個 vue 變量的時候，必須有一句來設(shè)置包裹數(shù)據(jù)的符號，我們這里設(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)在向月亮示愛了。呵呵 _

運行一下程序，看修改模板后的效果。

go模板文件引入js路徑問題

Go語言模板文件可以引入js文件或css文件，但是在引入的過程中，需要注意以下幾點：

1. 引入的文件路徑應(yīng)該是相對路徑，而不是絕對路徑。

2. 在引入js文件時，需要使用{{ url }} 模板函數(shù)，用來拼接路徑， 這樣可以更好的兼容不同的路徑。

3. 如果是在統(tǒng)一的文件夾中的js文件，最好使用{{ static }}模板函數(shù)，這樣可以更好的節(jié)省路徑長度。

4. 在引用js文件時，需要在頁面底部，可以使用{{ template }}模板函數(shù)，這樣可以保證js文件在頁面加載完成之前就被加載。

總之，使用Go語言模板文件引入js文件，需要注意路徑的相對性，并且使用模板函數(shù)來拼接路徑，這樣可以更好的兼容不同的路徑，從而保證引用js文件的正確性。

能否用Golang解析JavaScript腳本

肯定能，如果你自己能寫一個解析器出來的話。

V8、犀牛、猴子什么的js引擎貌似不少，想辦法把它集成到你的golang項目就ok了，比自己實現(xiàn)解析容易。

新聞標(biāo)題：js與go語言實現(xiàn)交互 go語言與java
瀏覽地址：http://jinyejixie.com/article48/dopsoep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、網(wǎng)站導(dǎo)航、網(wǎng)站內(nèi)鏈、云服務(wù)器、軟件開發(fā)、網(wǎng)站設(shè)計公司

廣告

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