❶ 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