使用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 查看效果

完整源码