# 课后三点半后台管理系统

**Repository Path**: hanfanwen/after-school

## Basic Information

- **Project Name**: 课后三点半后台管理系统
- **Description**: 课后三点半小程序/app统一后台管理系统
- **Primary Language**: Unknown
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: http://47.118.54.200/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-11-23
- **Last Updated**: 2025-11-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 课后三点半统一后台管理系统

项目主要借助并集成于`single-spa`框架，选择此框架主要考虑到single-spa微前端服务进行了有效的二次封装，这样可以使开发不会从0开始，也避免了前端在webpack使用上的一些小坑，同时样式隔离，确保微应用之间样式互相不干扰以及JS沙箱可以确保微应用之间全局变量/事件不冲突

## 运行和打包

在根目录下先安装依赖： `npm install`，再执行`npm run install-all`为所有项目安装依赖，最后执行`npm run start-all`即可启动所有的项目。
`npm run build-all`可以打包所有`vue`项目，`jQuery`项目貌似不需要打包。

解释： 根目录运行`npm install`是因为项目需要一些基础的环境，以及框架对webpack的高度依赖和环境变量等

## 目录解释

### main

主应用核心代码，主应用使用的vue-cli架构，中规中矩的vue详细细节参考vue官方文档或API，在主应用中全局路径建议使用`~`，避免使用`@`，为了和子应用进行区分，不使用也没关系。所有的子应用你需要在`main.js`中进行registerMicroApps注册，这也是single-spa对微前端的必须

### subviews

子应用核心存放文件夹