使用beego架構開發個人部落格(一)

來源:互聯網
上載者:User

安裝配置

需要先安裝配置 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 查看效果

完整源碼

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.