modules.md

页面模块化

---

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

以下是types.Panel的定义：

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

	MiniSidebar bool // 是否缩小侧边栏

	AutoRefresh bool // 是否自动刷新页面
	RefreshInterval []int // 刷新页面间隔，时间单位为秒

	Callbacks Callbacks // 页面回调函数
}

对应的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                    // 获取内容
}