|
三、主要设计思路
1、需求分析：首先，需要对操作系统课程中的各个算法进行详细的需求分析，对学生进行调研，明确学生需要掌握的算法类型、数量和难度，以及需要实现的功能和效果，确定课题的功能需求。
2、确定展现方式：深入研究所要展现的算法的机制和运行特点，设计出几种运行效果，进行手动模拟，确定最终选用何种方式展示效果最佳。
3、设计网站结构：根据网站内容和功能，在Canva上设计网站页面的布局，利用网站的线框图作为网站的骨架，对网页中的按钮、标签栏和其它设计元素等进行简单定位，并进行配色和排版。
4、开发前端界面
（1）在开发页面之前，需要安装好VsCode和nodejs；
（2）本项目选择Vue作为开发框架，所以要先创建Vue项目并安装所需要的插件。
（3）创建项目目录，然后在此目录中创建images、css、js三个目录，三个目录中分别放图片、css文件以及js文件，HTML5实现网页的架构，CSS3实现网页的美化，JS负责网页的行为，开始进行编码。
5、开发后端逻辑
（1）环境准备，选用Flask框架进行开发，所以需要安装Flask；
（2）根据Flask框架来构建后端API，包括定义路由、处理 HTTP 请求等；
（3）后端接口写好之后，将接口发布在swigger文档，前端根据文档了解后端的接口地址、请求方式、请求参数、以及后端返回值。前端通过swigger对接后端接口，获取数据，然后去渲染页面，直至整个项目所有接口对接完成。
6、测试和优化：编写测试用例并使用测试工具（如 pytest）来确保代码正常工作，如果发现Bug，根据测试结果进行修改或完善。
|
