项目简介
本项目是为上海交通大学定制的校园课程交流管理平台网页,名为AHAT Discussion。它旨在为师生打造高效便捷的在线交流环境,便于课程讨论、信息交流和资源共享。项目基于Next.js框架开发,结合了React、HTML、CSS和JavaScript等技术,为用户带来流畅、直观的体验。
项目的主要特性和功能
- 网站外观:拥有主课程页面、注册登录页面、Enter入口页面、Profile个人资料页面等,界面美观且简洁。
- 注册与登录:提供用户注册和登录功能,支持邮箱注册,密码加密保存。
- 发帖与评论:用户能够发帖,可选择帖子类别,支持插入图片,每个帖子有专属URL,支持文字评论。
- 帖子筛选:支持根据帖子类别筛选帖子,也可使用搜索框搜索含关键词的标题。
- 个人信息修改:支持更改头像等个人信息。
安装使用步骤
安装依赖
在项目根目录下运行以下命令,使用npm或yarn安装项目所需依赖:
bash
npm install
或
bash
yarn install
配置数据库
根据项目需求配置数据库,如Postgresql。确保数据库连接信息正确配置在项目的配置文件中。
运行项目
使用以下命令启动开发服务器:
bash
npm run dev
或
bash
yarn dev
访问网页
在浏览器中访问项目网址(通常为http://localhost:3000
),即可使用AHAT Discussion平台。
注意:由于本项目为课程项目,部分功能尚未完善或待优化,但已满足基本使用需求。后续可根据个人时间和兴趣进一步完善功能和优化性能。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】