UJCMS-CP：开源CMS后台前端项目

ujcms-cp 是一套面向CMS建站系统场景的开源系统，基于 Vue3 + Vue + Java + Go 技术栈构建。ujcms-cp是ujcms的后台前端项目。使用Vue3、Vite、ElementPlus、TypeScript、TailwindCSS开发。。UJCMS-CP是UJCMS的后台前端项目。使用 Vue 3、Vite、TypeScript、ElementPlus、TailwindCSS、VueRouter、VueI18n 开发。 需要启动UJCMS主项目才可以使用，不可单独运行（无法访问后端接口）。 如不需要修改UJCMS的后台界面，则不必启动此项目。UJCMS的/src/main/webapp/cp目录已包含本项目编译后的代码，直接运行U项目仓库地址为 https://gitee.com/dromara/ujcms-cp，代码开源，适合技术学习、架构评估和企业二次开发。同类项目还可参考 platform。

项目概述

ujcms-cp 是 dromara 团队维护的CMS建站系统系统。项目采用Vue3 + Vue + Java + Go等技术构建，提供完整的业务功能和管理后台。系统代码结构清晰，文档较为完善，涵盖CMS建站系统领域的核心业务流程，可作为相关领域的学习参考和二次开发基础。

使用 vscode 开发工具。 安装 node 环境。Node 20.12+ 版本。 安装 pnpm。执行：npm install -g pnpm 使用淘宝 npm 镜像。执行：pnpm set registry https://registry.npmmirror.com/ 安装依赖。执行：pnpm install 启动程序。执行：pnpm run dev 访问：http://127.0.0.1:5173 用户名：admin，密码：password

核心特点

ujcms-cp 的主要功能特性包括以下方面：

• 使用 vscode 开发工具。
• 安装 node 环境。Node 20.12+ 版本。
• 安装 pnpm。执行：npm install -g pnpm
• 使用淘宝 npm 镜像。执行：pnpm set registry https://registry.npmmirror.com/
• 安装依赖。执行：pnpm install
• 启动程序。执行：pnpm run dev
• 访问：http://127.0.0.1:5173
• 用户名：admin，密码：password
• 修改.env文件中的VITEAPPTITLE=UJCMS后台管理配置，可改变浏览器页签上的标题。
• 修改.env文件中的VITEAPPNAME=UJCMS配置，可改变登录页、后台左侧导航等处的UJCMS标识。

技术架构

项目采用现代化的技术栈，主要技术组件和框架包括：

• Vue3
• Vue
• Java
• Go
• TypeScript
• Vite
• ElementPlus
• Nginx

功能详情

修改.env文件中的VITEAPPTITLE=UJCMS后台管理配置，可改变浏览器页签上的标题。 修改.env文件中的VITEAPPNAME=UJCMS配置，可改变登录页、后台左侧导航等处的UJCMS标识。 替换/public/favicon.png图片，可改变浏览器标签页上显示的图标。 修改/src/layout/components/AppSidebar/SidebarLogo.vue文件中的svg图标，可改变后台左侧导航处LOGO图标。

执行：pnpm run build 编译后的程序在/dist目录。 将/dist目录里的文件拷贝至主项目UJCMS的/src/main/webapp/cp目录下（先将原目录下的文件删除）。

编译时出现 Javascript Heap out of memory 错误，代表内存溢出。可以设置 NODEOPTIONS 环境变量为 –max-old-space-size=8192。

适用场景

• 学习研究：适合学习Vue3技术栈在CMS建站系统领域的实际应用
• 架构参考：可作为CMS建站系统系统架构设计和模块拆分的参考案例
• 二次开发：在开源协议允许范围内，可基于此项目进行企业级定制开发
• 教学演示：适合作为相关课程的教学演示和实践项目

快速开始

根据项目文档，快速上手的基本步骤包括：

1. 执行：pnpm run build
2. 编译后的程序在/dist目录。
3. 将/dist目录里的文件拷贝至主项目UJCMS的/src/main/webapp/cp目录下（先将原目录下的文件删除）。

相关资源

• 项目仓库：https://gitee.com/dromara/ujcms-cp
• 项目主页：https://www.ujcms.com
• 主要语言：TypeScript
• Star 数量：194
• Fork 数量：221

开源项目地址：https://gitee.com/dromara/ujcms-cp