页面模块化

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

以下是types.Panel的定义：

  1. type Panel struct {
  2.     Content     template.HTML   // 页面内容
  3.     Title       string          // 页面标题
  4.     Description string          // 页面描述
  5.     Url         string
  6. }

对应的ui，可以看下图：

页面模块化 - 图1

如何使用

  1. package datamodel
  3. import (
  4.     "github.com/GoAdminGroup/go-admin/modules/config"
  5.     template2 "github.com/GoAdminGroup/go-admin/template"
  6.     "github.com/GoAdminGroup/go-admin/template/types"
  7.     "html/template"
  8. )
  10. func GetContent() (types.Panel, error) {
  12.     components := template2.Get(config.Get().THEME)
  13.     colComp := components.Col()
  15.     infobox := components.InfoBox().
  16.         SetText("CPU TRAFFIC").
  17.         SetColor("blue").
  18.         SetNumber("41,410").
  19.         SetIcon("ion-ios-gear-outline").
  20.         GetContent()
  22.     var size = map[string]string{"md": "3", "sm": "6", "xs": "12"}
  23.     infoboxCol1 := colComp.SetSize(size).SetContent(infobox).GetContent()
  24.     row1 := components.Row().SetContent(infoboxCol1).GetContent()
  26.     return types.Panel{
  27.         Content:     row1,
  28.         Title:       "Dashboard",
  29.         Description: "this is a example",
  30.     }, nil
  31. }

Col 列

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

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

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

Row 行

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

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