algomooc在线学习网

2024.08.14 - 2024.12.28

7 分钟

1091 字

项目介绍 Link to 项目介绍

这是一个全面的在线算法学习平台，不仅提供了丰富的算法学习资源，还配备了相应的后台管理系统。在该平台上，用户可以访问题目、参与讨论区交流、管理个人信息，以及进行训练题的练习。这样的设计旨在为用户打造一个集学习、交流与管理于一体的综合性学习环境。

项目难点 Link to 项目难点

微信扫码登录

PLAINTEXT

+-------------------+
| 开始              |
+-------------------+
         |
         v
+-------------------+
| 调用接口获取二维码 |
| 和凭证            |
+-------------------+
         |
         v
+-------------------+
| 显示二维码给用户   |
+-------------------+
         |
         v
+-------------------+
| 用户扫描二维码并   |
| 关注公众号         |
+-------------------+
         |
         v
+-------------------+
| 携带凭证轮询登录   |
| 状态接口           |
+-------------------+
         |
         v
+-------------------+
| 二维码是否过期或   |
| 用户取消授权？     |
+-------------------+
         |
         +------------------+------------------+
         | 是               | 否               |
         v                  v
+-------------------+  +-------------------+
| 登录失败          |  | 用户同意授权       |
+-------------------+  +-------------------+
         |                  |
         v                  v
+-------------------+  +-------------------+
| 结束              |  | 登录成功          |
+-------------------+  +-------------------+
                             |
                             v
                     +-------------------+
                     | 结束              |
                     +-------------------+

微信扫码登录

微信支付

PLAINTEXT

+-------------------+
| 开始              |
+-------------------+
         |
         v
+-------------------+
| 查询商品列表      |
+-------------------+
         |
         v
+-------------------+
| 选择商品并下单    |
+-------------------+
         |
         v
+-------------------+
| 获取订单支付信息  |
+-------------------+
         |
         v
+-------------------+
| 显示支付二维码或  |
| 支付链接给用户    |
+-------------------+
         |
         v
+-------------------+
| 轮询订单状态接口  |
+-------------------+
         |
         v
+-------------------+
| orderStatus 是否为 2？|
+-------------------+
         |
         +------------------+------------------+
         | 否               | 是               |
         v                  v
+-------------------+  +-------------------+
| 继续轮询          |  | 支付成功          |
+-------------------+  +-------------------+
         |                  |
         v                  v
+-------------------+  +-------------------+
| 结束              |  | 跳转到支付成功页面|
+-------------------+  +-------------------+
                             |
                             v
                     +-------------------+
                     | 结束              |
                     +-------------------+

微信支付

代码编辑器

HTML

基于 vue-codemirror-lite 插件，我们开发了一款功能强大的代码编辑器，具备以下核心特性：
1. 多语言支持：无缝支持 C、Java、JavaScript、Python 等多种主流编程语言，能够根据文件类型自动适配语法高亮和代码提示，提升开发效率。
2. 全局搜索与替换：提供高效的全局搜索和替换功能，支持正则表达式匹配和批量替换操作，帮助开发者快速定位和修改代码。
3. 智能代码提示：根据上下文自动提供代码补全建议，减少编码错误，提升开发体验。
4. 轻量高效：基于 vue-codemirror-lite 插件，确保编辑器在保持轻量化的同时，能够流畅处理大型代码文件。
5. 可扩展性：支持通过插件扩展功能，满足不同开发场景的定制化需求。

在线代码编辑器

富文本编辑器

HTML

基于 mavon-editor 插件，我们开发了一款功能全面、易于使用的富文本编辑器，具备以下核心特性：
1. Markdown 支持：内置 Markdown 语法解析，支持实时预览，用户可以轻松编写和查看 Markdown 格式的文档。
2. 丰富的编辑工具：提供加粗、斜体、标题、列表、链接、图片插入等多种编辑工具，满足多样化的文档编辑需求。
3. 代码高亮：支持多种编程语言的代码高亮显示，帮助开发者更好地展示和编辑代码片段。
4. 主题切换：支持亮色和暗色主题切换，适应不同用户的视觉偏好，提升编辑体验。
5. 图片上传与管理：支持本地图片上传和在线图片插入，方便用户插入和管理图片资源。
6. 响应式设计：适配不同设备（桌面、平板、手机），确保在各种屏幕尺寸下都能提供流畅的编辑体验。
7. 实时预览：支持实时预览，用户可以实时查看编辑后的文档效果，提高文档编辑效率。

富文本编辑器