思路
niuhe 插件生成的 go 代码是基于 github.com/ma-guo/niuhe 库进行组织管理的, niuhe 库 是对 go gin 库的一个封装，因此要显示网页, 可通过给 gin.Engine 指定 HTMLRender 来实现。
实现
HTMLRender 我们使用 gitee.com/cnmade/pongo2gin 实现
1. main.go 中指定 HTMLRender
在 RegisterModules 中指定 HTMLRender
func (baseBoot) RegisterModules(svr *niuhe.Server) {svr.RegisterModule(apiViews.GetModule())svr.GetGinEngine().HTMLRender = pongo2gin.Default() // pongo2gin 在下面定义svr.GetGinEngine().Static("/static", "static") // 指定静态路径映射位置
}
示例代码:
https://github.com/ma-guo/niuhe-mdbook/blob/main/src/demo/main.go
2. 在代码中引入 .html
在 all.niuhe 中定义 api GET('网页示例', '/api/hellow/web/'), 在 hellow.go 文件夹 内实现以下代码:
// 网页示例
func (v *Hellow) Web_GET(c *niuhe.Context) {// 在此实现具体方法, 需要自行处理请求参数和返回数据// 这里会在 templates 文件夹下查找 index.html 文件c.HTML(http.StatusOK, "index.html", pongo2.Context{ "title": "网页 title","message": "这是一条消息",})
}
参考代码:
https://github.com/ma-guo/niuhe-mdbook/blob/main/src/demo/app/api/views/hellow_views.go
这里 index.html 代码为：
<!DOCTYPE html>
<html><head><title>{{title}}</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css"></head><body><div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">{{message}}</h4></div></div></body>
</html>
参考代码:
https://github.com/ma-guo/niuhe-mdbook/blob/main/templates/index.html
运行代码并访问 API 即实现了 .html 的渲染。效果如下
