企业官网及后台管理系统

金融 P2P 案例ID：248880

I2day

3 年经验· 腾讯

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

星云科技企业官网及后台管理系统

> 企业官网及后台管理系统｜个人演示项目
> 本项目不对应任何真实公司。品牌、Logo、人物、地址、联系方式、产品、案例和业务数据均为虚构。

基于 React + Vite + Ant Design、Node.js + Express、MySQL 实现的响应式企业官网及后台管理系统，包含产品展示、案例展示、在线留言、后台登录、内容管理、产品增删改查及基础数据统计等功能。

项目同时适配 PC、平板和手机，可作为中小企业官网、产品展示网站及基础 CMS 管理系统的开发参考。本项目为个人技术演示项目，主要使用 AI 编程工具辅助完成需求拆解、开发、调试及测试。

## 功能清单

前台：

- 首页：品牌首屏、核心能力、产品、交付流程、精选案例和行动入口
- 公司介绍：品牌故事、价值观、虚构发展时间线
- 产品列表：分类筛选、响应式产品卡片
- 产品详情：产品介绍、价格说明和核心功能
- 案例展示：按行业筛选、项目成果展示
- 联系我们：虚构联系信息和在线留言表单
- PC / 平板 / 手机响应式适配

后台：

- 管理员登录与 JWT 登录状态验证
- Dashboard 基础数据统计、访问趋势、内容状态和最近留言
- 产品增删改查、发布状态和排序
- 案例增删改查、首页推荐和排序
- 留言列表、详情、已读状态和删除
- 首页轮播图增删改查、启用状态和排序
- 管理员密码修改

安全与可靠性：

- 管理员密码使用 bcrypt 哈希存储，不保存明文
- 后台 API 使用 JWT Bearer Token 验证
- 前后端均对必填项、长度、邮箱、电话、URL 标识和密码强度做基础校验
- SQL 使用预处理参数，动态表名和字段来自服务端白名单
- Helmet 安全响应头、CORS 白名单、JSON 请求体大小限制
- 全局异常处理，接口统一返回友好的中文错误信息