js与go语言实现交互 go语言与java

81.go + vue实现web应用程序

前端框架越来越丰富，前后端分离已经是大多数软件团队采取的模式了。vue使用的场景也越来越多。

创新互联专注于平和企业网站建设,成都响应式网站建设公司,电子商务商城网站建设。平和网站建设公司,为平和等地区提供建站服务。全流程按需网站开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

go本来使用template模板来进行前端的表现，现在可以用vue来分担很大一部分工作了。

通常直接使用go语言写后端，然后使用静态模板加载渲染前端，前端获取后端提供的数据是使用{{ }}符号，2个套在一起的花括号。这个也是vue使用的数据表现方式。

如果go+vue来协同工作的话，需要对vue进行一点设置。比如把{{ }}的方式改为[[ ]]的方式。

首先我们要知道，vue的使用，需要在页面中加载vue.js或vue.min.js

纯静态网页使用vue是这样的（给个html例子）

然后我们实现一个go的简单web服务和模板页面

这个go服务器通过端口 1989 展示服务器页面，提供了一个静态文件路径 htmlpage，我们把vue.js和index.html文件都放置在htmlpage路径里。

go服务器还用模板给前台页面提供了一个News结构的数据，数据包括：Title,Content,Author的值。

在index.html页面中，加载vue.js的时候需要带上静态路径 htmlpage

在 new 一个 vue 变量的时候，必须有一句来设置包裹数据的符号，我们这里设置这个符号为[[ ]]

同时，所有需要由 vue 渲染的数据，都写成类似这样的样子

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

此页面中{{ }}包裹的数据是由go从后端提供的数据（例如：{{.Title}}），而[[ ]]包裹的数据，是vue渲染的数据。

只是把 Vue里的数据，改为由go后端提供即可。

好吧，作者已经在向月亮示爱了。呵呵 _

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

Go语言模板文件可以引入js文件或css文件，但是在引入的过程中，需要注意以下几点：

1. 引入的文件路径应该是相对路径，而不是绝对路径。

2. 在引入js文件时，需要使用{{ url }} 模板函数，用来拼接路径，这样可以更好的兼容不同的路径。

3. 如果是在统一的文件夹中的js文件，最好使用{{ static }}模板函数，这样可以更好的节省路径长度。

4. 在引用js文件时，需要在页面底部，可以使用{{ template }}模板函数，这样可以保证js文件在页面加载完成之前就被加载。

总之，使用Go语言模板文件引入js文件，需要注意路径的相对性，并且使用模板函数来拼接路径，这样可以更好的兼容不同的路径，从而保证引用js文件的正确性。

肯定能，如果你自己能写一个解析器出来的话。

V8、犀牛、猴子什么的js引擎貌似不少，想办法把它集成到你的golang项目就ok了，比自己实现解析容易。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容