Skip to content

react18、react-router6.x 、Arco-desgin 、CI/CD、自动化部署。中台系统架构实践,支持国际化、一键换肤等

Notifications You must be signed in to change notification settings

code-magic-record/react-arco-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-arco-admin

node 版本需要在v14之上

pnpm i 

pnpm start

该系统技术栈特点

  • 基于webpack5.x配置
  • eslint严格代码规范
  • prettier统一代码风格
  • husky代码提交检测
  • 环境变量配置规范化

技术框架

  • react18
  • react-dom
  • react-router-dom 6.x
  • react-hook-form
  • hooks
  • arco-design

代码规范

  • eslint
  • prettier
  • husky

代码x层面需要对自己严格要去的规范

菜单结构

基础工程 TodoList

  • 脚手架
  • 国际化
  • 主题配置
  • CI/CD
  • jenkins自动构建
  • 待补充
  • ...

页面 TodoList

  • 仪表盘
    • 工作台
    • 实时监控
  • 数据可视化
    • 分析页
    • 多位数据分析
  • 列表页
    • 查询表格
    • 卡片列表
  • 表单页
    • 分组表单
    • 分布表单
  • 结果页
    • 成功页
    • 失败页
  • 异常页
    • 403
    • 404
    • 500
  • 个人中心
    • 用户信息
    • 用户设置

支持打包产物上传至COS

在腾讯云网在购买COS服务,然后在项目根目录下创建.env文件,配置如下

SecretId=xxxx
SecretKey=xxxx
Bucket=xxxx
Region=xxx

安装腾讯云cos-nodejs-sdk-v5

pnpm add cos-nodejs-sdk-v5

具体上传代码可参考 build/upload.js