当前位置: 首页 > news >正文

爆肝整理万能sass框架:react18+webpack5+typescript+ant Design,框架在手,交付无忧!!!

来活了,要求一周时间内快速给xxx业务开发一个sass系统平台,要求有角色权限控制,推荐模块,各种业务内容模块,莫慌,直接上代码!!!!!

1.系统框架配置

  • react18框架
  • webpack5打包
  • typescript4静态检查
  • antDesign4组件库
  • eslint代码规范
  • react-router路由

2.项目结构详细说明

  • webpack.dev.js:为开发环境
  • webpack.prod.js:为生产环境
  • webpack.config.js:为公共的打包配置
  • .eslintrc.js:代码规范
  • .tsconfig.json:typescript静态检查
  • src 业务代码
  • public 下为html文件
  • 接口请求用axios封装
  • 支持pdf文件下载
  • 角色权限控制写在src/layout/index.tsx文件中
  • 封装的公共组件在src/component
  • 图片在src/images
  • 业务代码写在src/page中
  • 样式写在src/layout.scss
  • 工具包写在utils中
  • 入口文件在src/index.index.tsx
  • 路由文件在src/router中

在这里插入图片描述

3.github项目地址

项目github地址 https://github.com/xiongqianhua/backend-management-system.git

输入命令git clone git@github.com:xiongqianhua/backend-management-system.git ,直接拿去用,不用客气。
ps:推荐node版本v12.22.1

最后但也是全文最重要的,码字不易,欢迎点赞关注加收藏,你们的鼓励是我码字的动力!感谢感谢感谢!!!!

相关文章:

  • 2024 GoLand激活,分享几个GoLand激活的方案
  • SOLIDWORKS 2024新版价格 SOLIDWORKS2024专业版白金版多少钱?
  • Windows C++ 任意线程通过hwnd将操作发送到UI线程执行
  • window mysql 安装出现的问题
  • 防火墙中的SNAT 与DNAT
  • 网络流量监控软件AnaTraf:优化性能、排除故障的最佳选择
  • 每日leetcode--接雨水
  • PyTorch之完整的神经网络模型训练
  • 算法模版总结
  • 蓝桥杯[OJ 3412]-最小化战斗力差距-CPP-贪心
  • 大语言模型(LLM) RAG概念
  • 面试题:限流的算法有哪些?
  • php8连接mysql
  • pytest生成allure的报告
  • Rust 安装与版本更新
  • 探索Linux世界:基本指令(文件查看、时间相关、grep、打包压缩及相关知识)
  • Dynamic Wallpaper v17.4 mac版 动态视频壁纸 兼容 M1/M2
  • 20240312-2-贪心算法
  • .net6Api后台+uniapp导出Excel
  • MySQL--索引优化实战篇(4)
  • 电影路演,虚幻狂欢?
  • 重庆三峡学院回应“85万元中标设备,网购价不到300元”:已着手解决
  • 解放军仪仗分队参加白俄罗斯纪念苏联伟大卫国战争胜利80周年阅兵活动
  • 湖北宜昌:在青山绿水间解锁乡村振兴“密码”
  • 5天完成1000多万元交易额,“一张手机膜”畅销海内外的启示
  • 东方红资管官宣:41岁原国信资管董事长成飞出任新总经理