页面模块化


页面自定义需要调用引擎的Content方法,需要返回一个对象types.Panel

以下是types.Panel的定义:

type Panel struct {
    Content     template.HTML   // 页面内容
    Title       string          // 页面标题
    Description string          // 页面描述
    Url         string
}

对应的ui,可以看下图:

如何使用

package datamodel

import (
    "github.com/GoAdminGroup/go-admin/modules/config"
    template2 "github.com/GoAdminGroup/go-admin/template"
    "github.com/GoAdminGroup/go-admin/template/types"
    "html/template"
)

func GetContent() (types.Panel, error) {

    components := template2.Get(config.Get().THEME)
    colComp := components.Col()

    infobox := components.InfoBox().
        SetText("CPU TRAFFIC").
        SetColor("blue").
        SetNumber("41,410").
        SetIcon("ion-ios-gear-outline").
        GetContent()

    var size = map[string]string{"md": "3", "sm": "6", "xs": "12"}
    infoboxCol1 := colComp.SetSize(size).SetContent(infobox).GetContent()
    row1 := components.Row().SetContent(infoboxCol1).GetContent()

    return types.Panel{
        Content:     row1,
        Title:       "Dashboard",
        Description: "this is a example",
    }, nil
}

Col 列

一个col列对应的是ColAttribute这个类型,有三个方法如下:

type ColAttribute interface {
    SetSize(value map[string]string) ColAttribute   // 设置大小
    SetContent(value template.HTML) ColAttribute    // 设置本列的内容
    GetContent() template.HTML                      // 获取内容
}

关于size,参考的例子是:map[string]string{"md": "3", "sm": "6", "xs": "12"}

Row 行

一个row行对应的是RowAttribute这个类型,有两个方法如下:

type RowAttribute interface {
    SetContent(value template.HTML) RowAttribute  // 设置内容
    GetContent() template.HTML                    // 获取内容
}