CSSA-Website 项目介绍
项目概述
CSSA-Website 是波士顿大学中国学生学者联合会(BUCSSA)官方网站的前端项目。网站面向校内中国学生学者,展示活动信息、资源入口、组织介绍与合作伙伴等内容。
应用源码仓库:bucssatech22/CSSA-Website。
项目定位
- 类型:纯前端单页应用(SPA),构建工具为 Vite 8
- 用途:对外展示型官网
- 特点:无后端 API、无登录;数据来自组件、JSON 与
public/静态资源;适合静态站点托管
不是什么
- 不是招新系统。申请、面试、报销、教室预约在 CSSA Portal;官网只外链到申请门户。
- 不是 CMS。改首页、导航、活动文案通常要改仓库里的 React 组件或 JSON,然后重新构建发布。
- 不是多端后端服务。没有 REST/GraphQL、没有服务端会话,也没有运行时环境变量。
核心功能模块
所有页面都在 /:locale 下(zh 默认,en 可选)。访问 / 会重定向到 /zh。
| 模块 | 路径示例 | 说明 |
|---|---|---|
| 首页 | /zh | 组织概览、招新入口、近期活动、视频 |
| 活动 | /zh/Activity | 活动列表与各活动详情页 |
| 资源 | /zh/Resources | 职发百宝箱等资源;新生手册为外链 PDF |
| 关于我们 | /zh/About | 组织介绍及各部门介绍 |
| 荣誉墙 | /zh/Honor_Wall | 历年荣誉,数据来自 JSON |
| 合作 | /zh/Partnership | 合作伙伴展示,数据来自 JSON |
完整路径与旧链接重定向见 路由对照。功能清单见 Features。
外部集成
- 申请门户:Navbar「加入我们」指向
https://application-portal.bucssa.org - 新生手册:AWS S3 托管 PDF
- 社交媒体:页脚外链小红书、抖音、Instagram、微博、哔哩哔哩
- YouTube:首页嵌入宣传视频
详细 URL 见 外部集成。
读者对象
| 角色 | 典型任务 |
|---|---|
| 内容维护 | 改导航文案、活动介绍、荣誉墙条目、图片 |
| 前端开发 | 新增页面、调整布局、补翻译命名空间 |
| 发布 | 把 dist/ 部署到 Cloudflare Pages |
技术栈见 Tech Stack。