go语言beego框架中设置自定义404页面流程步骤

2023-06-01 00:00:00 框架 自定义 步骤

环境框架版本参数:

>bee version
______
| ___ \
| |_/ /  ___   ___
| ___ \ / _ \ / _ \
| |_/ /|  __/|  __/
\____/  \___| \___| v1.12.0
├── Beego     : 1.12.0
├── GoVersion : go1.15.5
├── GOOS      : windows
├── GOARCH    : amd64
├── NumCPU    : 2
├── GOPATH    : D:\goblog
├── GOROOT    : D:\Go
├── Compiler  : gc
└── Date      : Monday, 13 Dec 2021


使用Controller 定义 Error的方式定义404页面

从 1.4.3 版本开始,支持 Controller 方式定义 Error 错误处理函数,这样就可以充分利用系统自带的模板处理,以及 context 等方法。


入口main.go

package main
import (
   "gblog/controllers"
   _ "gblog/routers"
   "gblog/utils"
   "github.com/astaxie/beego"
   "github.com/astaxie/beego/orm"
   _ "github.com/go-sql-driver/mysql"
)

func init() {
   utils.Init() //注册函数
   
   orm.Debug = true // 是否开启调试模式 调试模式下会打印出sql语句
   orm.RegisterDriver("mysql", orm.DRMySQL)
   orm.RegisterDataBase("default", "mysql", "root:Cbb_0721!@#[email protected](192.168.1.140:3306)/laravel?charset=utf8", 30)
}

func main() {
   //404页面
   beego.ErrorController(&controllers.ErrorController{})

   beego.Run()
}


添加错误控制器

\gblog\controllers\error.go

package controllers

/**
  该控制器处理页面错误请求
*/
type ErrorController struct {
   BaseController
}

func (c *ErrorController) Error404() {
   c.Data["content"] = "很抱歉您访问的地址或者方法不存在"
   c.TplName = "error/404.html"
}

注意:

因为我有base基类,所以这里面继承base



添加视图404.html页面

\gblog\views\error\404.html


{{template "public/header.html" .}}
<!-- 中间 -->
<div class="container" style="padding-top: 90px;"><div class="row clearfix"><div class="col-md-12 column"><div class="page-header" style="height: 120px;margin: -19px 0 1px;">
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <div class="row clearfix">
                            <div class="col-md-8 column">
                                <div style="background: #f5f5f5;border: 1px solid #ddd;border-radius: 4px;">
                                    <blockquote>
                                        <h1>404页面</h1>
                                        <small>很抱歉,您要访问的页面不存在! </small>
                                    </blockquote>
                                    <dl style="padding: 2rem;">
                                        <div>
                                            <h4>可能原因:</h4>
                                            <ol>
                                                <li>网络信号差不稳定</li>
                                                <li>找不到请求的页面</li>
                                                <li>输入的网址不正确</li>
                                            </ol>
                                        </div>
                                        <p></p>
                                        <div>
                                            <h4>可以尝试:</h4>
                                            <ol>
                                                <li><a href="/">返回首页</a></li>
                                                <li><a href="javascript:history.back()">返回上一页</a></li>
                                                <li style="list-style: none;">自动跳转中...</li>
                                            </ol>
                                        </div>
                                    </dl>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row clearfix">
                    <div class="col-md-12 column">
                        <ul class="breadcrumb">
                            <li class="active">友情链接</li>
                            <li><a href="https://blog.zongscan.com/" target="_blank" title="技术博客集">技术博客集</a></li>
                        </ul>
                        <p style="background: #66CCCC;height: 60px;text-align: center;line-height: 60px;">Copyright·© 2019<a href="https://www.zongscan.com/" title="侯体宗的博客">侯体宗</a>版权所有:
                            <a rel="nofollow" href="http://beian.miit.gov.cn/" target="_blank">粤ICP备20027696号</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" language="javascript">
        function go()
        {
            if(document.referrer === ''){
                window.location.href="https://www.zongscan.com/";
            }else{
                window.location.href="javascript:history.back()";
            }
        }
        window.setTimeout("go();",9000); //3秒跳转
    </script>
{{template "public/footer.html" .}}

我直接去我的博客网站上面的404页面复制过来的 就不改了 简单看吧


看看效果图, 我顺便输入一个错误的url

beego-404.png


相关文章