摘  要

 

随着互联网和计算机技术突飞猛进的发展，以及世界各国对于信息技术的愈加重视，人们逐渐认识到掌握一门编程语言可以有效提升自己的生产工作效率，更好地认识生活中所接触到的软件产品其背后的工作原理。但是，仅仅靠看书或者视频很能难让初学者保持长久的学习兴趣，如果有一个对于初学者比较友好，具有良好互动性的在线编程学习平台，避免让他们迷失在语言细节当中，就更加有利于帮助他们顺利的从0到1，踏入编程学习的大门。

本文针对在线编程教育中用户的实际需求，以及市场上主流的在线编程学习平台的功能，开发了更适用于编程初学者的在线编程学习平台。平台采用Koa.js和React.js分别作为Web前后端的技术栈分别进行开发，前端通过Ajax发送JSON格式的数据到后端的RESTful API接口中，避免代码中后台逻辑处理与前台页面展示的耦合。后端采用MVC的设计模式进行架构设计，便于根据业务灵活调整代码结构。小程序端则采用微信云开发技术，专门针对编程学习平台中的练习模块进行开发。最终，Web端、服务端和小程序端相互配合，提供课程浏览、社区解答、在线代码运行、试题练习、平台管理等功能，构成了一个开放式在线编程学习平台，有助于编程初学者进行自主学习。

 

关键词：在线编程，编程教学，在线教育

目  录

 

第一章 绪论 1

1.1 课题背景和来源 1

1.2 研究目的和意义 1

1.3 国内外研究现状 1

1.4 论文的研究内容及组织结构 2

第二章 开发平台及相关技术介绍 4

2.1 软硬件开发环境及开发工具 4

2.2 相关技术介绍 4

2.2.1 Node.js、NPM/Yarn及Koa.js 4

2.2.2 React.js 4

2.2.3 MySQL 4

2.2.4 Nginx 4

2.2.5 Docker 5

2.2.6 微信小程序云开发 5

2.2.7 前后端分离 5

2.2.8 RESTful API 5

第三章 在线编程学习平台的需求分析 6

3.1 可行性研究 6

3.1.1 技术可行性 6

3.1.2 经济可行性 6

3.2 功能需求分析 6

3.3 非功能需求分析 7

第四章 在线编程学习平台的设计与实现 8

4.1 总体设计 8

4.2 架构设计 8

4.3 数据设计 9

4.4 Web端的设计与实现 10

4.4.1 Web端React组件的设计思路 10

4.4.2 Web端后端接口调用的统一封装 11

4.5 小程序端的设计与实现 12

4.5.1 小程序端云函数的设计思路 13

4.5.2 小程序端答题模块的设计与实现 13

4.6 服务端的设计与实现 14

4.6.1 服务端中间件的设计与实现 14

4.6.2 服务端Router路由的设计与实现 15

4.6.3 服务端Controller控制器与Service服务的设计与实现 16

4.6.4 服务端Model模型的设计与实现 16

第五章 在线编程学习平台的测试 18

5.1 测试目的 18

5.2 测试环境 18

5.3 测试方案 18

第六章 结论与展望 20

6.1 总结 20

6.2 不足与展望 20

参考文献 21

致  谢 22