B类项目实训

个人项目实训开发经历

这是本次学生团队项目开发的流程记录博客，因博主主要负责开发前端，故内容以前端为主。

• 项目背景
• 个人分工
  1.关于React相关内容的学习
  2.我的任务

项目背景
为了解决如何让我院学生更高效的学习教师更方便的发布任务和通知的问题，这需要有效管理通知作业文件的系统，如今很多班级使用社交软件进行工作，但也会遇到许多问题，故本组决定试做适用于大学校园的班级管理系统，供班级内教师学生以及学校工作导师使用来更好地完成教学，学习和日常事务管理。

个人分工
在本次系统设计中，博主主要负责前端的开发工作。前端工作主要基于React技术栈进行开发。由于目前代码编写工作还没开始，于是博主自行学习了有关React技术栈的内容以下是个人对React一点浅显的见解。

1.关于React相关内容的学习
React 是一个用于构建用户界面的 JavaScript库，主要用于构建UI。
特点

• 声明式设计 −React采用声明范式，可以轻松描述应用。
• 高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。
• 灵活−React可以与已知的库或框架很好地配合。
• JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX，但我们建议使用它。
• 组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
• 单向响应的数据流− React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。

2.我的任务
本次项目中，我的具体任务为：编写自定义评论区组件；制作404、成功页等特殊页面，这两项工作中均使用React进行编写。

404页面的配置：
404错误页面本质上是指用户试图访问您网站上不存在的页面，无论是因为他们单击了断开的链接，该页面已被删除还是输入了错误的URL。
我们可以通过以下几个方法有来显示页面“未找到”组件：
1.路由到yoursite.com/404
2.显示带有请求的URL的未找到页面内容。
3.NotFoundPage组件

经过思考我选择了通过NotFoundPage组件，以下为注意事项和代码块：

1. 需要用到 Switch 组件包括路由组件（Switch组件保证只渲染其中一个子路由)
2. 配置notFount 路由，增加Redirect组件用于跳转

代码块

自定义评论区组件
详细内容见此链接：
https://blog.youkuaiyun.com/weixin_44926877/article/details/115770707