继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

使用beego框架开发个人博客(一)

ITMISS
关注TA
已关注
手记 385
粉丝 51
获赞 245

安装配置

需要先安装配置 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的相关的配置请参考这篇文章
beego框架默认支持后缀是 tplhtml的模板

  • 在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 controllersimport "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 查看效果

https://img1.mukewang.com/5d5e46ae000139c809140341.png


完整源码

             




作者:CoderMiner
链接:https://www.jianshu.com/p/a5c489fd57e4

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP