[golang gin框架] 11.Gin 商城项目后台管理系统-控制器配置,views模板分离,局部刷新架构

后台主页界面如下

要进入这个页面,需要进行下面处理

1.控制器配置

package admin

// 进入后台系统首页

import (
    "encoding/json"
    "github.com/gin-gonic/gin"
    "goshop/models"
    "net/http"
)

type MainController struct {
}

func (con MainController) Index(c *gin.Context) {
    c.HTML(http.StatusOK, "admin/main/index.html", gin.H{
            "username": "超级管理员"
        })
}

func (con MainController) Welcome(c *gin.Context) {
    c.HTML(http.StatusOK, "admin/main/welcome.html", gin.H{})
}

2.左边导航栏page_aside.html

{{ define "admin/public/page_aside.html" }}

                 
    

        
管理员管理111
        
        

            
  管理员列表
            
            
 增加管理员
        
    
    

        
分类管理
        

            
  轮播图列表
            
            
 增加轮播图
        
    
    

        
商品管理
        
        

            
  商品列表
            
            
 增加商品
        
    
    
    

        
轮播图管理
        
        

            
 轮播图列表
            
            
 轮播图商品
        
    
    


{{end}}

3.头部公共栏page_header.html

{{ define "admin/public/page_header.html" }}



    
    













{{end}}

4.base.js代码

$(function () {
    baseApp.init();
    //当窗口重置时,重新计算窗口高度
    $(window).resize(function () {
        baseApp.resizeIframe();
    })
})

var baseApp = {
    init: function () {
        this.initAside()
        this.resizeIframe()
    },
    initAside: function () { //左侧菜单栏隐藏显示子栏
        $(".aside h4").click(function () {
            $(this).sibling("ul").slideToggle();
        })
    },
    resizeIframe: function() {  // 设置iframe高度
        $("rightMain").height($(window).height()-80)
    },
}

5.admin/main/index.html代码

{{ define "admin/main/index.html" }}
{{ template "admin/public/page_header.html" .}}




    
    












    

        

            
        
        

            

                
欢迎您,{{.username}}
                
                
安全退出
                
            
        
    



    

        

            {{ template "admin/public/page_aside.html" .}}
        
        

            
        
    



{{ end }}

[上一节][golang gin框架] 10.Gin 商城项目介绍