【文件属性】:
文件名称:ttt
文件大小:193KB
文件格式:ZIP
更新时间:2021-03-28 00:35:14
JavaScript
结果检查
由Anish Khandelwal创建的项目。
使用的图书馆
在项目中,我使用了以下库-
React
React域
React路由器域
轴距
人体解析器
表达
引导程序
前端
App.js文件处理客户端路由。 由于必须显示单个页面,因此使用“ Redirect集定义了一条路由,以将所有未知路由重定向回原位。
App.js文件调用功能组件CheckResult ,该组件中定义了主要逻辑。
CheckResult显示一个输入框,供用户输入卷号并返回表格,其中将显示结果以及卷号。
该input需要separeted wuth的ROOL号码, 。
输入被拆分并存储为数组,并使用trim()方法进行清理。
使用axios ,将卷号数组传递到后端。
从后端收到的结果然后通过JSX内部的map()函数循环。
如果未提供任何输入并按下了提交按钮,则输入框将闪烁并显示错误消息。
后端
【文件预览】:
ttt-main
----.gitignore(310B)
----routes()
--------route.js(799B)
----README.md(2KB)
----public()
--------manifest.json(492B)
--------robots.txt(67B)
--------logo192.png(5KB)
--------logo512.png(9KB)
--------index.html(1KB)
--------favicon.ico(4KB)
----app.js(738B)
----package.json(973B)
----src()
--------components()
--------index.css(358B)
--------App.test.js(246B)
--------reportWebVitals.js(362B)
--------App.css(0B)
--------index.js(500B)
--------setupTests.js(241B)
--------App.js(376B)
----package-lock.json(681KB)