☰

联通内网 - 联通党校

创新学习，强国有我 - 联通党校课程管理系统

作者
Young “easterNday” Alexander
日安装量
0
总安装量
0
评分
0 0 0
版本
0.0.0
创建于
2025-09-10
更新于
2025-09-10
大小
309.8 KB
许可证
MIT
适用于

联通内网 - 联通党校

项目简介

基于 Vue 3 和 TypeScript 构建的前端项目，用于管理和展示课程信息。项目通过解析 URL 参数动态加载课程数据，并支持分页查询和加密签名功能。

技术栈

  • 框架: Vue 3 + TypeScript
  • 构建工具: Vite
  • UI 组件库: Element Plus
  • 加密工具: CryptoJS (MD5 哈希) + JSEncrypt (RSA 加密)

核心功能

  1. 动态课程加载：通过解析 URL Hash 参数获取课程 ID，并分页请求课程数据。
  2. 参数签名与加密：对请求参数进行序列化、MD5 哈希和 RSA 加密，确保数据安全。
  3. 浮动按钮交互：提供“启动”和“关于”按钮，分别用于加载课程和显示项目信息。

快速开始

安装依赖

pnpm install

开发模式

pnpm dev

生产构建

pnpm build

预览生产版本

pnpm preview

开发指南

推荐 IDE

类型支持

TypeScript 默认不支持 .vue 文件的类型检查，因此项目使用 vue-tsc 替代 tsc。

项目结构

├── src
│   ├── App.vue          # 主组件
│   ├── main.ts          # 入口文件
│   ├── components       # 子组件
│   │   ├── HelloWorld.vue # 核心功能组件
│   │   └── About.vue    # 关于页面
│   └── style.css        # 全局样式

后续计划

  • 增加错误处理和重试机制。
  • 抽离加密逻辑为独立工具函数。
  • 补充单元测试和集成测试。

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址