一、背景
golang+layui提升界面美化度--[推薦]；
golang后端寫的頁面很難看，如何好看點呢，那就是layui
https://layui.dev/也是一個簡單上手容易使用的框架，類似jquery，對于后端開發(fā)來說滿足使用需求
二、使用注意點；
1.go代碼中設置--設置靜態(tài)資源目錄
// 初始化默認靜態(tài)資源
r.StaticFS("/videos", http.Dir("./videos"))這里面設置靜態(tài)資源，你理解為就是這個目錄一設置，相當于對外共享了“目錄”，外面的人可以通過瀏覽器可以直接訪問這里面的任何資源。
func main() {
r := gin.Default()
r.LoadHTMLGlob("templates/*")
// 初始化默認靜態(tài)資源
r.StaticFS("/videos", http.Dir("./videos"))
//windows 和linux下的路徑稍微不同
names, _ := ListDir()
//names, _ := ListDirllinux()
r.GET("/index", func(c *gin.Context) {
//c.HTML(http.StatusOK, "index.html", gin.H{"names": names})
c.HTML(http.StatusOK, "index.html", gin.H{"names": names})
})
r.GET("/GetFile/:name", DowFile)
//r.Run()
r.Run("0.0.0.0:8080")
}
?2.然后去下載軟件包，解壓后放入這個videos目錄下
![golang+layui提升界面美化度--[推薦],WEB前端,golang語言實戰(zhàn)代碼,golang,layui,開發(fā)語言](https://imgs.yssmx.com/Uploads/2023/07/605956-1.png)
?![golang+layui提升界面美化度--[推薦],WEB前端,golang語言實戰(zhàn)代碼,golang,layui,開發(fā)語言](https://imgs.yssmx.com/Uploads/2023/07/605956-2.png)
?go代碼中就是這樣目錄情況
![golang+layui提升界面美化度--[推薦],WEB前端,golang語言實戰(zhàn)代碼,golang,layui,開發(fā)語言](https://imgs.yssmx.com/Uploads/2023/07/605956-3.png)
?文章來源：http://www.zghlxwxcb.cn/news/detail-605956.html
3.html頁面中引用layui的css和js內容
![golang+layui提升界面美化度--[推薦],WEB前端,golang語言實戰(zhàn)代碼,golang,layui,開發(fā)語言](https://imgs.yssmx.com/Uploads/2023/07/605956-4.png)
?
<link rel="stylesheet" href="/videos/layui/css/layui.css">
<script src="/videos/layui/layui.js"></script><head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/videos/layui/css/layui.css">
<script src="/videos/layui/layui.js"></script>
</head>![golang+layui提升界面美化度--[推薦],WEB前端,golang語言實戰(zhàn)代碼,golang,layui,開發(fā)語言](https://imgs.yssmx.com/Uploads/2023/07/605956-5.png)
?
4.然后就是可以在“Layui - 極簡模塊化前端 UI 組件庫”
https://layui.dev/找你需要的組件直接放在*.html頁面相應的內容即可
5.給標簽設置內容
![golang+layui提升界面美化度--[推薦],WEB前端,golang語言實戰(zhàn)代碼,golang,layui,開發(fā)語言](https://imgs.yssmx.com/Uploads/2023/07/605956-6.png)
?渲染到頁面上的內容就是變換程圓角內容了
![golang+layui提升界面美化度--[推薦],WEB前端,golang語言實戰(zhàn)代碼,golang,layui,開發(fā)語言](https://imgs.yssmx.com/Uploads/2023/07/605956-7.png)
?
?
總結：在go的gin中設置靜態(tài)資源目錄，把layui解壓放入這個靜態(tài)資源目錄，然后在我們自己寫的html中引用css樣式以及js文件即可，然后去他的頁面中復制你喜歡的樣式放到頁面的任何位置即可。文章來源地址http://www.zghlxwxcb.cn/news/detail-605956.html
到了這里，關于golang+layui提升界面美化度--[推薦]的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
