爆肝整理万能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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/536049.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

面试题:限流的算法有哪些?

经典的限流算法有4种: 固定窗口滑动窗口漏桶令牌桶 1. 固定窗口限流算法 是一种最简单的限流算法,其原理是在固定时间窗口(单位时间)内限制请求的数量。该算法将时间分成固定的窗口,并在每个窗口内限制请求的数量。具体来说,算法…

Windows10/11 D盘 安装 WSL2

一、简介二、正常安装一、 设置 windows 功能 三、迁移系统 一、简介 WSL2适用场景: 嵌入式系统等需要gnu交叉编译工具链 linux服务器端开发 跨平台应用开发 需要linux环境的其他开发 在Window10/Windows11上安装WSL2,即可替代虚拟机,远程登…

在线安装QT Creator 版本(自带编译套件)

在线版下载Qt6最新版本 第一步:进入archive目录 第二步:进入online_installers目录 第三步:进入目前在线安装包最新版本4.7 第四步:选择下载windows版本的在线安装包 如果出现以下错误,访问不了,则启动…

HTML5+CSS3+移动web——CSS 文字控制属性

系列文章目录 HTML5CSS3移动web——HTML 基础-CSDN博客https://blog.csdn.net/ymxk2876721452/article/details/136070953?spm1001.2014.3001.5502HTML5CSS3移动web——列表、表格、表单-CSDN博客https://blog.csdn.net/ymxk2876721452/article/details/136221443?spm1001.2…

全球首个AI程序员Devin诞生,真的不再需要程序员了吗?

前言 今年到底是怎么回事?前有Sora(首个文生视频大模型)独领风骚,后有Mistral(号称世界第二语言大模型)横刀立马,甚至Claude3的热度都还没有过,今天一则更炸裂的消息就爆出,世界上第一个AI程序…

反无人机电子护栏:原理、算法及简单实现

随着无人机技术的快速发展,其在航拍、农业、物流等领域的应用日益广泛。然而,无人机的不规范使用也带来了安全隐患,如侵犯隐私、干扰航空秩序等。为了有效管理无人机,反无人机电子护栏技术应运而生。 目录 一、反无人机电子护栏…

Docker安装Prometheus监控

环境初始化 关闭防火墙 setenforce 0 vim /etc/selinux/config ##################内部代码################### SELINUXdisabled #关闭防火墙 ############################################ 安装docker #卸载yum源之前的docker安装包 sudo yum remove docker docker-clie…

前端请求到 SpringMVC 的处理流程

1. 发起请求 客户端通过 HTTP 协议向服务器发起请求。 2. 前端控制器(DispatcherServlet) 这个请求会先到前端控制器 DispatcherServlet,它是整个流程的入口点,负责接收请求并将其分发给相应的处理器。 3. 处理器映射&#xf…

深入理解Vue3中利用mitt:实现轻量级事件监听与触发

在 Vue3 中,父组件和子组件之间可以通过一些方式进行通信。其中,父组件向子组件通信主要有两种方式:传值和调用子组件的方法。 一、父组件向子组件传值 当父组件需要向子组件传递数据时,可以通过属性绑定的方式来实现。父组件可…

【平芯微PW2153A】100V宽压降芯片,100W输出,短路保护,性能卓越

在电子设备日新月异的今天,电源管理芯片作为电子设备的“心脏”,其性能的稳定性和高效性对于设备的整体运行至关重要。PW2153A作为一款宽电压范围降压型DC-DC电源管理芯片,凭借其出色的性能和丰富的功能,在电源管理领域大放异彩。…

集智书童 | 炸裂 !轻量化YOLO | ShuffleNetv2与Transformer结合,重塑YOLOv7成就超轻超快YOLO

本文来源公众号“集智书童”,仅用于学术分享,侵权删,干货满满。 原文链接:炸裂 !轻量化YOLO | ShuffleNetv2与Transformer结合,重塑YOLOv7成就超轻超快YOLO 随着移动计算技术的迅速发展,在移动…

Vulnhub靶机:Kioptrix_Level1.1

一、介绍 运行环境:Virtualbox 攻击机:kali(192.168.56.101) 靶机:Kioptrix_Level1.1(192.168.56.104) 目标:获取靶机root权限和flag 靶机下载地址:https://www.vul…