扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Go语言本身不具备前端开发能力，只能作为后端开发语言来使用，因此Go开发不能算是全栈开发，而是属于前后端分离的开发模式。Go语言可以实现后端的API开发、数据库访问与操作、Web服务器开发等功能，而前端开发则可以采用HTML、CSS、JavaScript等前端开发技术来实现。
创新互联建站成立与2013年，是专业互联网技术服务公司，拥有项目成都做网站、成都网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元城西做网站,已为上家服务,为城西各地企业和个人服务,联系电话:18982081108
前端框架越来越丰富，前后端分离已经是大多数软件团队采取的模式了。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后端提供即可。
好吧，作者已经在向月亮示爱了。呵呵 _
运行一下程序，看修改模板后的效果。
这是一个开源的前后端分离的IM网页应用。
服务端：
web端：
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网