使用beego框架開發我的博客(一)

安裝配置

須要先安裝配置 Golang，而後安裝配置 beego,beego是一個使用 Go 的思惟來幫助您 構建並開發 Go 應用程序的開源Web開發框架，beego的中文文檔很友好，請自行查看 beego 安裝配置完成以後，使用 bee命令建立工程

說明: 使用beego框架開發，後臺數據庫是 MongoDB,編輯是 Mardkdown

bee new blog
// 目錄結構以下
├─conf
├─controllers
├─models
├─routers
├─static
│  ├─css
│  ├─img
│  └─js
├─tests
└─views
複製代碼

使用 bee run，請在瀏覽器打開 127.0.0.1:8080就能看到效果了

markdown編輯器

使用的是 SimpleMDE來定製我的的markdown編輯器，關於 SimpleMDE的相關的配置請參考這篇文章 定製SimpleMDE beego框架默認支持後綴是 tpl 和 html的模板

• 在views中建立editor.html
• 在 static中引入 simplemde.min.css

對simplemde.min.css稍微改造一下，添加一個標題和發佈按鈕，默認全屏並顯示預覽界面,SimpleMDE 的核心配置以下：

var simplemde = new SimpleMDE({
        element: document.getElementById("editor"),
        status: false,
        autoDownloadFontAwesome: false,
        tabSize: 4,
        renderingConfig: {
            codeSyntaxHighlighting: true
        },
    });
  simplemde.toggleSideBySide();
複製代碼

添加一個 Editor 的控制器

在 controllers中添加文件 editor.go

package controllers

import "github.com/astaxie/beego"

type EditorController struct {
	beego.Controller
}

func (this *EditorController) Get() {
	this.TplName = "editor.html"
}

複製代碼

添加對應的路由

在 routers/router.go中添加路由映射

beego.Router("/editor", &controllers.EditorController{})
複製代碼

在瀏覽器中輸入地址 127.0.0.1:8080/editor 查看效果

完整源碼