项目简介
本项目是基于 React 框架开发的清廉街静态 PWA 网站,具备丰富的页面功能,适配多种部署环境,同时有一系列性能与体验优化计划。
项目的主要特性和功能
- 丰富的页面功能:主页设有收藏夹、最近评论和数据概览;课程列表支持搜索与展示;课程详情可进行数据和图表呈现并具备评论功能;成绩页面能进行数据展示、统计和筛选;课表以日历形式展示数据;设置页面可进行绑定、账号管理和自定义操作。
- 多平台适配:已适配 Docker 和静态页面部署环境,后续计划扩展到桌面应用、Android 应用等平台,还会使用 VitePress 搭建文档站点。
- 性能与体验优化:计划对 React 缓存与性能进行优化,采用第三方表单库优化表单验证,调整界面配色,增加路由切换动画和路由缓存,提升页面性能和交互体验。
安装使用步骤
- 解压下载的源码文件到本地文件夹。
- 打开终端,进入项目文件夹。
- 确保本地已安装 Node.js 和 npm 或 yarn。运行
npm install
或yarn install
命令安装项目依赖。安装过程需保证网络通畅,若下载不完整或报错,可删除node_modules
文件夹和package-lock.json
文件后重新安装。若遇网络问题,可切换到国内镜像源或配置网络代理。 - 安装完成后,参考项目文档中的说明运行项目进行测试和使用。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】