体验地址

Vite-React-Ts-Amin

monitor-vite-admin - 用于对上面网页监控，前端统一脚手架。上面地址因为资源问题，可能服务会挂。

Vite-React-Ts-Amin

进行 vite 4.0 升级

• 分支 vite_4.0 版本为通用的模版，可进行 clone 直接使用
• 分支 vite_4.0_tiny 版本为轻量版本，只涉及layout布局，代码规划，基础路由等基本功能。
• 分支 1.0 版本为 vite2.0 版本，功能更全，后续会对 vite_4.0 版本进行内容补充
• 预览请使用mock模式启动 npm run start:mock
• master 也已经同步vite_4.0
• vite_4.0 后端接口修改为 spring-for-vite 基于mall-tiny框架编写

相关技术

项目简介

基于 vite-mobx-TypeScript-react 开发的后台管理系统

个人博客中,Problem 记录了该项目开发中遇到的相关问题

主要功能

• 登录功能
  • token 存储
  • 后端 jwt
  • 权限相关控制
• 全屏显示
• i18n 国际化
  • 使用 react-intl-hooks 进行国际化处理
• 单元测试
• 菜单管理
  • 表结构，级联操作
• 用户管理
  • 强校验
  • 文件上传功能(图片上传)
• 角色管理
  • 角色联动菜单进行权限控制
• 前端埋点
  • 统计 pv，uv 且展示
• echart，高德 api 地图数据展示
  • 通过 AMapUI 取 geoJSON 进行地图渲染
• 持续更新中。。。

安装依赖

推荐使用 pnpm

pnpm install
npx husky install

脚本描述

开发启动

npm run start
# mock模式启动
npm run start:mock

打包

npm run build

检查代码样式

npm run lint

测试代码

npm run test