摘 要：文章设计和实现了基于 Web 架构的大学生英语在线听写管理系统，注册用户可以录入单词、听写、复习，查看听写记录、修改单词表。系统前端基于当前流行的 React、Ant Design 框架，开发的网页能自适应不同的分辨率，后端基于 Node.js、Express.js 框架进行开发。并从流程设计、功能设计、数据模型设计、效果实现等软件开发的关键阶段论述系统开发过程。
关键词：React 框架；Node.js 环境；Express.js 框架；百度语音 API；听写系统
DOI:10.19850/j.cnki.2096-4706.2022.013.012
基金项目：广东省教育厅普通高校青年创新人才项目（2019KQNCX223）；广东开放大学校级科研项目（YB1915）
中图分类号：TP311 文献标识码：A 文章编号：2096-4706（2022）13-0048-04
Design and Implementation of Online Dictation System for College Students
LIU Lei, YAO Wenhui, ZHENG Runhan, WANG Dahai
(Guangdong Open University (Guangdong Polytechnic Institute), Guangzhou 510091, China)
Abstract: This paper designs and implements an online dictation management system for college students based on Web architecture. Registered users can input words, dictation, review, view dictation records and modify word lists. The front-end of the system is developed based on the popular React and Ant Design frameworks. The developed web pages can automatically adapt to different resolutions. The back-end is developed based on the Node.js and Express.js frameworks. This paper discusses the development process of this system from the key stages of software development, such as process design, function design, data model design and effect realization.
Keywords: React framework; Node.js environment; Express.js framework; Baidu voice API; dictation system
参考文献：
[1] 韩利峰，李嘉曾，黄文博，等 . 基于 Nodejs 实现 web 端实时在线监测 [J]. 仪器仪表用户，2018，25（10）：80-83+4.
[2] 房峰，高美凤 . 基于 Node.js 的移动视频监控系统 [J]. 计算机系统应用，2017，26（10）：281-285.
[3] 程桂花，沈炜，何松林，等 .Node.js 中 Express 框架路由机制的研究 [J]. 工业控制计算机，2016，29（8）：101-102.
[4] 王越 . 基于 nodejs 的微博系统的设计与实现 [D]. 成都：电子科技大学，2014.
[5] 王伶俐，张传国 . 基于 NodeJS+Express 框架的轻应用定制平台的设计与实现 [J]. 计算机科学，2017，44（S2）：596-599.
[6] 李晶 .NodeJS——服务器端 JavaScript 运行环境 [J]. 程序员，2010（12）：29.
[7] 刘毓炜 . 基于智能终端的语音交互系统设计 [D]. 北京：北京邮电大学，2018.
[8] 胡锐，孙先松 . 嵌入式 Linux 平台下百度 AI 语音识别的应用 [J]. 电脑知识与技术，2018，14（27）：202-204.
作者简介：刘磊（1984—），男，汉族，广东广州人，讲师，高级信息系统项目管理师、高级程序员，硕士，研究方向：项目管理、互联网 Web 应用开发、大型网站架构、数据库技术、大数据技术与应用等；姚文辉（2001—），男，汉族，广东揭阳人，研究方向：深度学习、后端开发、网络爬虫等；郑润涵（2001—），男，汉族，广东潮州人，研究方向：前端开发（html/css/js/Vue）、Python 后端开发、数据分析、机器学习、深度学习等；王大海（2001—），男，汉族，广东茂名人，研究方向：前端开发、QT开发等。