基于前后端分离的通信原理课程网站开发12111李永军王明辉李耀李孟军李博摘要：高校课程通常使用ASP、PHP等技术建站，这些技术主要通过从数据库读取的数据填充HTML模版，前后端代码耦合性强、职责交叉模糊，前端在开发过程中严重依赖后端，难以分离，同时整个版面内容复杂。因此，提出了前后端分离的通信原理课程动态网站设计开发模式，网站前端以React技术为基础，分别采用Next.js框架和AntDesignPro框架设计前后台，而网站后端则基于Node.js平台的Koa框架进行布局，并且将Nginx作为HTTP服务器和反向代理服务器，采用PM2工具在真实的云服务器上实现整个项目的快速自动化部署。该网站开发模式有效地提高了课程网站的安全性、稳定性和可维护性，同时具有良好的师生体验。（1.河南大学物理与电子学院，河南开封475004；2.河南大学民生学院,河南开封475004）关键词：网站设计；React；Node.js；前后端分离中图分类号：TP393.092文献标识码：A文章编号：1008-6009（2022）11-0010-061引言课程网站作为课程建设评价窗口和示范载体，可以将教学资源整合到线上，为学生的自主学习与师生交流[2]提供优质服务。通过网站可以将教学大纲、教学目标、教学方法等以文字、图片、下载资料等方式呈现给学生，且不受时间和空间的限制，方便学生获取学习资源，提高学习成效。网站提供的发布通知、留言功能可以方便老师和学生交流，拉近师生距离，通过留言也可以得知网站存在的一些问题，了解学生的需求并改进，让学生有更好的体验，还可以结合课程本身的特点调整设计结构，不断更新和完善网站内容。因此，通信原理课程网站建设对高校提高通信原理教学质量、深化教学改革、推进教育教学创新具有重要的作用。高校课程网站建设通常使用ASP、JSP、PHP等技术，这些技术数据库操作逻辑、后端代码以及前端代码难以分离，前端在开发过程中严重依赖后端，代码耦合性比较强，职责交叉模糊。因此，本文采用前后端分离和模块化设计的模式开发通信原理课程动态网站，网站前端使用React技术框架构建，前台网站和后台网站分别采用Next.js框架和AntDesignPro框架搭建，而网站的后端则采用基于Node.js平台的Koa框架开发，设置负责文件存储的Web服务器以及与数据库交互的API服务器，并且使用Nginx作为HTTP和反向代理服务器，采用PM2工具在真实的云服务器上实现整个项目的快速自动化部署。API服务器负责提供数据接口，前端通过Ajax技术请求接口获取数据，让前端操作数据具有主动性和灵活性...
