SZTU微前端开发可行性研究报告

微前端开发可行性研究报告

技术栈与框架选择

本项目旨在用微前端技术将多个校园网站整合到一起

技术栈

根据调研，目前最常用的技术栈是Single-SPA

Single-SPA：一个非常流行的微前端框架，支持将不同技术栈的应用（如 React、Vue、Angular）集成在一起。

而qiankun，则基于Single-SPA开发，更加容易上手

qiankun：基于 Single-SPA 的更高层封装，适合需要快速上手的场景。

因此，我们决定用qiankun作为主要技术栈。

框架

对于框架根据组内成员情况，选择Vue作为主要框架

本项目主要涉及前端，因此还需学习HTML、CSS、JavaScript等基础前端知识。

当掌握基础之后，开始学习qiankun架构

需求分析

项目旨在优化学生体验，将校园网中一些比较重要，被学生高频率用到的功能集成到一起，以方便随时调用：

1. 选课!

2. 查学分

3. 公文通

4. 图书馆

5. 体育馆预约

另外还需要解决在不同校园网之间跳转时，要重新登陆的不方便现状

即将：

• 学校官网：https://www.sztu.edu.cn/
• 学院官网：https://sgim.sztu.edu.cn/
• 教务系统：https://jwxt.sztu.edu.cn/
• 学工系统：https://stu.sztu.edu.cn/

等学校网的登录功能集成到一起，实现网页跳转时无感登录

教务网目前存在内容繁杂，功能分类不明确，某些重要信息显示位置不明显的问题（比如查学分，一堆人不知道在哪查）。
要实现：在一个尽量简洁的页面中将关键功能键和关键信息以通俗，明确的方式显示。