使用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的相关的配置请参考这篇文章
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 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 查看效果

完整源码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,224评论 19 139
  • GoLang-Beego.Godep 介绍你是一个从PHP,Python,Ruby等动态语言转移到Go的web应用...
    燕京博士阅读 4,957评论 0 3
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,980评论 1 180
  • 上一篇:Spring整合Mybatis实现一个简单的分页查询功能 本文继续完成搭建一个简单的商品管理系统,通过整合...
    索隆大大阅读 6,776评论 0 3
  • 云帘开,红日早,金缕花枝俏。 溪边花杏,欲照腮红自先笑。 烟笼三十里,香醉干千鸟。 石泉清液淌,溪涧碧山绕。 水长...
    刘小地阅读 3,535评论 18 54

友情链接更多精彩内容