image

上篇文章已經(jīng)可以提交文章到數(shù)據(jù)庫(kù)，需要在Post時(shí)，改造一下返回結(jié)果，如果提交成功就跳轉(zhuǎn)
到文章列表頁(yè)面，如果提交失敗就顯示提示信息

封裝POST返回結(jié)果

添加一個(gè)輔助的方法，來(lái)封裝response

package utils

import (
    "encoding/json"
    "net/http"
)

type Response struct {
    Status int    `json:"status"`
    Msg    string `json:"msg"`
}

func (resp *Response) WriteJson(w http.ResponseWriter) {
    data, err := json.Marshal(resp)
    if err != nil {
        w.Write([]byte(`{Status:-1}`))
    } else {
        w.Write(data)
    }
}

在提交時(shí)，如果失敗返回對(duì)應(yīng)的錯(cuò)誤碼和錯(cuò)誤信息

resp := utils.Response{
  Status: 0,
}
defer resp.WriteJson(this.Ctx.ResponseWriter)

err := blog.PostBlog(blog)
if err != nil {
  resp = utils.Response{
    Status: -1,
    Msg:    "post blog error",
  }
}

前端頁(yè)面邏輯

$.ajax({
                    url:'/editor',
                    method:'POST',
                    data:{title:title,origin:origin,content:content},
                    success:function(data){
                        alert(data)
                        var resp = JSON.parse(data)
                        if(resp.status == 0){
                            window.location.href="/blog";
                        }else{
                            alert(JSON.parse(resp.msg))
                        }
                    }
                })

添加文章列表、詳情頁(yè)面

和之前的邏輯一樣，添加對(duì)應(yīng)的模板頁(yè)面 index.html，添加對(duì)用的controller BlogController
和路由

• controller blog.go

package controllers

import "github.com/astaxie/beego"

type BlogController struct {
    beego.Controller
}

func (this *BlogController) Get() {
    this.TplName = "index.html"
}

• 路由

beego.Router("/blog", &controllers.BlogController{})

• 列表頁(yè)面

效果圖

從數(shù)據(jù)庫(kù)中查詢所有的數(shù)據(jù)

models

func (b *BlogModel) GetAllBlogs(page int) ([]BlogModel, error) {
    var blogs []BlogModel
    err := db.FindAllSort(database, collection, "-date", nil, nil, &blogs)
    return blogs, err
}

controllers

func (this *BlogController) Get() {
    blogs, err := models.NewBlog().GetAllBlogs(0)
    if err == nil {
        this.Data["Blogs"] = blogs
    }

    this.TplName = "index.html"
}

• 頁(yè)面渲染

index.html

{{range .Blogs}}
<article class="post-card">
        <a class="post-card-image-link" href="/blog/{{.Id}}">
                {{if .Img}}
                <div class="post-card-image" style="background-image: url({{.Img}})">

                </div>
                {{end}}
        </a>
        <div class="post-card-content">
                <a class="post-card-content-link" href="">
                        <header class="post-card-header">
                                <span class="post-card-tags">Golang</span>

                                <h2 class="post-card-title">{{.Title}}</h2>
                        </header>
                        <section class="post-card-excerpt">
                                <p>
                                        {{.Summary}}
                                </p>
                        </section>
                </a>
                <footer class="post-card-meta">
                        <span class="post-card-author">
                                <a >{{.Author}}</a>
                        </span>
                        <span class="post-card-date">{{dateformat .Date "2006年01月02日"}}</span>
                </footer>
        </div>
</article>
{{end}}

• 詳情頁(yè)面

效果圖

models

func (b *BlogModel) GetBlogById(id string) (BlogModel, error) {
    var blog BlogModel
    err := db.FindOne(database, collection, bson.M{"_id": id}, nil, &blog)
    return blog, err
}

controllers

func (this *BlogController) Detail() {
    id := this.Ctx.Input.Param(":id")
    data, err := models.NewBlog().GetBlogById(id)
    if err == nil {
        this.Data["Content"] = data
    } else {
        this.Abort("404")
    }

    this.TplName = "detail.html"
}

routers

    beego.Router("/blog/:id", &controllers.BlogController{}, "get:Detail")

詳情頁(yè)面

<article class="post ">
                        <div class="post-head">
                            <h1 class="post-title">
                                {{.Content.Title}}
                            </h1>
                            <div class="post-meta">
                                <span class="author">
                                    作者:
                                    <a >{{.Content.Author}}</a>
                                </span>
                                <time class="post-date">{{dateformat .Content.Date "2006年01月02日"}}</time>
                            </div>
                        </div>

                        <div class="post-content markdown-body">
                            <p>{{str2html .Content.Content}}</p>
                        </div>

                        <footer class="post-footer clearfix">
                            <div class="pull-left tag-list">
                                <i class="fa fa-folder-open-o">
                                    {{range .Content.Tags}}
                                    <a href="/blog/tag/{{.Id}}">{{.Name}}</a>
                                    {{end}}

                                </i>
                            </div>
                        </footer>
                    </article>

完整的源碼