睿乐智研产品系统

公司官网：面向企业服务场景的软件开发公司官方网站，用于对外展示企业信息、业务能力与技术实力。
1、展示企业信息与品牌形象（公司介绍、资质与联系方式等）
2、展示企业服务与解决方案（业务介绍、成功案例、AI 能力专题）
3、支持在线咨询获客与招贤纳士，配套 CMS 后台进行内容运营与线索管理

本项目为软件开发企业官方网站，采用前台展示与后台 CMS 一体化设计，主要功能模块包括：

品牌展示模块：首页、关于我们等页面，展示企业简介、服务能力与品牌形象，支持页面区块内容由后台动态配置。
业务服务模块：业务列表与详情页，按分类展示定制开发、行业解决方案等服务，支持 SEO 信息与上下架管理。
AI 与智能体专题：独立介绍 AI / Agent 相关能力与场景，强化技术差异化展示。
成功案例模块：案例列表与详情，按行业/类型呈现交付成果，支撑商务背书与转化。
新闻资讯模块：文章发布、列表与详情阅读，支持运营持续更新与阅读量统计。
获客咨询模块：联系我们页与全站悬浮入口，支持在线提交咨询线索，后台可查看与跟进。
招贤纳士模块：岗位列表与详情，对外发布招聘信息，服务人才吸引。
CMS 管理后台：文章、业务、案例、招聘、咨询、媒体库、站点设置、页面区块、用户与角色权限等，实现非技术人员低门槛内容运营。

本人主要负责前台官网与后台 CMS 的前端开发及前后端联调，参与需求落地、页面实现、接口对接与部署配合。

技术栈与架构：前端采用 Vue 3 + TypeScript + Vite，路由 Vue Router、状态 Pinia、UI 为 Element Plus，样式 Tailwind CSS v4，请求 Axios；表单校验使用 VeeValidate + Zod。后端为 Spring Boot + MyBatis-Plus + MySQL，鉴权采用 JWT；公开接口与管理接口分别走 /api/v1/pub、/api/v1/admin。整体为前后端分离，生产环境 Nginx 静态托管 + API 反向代理，支持 Docker 容器化部署。

实现亮点：内容驱动前台（站点配置、页面区块由接口下发）；SEO 字段与语义化页面结构；管理端按角色权限控制；咨询线索闭环（前台提交—后台处理）。

难点与处理：SPA 下 SEO 与动态内容一致性、公开/管理双通道 API 约定统一、媒体资源 URL 与上传联调、响应式布局与交互细节打磨，通过统一请求封装、路由守卫与模块化页面拆分降低维护成本。