为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Go

安装配置

需要先安装配置 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.sycdn.imooc.com//5d5e46ae000139c809140341.png


完整源码

             




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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

举报

0/150
提交
取消