应用引导样式到自动生成的表单的方法

本文介绍了一种方法，可以将引导样式应用到使用 Beego 框架自动生成的 HTML 表单中。默认情况下，生成的表单缺乏样式，而此方法允许开发人员添加类标签以改善表单的外观。

使用beego渲染表单构建html表单 https://beego.me/docs/mvc/view/view.md#renderform

type User struct {
Id    int         `form:"-"`
Name  interface{} `form:"username"`
Age   int         `form:"age,text,age:"`
Sex   string
Intro string `form:",textarea"`
}


{{.Form | renderform}}

这可以正确呈现表单，但 html 格式很差

如何添加 bootstrap 4 stlying

解决方案

尝试将类标签添加到结构字段：

type User struct {
    Id    int         `form:"-"`
    Name  interface{} `form:"username" class:"form-control"`
    Age   int         `form:"age,text,age:" class:"form-control"`
    Sex   string
    Intro string      `form:",textarea" class:"form-control"`
}


    {{.Form | renderform}}

导出的函数 renderform 为结构体的每个字段调用 parseformtag 并在返回中获取变量 class (source code)。

parseformtag 从结构字段标记内的类标记获取 class (source code)。

renderform 然后为该字段调用 renderformfield，传入 class。 renderformfield 将 class 添加到最终由 renderform 用于创建表单 html 的字符串 (source code)。

本篇关于《应用引导样式到自动生成的表单的方法》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于Golang的相关知识，请关注golang学习网公众号！