在数字化办公与信息集约化管理需求日益提升的背景下，各类机构亟需一个高效、安全、可扩展的门户网站，用于信息发布、业务办理与用户管理。原有的信息展示与管理模式存在功能单一、登录繁琐、代码复用率低、二次开发难度大等痛点，且多系统并行时用户需重复登录，严重影响使用效率与体验。为解决上述问题，基于dromara/ujcms开源框架进行二次开发，搭建zc-website项目（访问地址：http://124.126.77.246/zc-website/），依托ujcms框架的灵活扩展性与成熟架构，简化开发流程、降低维护成本，同时集成单点登录（SSO）功能，实现“一次登录、多系统互通”，适配机构门户的信息展示、业务对接与用户统一管理需求，兼顾安全性与易用性，助力数字化转型落地。
本项目以ujcms开源框架为基础进行二开，核心围绕“信息展示+用户管理+单点登录+业务适配”展开，保留框架原有优势的同时，贴合实际业务需求优化功能，核心功能如下，突出单点登录核心价值与二开特色：
- 单点登录（SSO）核心功能：集成SSO认证机制，实现统一身份校验，用户一次登录即可访问该项目及关联的所有信任系统，无需重复输入账号密码，同时支持单点登出，退出后所有关联系统同步登出，提升用户体验的同时，实现用户身份的集中管控，降低密码泄露与权限管理风险，遵循“中央认证+跨系统会话共享”的核心逻辑。
- 信息展示与管理：基于ujcms框架的内容管理能力，开发信息发布、栏目管理、内容编辑等功能，支持图文、视频等多种形式内容的上传、审核与发布，可灵活配置网站栏目结构，适配门户信息展示需求，同时优化内容检索功能，提升信息查找效率。
- 用户与权限管理：在ujcms原有权限体系基础上进行二开，细化角色权限划分（如管理员、普通用户、访客），实现用户账号、密码的统一管理，结合单点登录机制，同步用户认证状态与权限信息，确保不同角色只能访问对应权限范围内的功能与内容，实现权限的精细化管控。
- 二开适配功能：针对具体业务场景，定制开发表单提交、数据统计、页面个性化配置等功能，优化网站界面布局与交互体验，解决开源框架与实际业务需求的适配问题；同时预留接口扩展位，便于后续对接其他业务系统，提升项目可扩展性。
- 基础保障功能：支持网站响应式适配，兼容PC端、移动端等多终端访问；具备日志记录、异常监控功能，可跟踪用户操作与系统运行状态，及时排查问题；优化页面加载性能，确保网站访问流畅，同时配置安全防护策略，保障用户信息与系统数据安全。
（一）整体架构与技术选型
项目采用前后端分离架构，基于dromara/ujcms开源框架进行二次开发，充分复用框架的SpringBoot、MyBatis、Vue3等核心技术，降低开发成本、提升开发效率。核心技术选型贴合ujcms框架特性与项目需求：后端基于SpringBoot+Spring Security构建，依托ujcms的内容管理与权限体系进行扩展；前端采用Vue3+ElementPlus+TypeScript，搭配Vite构建工具，复用ujcms前端组件库并进行个性化改造；单点登录采用Token（JWT）模式实现，结合Axios拦截器与路由守卫，保障认证安全与跨域兼容性，整体遵循“简单、灵活”的设计原则，降低二次开发与维护成本。
（二）核心模块实现（含前端负责部分）
1. 开源框架二开实现
基于dromara/ujcms框架的开源代码，进行模块化二次开发：后端方面，复用框架的内容管理、用户管理核心接口，通过扩展接口、新增业务模块，适配项目实际需求，如新增表单提交、数据统计接口，优化权限校验逻辑；前端方面，复用ujcms的基础组件（表单、表格、弹窗等），定制开发网站首页、栏目页、详情页等界面，修改页面样式与交互逻辑，确保界面贴合项目定位，同时封装可复用组件，提升代码复用率与开发效率，避免重复开发。
2. 单点登录（SSO）实现（前端核心负责部分）
前端主导单点登录的交互实现与状态管理，核心流程如下：一是登录态检测，通过路由守卫（beforeEach）初始化时检测当前是否有有效Token，无则自动跳转至SSO认证中心；二是认证跳转，拼接认证中心地址与项目回调地址，引导用户完成统一登录；三是授权码与Token处理，用户登录成功后，解析认证中心重定向返回的授权码，调用后端接口兑换业务专属Token，存储于localStorage（不存储登录态Cookie，避免跨域风险）；四是接口请求拦截，通过Axios拦截器为所有接口请求添加Token请求头，实现接口鉴权；五是登出处理，点击登出后跳转至SSO认证中心清除全局登录态，同时清除本地Token，实现多系统同步登出，确保认证安全。
3. 前端其他实现部分
负责网站所有页面的UI还原与交互开发，基于Vue3+ElementPlus，严格遵循设计规范，完成首页、信息列表页、内容详情页、用户中心等页面的开发，实现内容展示、表单提交、栏目切换等交互功能；优化页面响应式布局，确保在不同终端下无布局错乱；对接后端接口，实现数据渲染与功能联动，如信息列表分页加载、内容搜索、用户信息查询等；进行性能优化，通过代码分割、图片懒加载等方式，提升页面加载速度，减少卡顿；同时解决跨浏览器兼容问题，确保核心功能在主流浏览器正常运行，配合后端完成权限管控的前端渲染，实现不同角色的页面差异化展示。
4. 项目测试与上线
测试阶段，重点测试单点登录的兼容性、稳定性（如跨浏览器、跨系统登录/登出）、二开功能的适配性，以及页面性能与安全性，修复各类Bug，确保单点登录成功率100%，页面还原度100%，跨浏览器兼容率99%以上；上线阶段，部署项目至目标服务器，配置域名与SSL证书，优化服务器配置，确保项目稳定运行，同时建立日常运维机制，跟踪系统运行状态，及时处理后续迭代与问题排查，保障项目长期稳定可用。
评论