gin怎么引用layui

gin怎么引用layui,第1张

gin怎么引用layui

在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串,知道后台算是成功了。

此时再打开前端页面,可以看到后台返回的结果已经显示在页面了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7478352.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存