QuillCMS - 基于Nodejs、Nuxtjs、MongoDB構(gòu)建內(nèi)容管理系統(tǒng)

LiangJ 發(fā)布于2019-08-22 18:40 / 864人閱讀

摘要：是一個(gè)基于構(gòu)建的內(nèi)容管理系統(tǒng)，結(jié)構(gòu)清晰，便于拓展，極其適合前端工程師進(jìn)行二次開(kāi)發(fā)。技術(shù)選型的核心也就是后臺(tái)的內(nèi)容管理，同時(shí)具有前臺(tái)展示需求等功能。支持服務(wù)端渲染，上手也很簡(jiǎn)單，是基于的服務(wù)端渲染程序的不二選擇。

QuillCMS是一個(gè)基于Nodejs、Nuxtjs、MongoDB構(gòu)建的內(nèi)容管理系統(tǒng)，結(jié)構(gòu)清晰，便于拓展，極其適合前端工程師進(jìn)行二次開(kāi)發(fā)。

二話不說(shuō)，先看源碼/演示站

GitHub: https://github.com/ximolang/QuillCMS

演示站：跨界猿

為什么要寫(xiě)個(gè)CMS

搜索Nodejs CMS可以看到很多用Node寫(xiě)的內(nèi)容管理系統(tǒng)，大名鼎鼎的KeystoneJS是其中一個(gè)，但是在我想要去利用它搭建一個(gè)站點(diǎn)嘗試二次開(kāi)發(fā)的時(shí)候卻發(fā)現(xiàn)并不是那么容易理解，至少在我剛接觸的時(shí)候是這樣。國(guó)內(nèi)還有DoraCMS、NoderCMS之類的系統(tǒng)，DoraCMS我也曾有過(guò)嘗試，但是到了2.0的版本后變化比較大，要理清楚系統(tǒng)各部分的關(guān)系是比較困難的。

想來(lái)想去，還不如自己寫(xiě)一個(gè)簡(jiǎn)單的、不需要過(guò)多配置、一句命令就能跑起來(lái)的CMS。

技術(shù)選型

CMS的核心也就是后臺(tái)的內(nèi)容管理，同時(shí)具有前臺(tái)展示、SEO需求等功能。考慮到選用Node做為后端的前端工程師偏多，所以干脆選用Nodejs+Nuxtjs+MongoDB進(jìn)行構(gòu)建。Nuxtjs支持服務(wù)端渲染，上手也很簡(jiǎn)單，是基于vue的服務(wù)端渲染程序的不二選擇。后端框架選用了Express，很多人可能會(huì)說(shuō)為啥不選Koa2，當(dāng)時(shí)選的時(shí)候還是有所考慮，雖然我更喜歡Koa但還是選擇了Express，如果現(xiàn)在開(kāi)始再寫(xiě)一個(gè)CMS(或者其他項(xiàng)目)，我絕對(duì)選Koa2，或者直接Egg.js。

功能設(shè)計(jì)

后臺(tái)管理

用戶管理

文章管理

分類管理

標(biāo)簽管理

友鏈管理

廣告管理

系統(tǒng)配置(配置文件修改)

上傳圖片至七牛云(可選)

前臺(tái)展示

風(fēng)格簡(jiǎn)潔，響應(yīng)式

首頁(yè)、文章列表、文章詳情、用戶中心

文章的分享、點(diǎn)贊、收藏、評(píng)論功能

用戶中心修改資料、關(guān)注用戶

文章發(fā)布功能（暫未提供修改功能）

系統(tǒng)特點(diǎn)

整體功能偏簡(jiǎn)，并沒(méi)有進(jìn)行過(guò)多的通用性設(shè)計(jì)，這對(duì)于使用者來(lái)說(shuō)有好有壞，通用功能比較基礎(chǔ)，其他的需要自己開(kāi)發(fā)。

前臺(tái)展示風(fēng)格也需要自己自定義，畢竟網(wǎng)站基本不會(huì)一個(gè)樣。雖然需要自定義，但我相信了解Nuxtjs進(jìn)行二次開(kāi)發(fā)是及其簡(jiǎn)單的事情，因?yàn)槊總€(gè)頁(yè)面是獨(dú)立的，每個(gè)頁(yè)面引用的組件也對(duì)應(yīng)放在目錄中。

總結(jié)

寫(xiě)這個(gè)CMS的過(guò)程讓我第一次在一個(gè)月的時(shí)間里堅(jiān)持Github全綠，我對(duì)前后端了解也通透了許多。CMS的部署文檔還沒(méi)有，后面再加吧，有沒(méi)有人用還說(shuō)不好，畢竟選擇太多，容易看花眼。