在gin中引用layui,首先要在项目中引入layui,然后在模板文件中引入layui的css和js文件,例如:
```
<link rel=\"stylesheet\" href=\"/static/layui/css/layui.css\">
<script type=\"text/javascript\" src=\"/static/layui/layui.js\"></script>
```
然后在需要使用layui的地方调用layui的接口即可,例如:
```
layui.use(['layer', 'form'], function(){
var layer = layui.layer
,form = layui.form
})
```
同步更新的github地址: https://github.com/nds15763/ginMall
看了一位老哥写的《 前后分离Vue+Gin(go)总结 》以后有种自己搭一份的想法,结合最近找工作比较闲,就准备自己写一份商城源码。
一、先来实现前端部分第一步搭建Vue框架。Vue我也是第一次接触,看了半天多的文档才有了大概的了解。先不过多考虑前端的实现,首先考虑一下前后台沟通的问题。
用vue-cli搭建一个新框架,在Helloworld.vue 或者新建一个模板页。
老哥的文档中写到,他推荐使用axios插件代替jquery来和后台做交互。那么我也按照他的思路安装一个axios插件,写一个跟后台通讯的Get请求。
二、然后来搭建后台框架,老哥说的是用Gin框架来搭建,并且用cors中间件来解决跨域访问问题,咱们也先来搭建一个简单的框架。
main.go
router.go
FPList.go
在浏览器里输入localhost:8081/FPList,可以看到刚才自己定义的Json串,知道后台算是成功了。
此时再打开前端页面,可以看到后台返回的结果已经显示在页面了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)