跳到主要内容
版本:Current

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。