❶ lowcode-cms開源社區源碼設計分享
開源背景
lowcode可視化社區是我開發的面向低代碼內容分享的知識社區。內容端採用SSR技術來渲染頁面，對SEO更友好。後端服務採用Nodejs實現，內容端和服務端同端，即傳說中的內容服務「同構」。管理端採用React hooks實現，讓技術人員或非技術人員輕松部署一套專屬的CMS系統。
本著開源精神，這套CMS系統被開源，以方便更多技術小白或非技術人員輕松搭建網站。
接下來，我會從技術角度分享lowcode-cms系統的技術實現和本地運行+部署的指南。
系統設計架構
將具體分為管理端、內容端和服務端的技術架構。
內容端架構設計
內容端主要展現個人或企業內容信息，採用模版引擎（koa-views+pug）渲染HTML。首頁模塊和如行業產品、最佳實踐、視頻、手記等其他頁面將被詳細介紹，包括具體的技術實現。
在github中server的views目錄下，可以找到每個渲染層的具體實現。低代碼CMS的SSR模式將被分享，包括配置Pug支持、SSR路由數據直出和模板消費。
服務端架構設計
服務端主要實現兩個能力，參考MVC模式搭建簡易服務端。主要模塊目錄將在github中提供，包括核心模塊。
管理端系統架構設計
管理端採用UMI + React + Antd4.0實現，包含成熟插件模塊如富文本編輯器、MD編輯器和文件上傳模塊。編輯模塊示例展示了實時預覽MD和富文本的封裝。
本地運行
提供開箱即用的說明，包括目錄介紹和本地啟動步驟，以及針對Windows系統的啟動命令和初始化賬號密碼。
部署發布
推薦使用pm2管理Node服務進程。只需上傳服務端到伺服器、安裝依賴並用pm2啟動即可。關於pm2的更多問題，可參考往期文章。
參與貢獻和問題反饋
歡迎在GitHub上通過pr或issue參與共建，或在《趣談前端》公眾號反饋建議或想法。
GitHub鏈接：github.com/MrXujiang/lowcode-cms