Thanks to visit codestin.com
Credit goes to github.com

Skip to content

jansoncc/react-pc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-admin-vite

本项目使用前端新型构建工具vite , 更换了以往的webpack。

开箱即用,使其开发效率提高,编译速度更快,减少复杂配置。

在正式启动项目前,请检查本地环境版本。如若启动失败,请升级node。

react-admin-vite 适用于后台管理 web 项目的二次开发。让开发人员快速搭建后台管理项目。

请仔细阅读本文档以后再进行使用!

访问地址:https://jiangsihan.cn/frontend/reactadmin

完整文档:https://jiangsihan.gitee.io/react-admin-vite-press

代码仓库:https://gitee.com/jiangsihan/react-admin-vite

技术分解

技术文档

环境版本

  • node:v16.16.0
  • npm:v8.11.0
  • react-scripts:v5.0.1
  • vite:v4.1.0

目录说明

react-admin-vite 
│
└── public 
│
└── src
│   ├── api  : 请求与接口配置文件
│   ├── assets : 静态资源文件
│   ├── components  : 公共组件存放文件
│   ├── hooks  : hooks
│   └───pages  : view视图组件文件
│       ├── Commonview  公共视图组件 包含菜单导航页面
│       ├── dashboard  首页
│       ├── login  登录
│       └───system  系统管理
│           ├── deptNew  机构管理
│           ├── permission  菜单管理
│           ├── roleUserList  角色管理
│           └───user  用户管理
│   	   
│   ├── redux  : redux
│   ├── router  : 路由菜单
│   ├── styles  : 公共样式
│   ├── utils   : 工具库
│   └───App.jsx  : 入口文件
│
└── vite.config.js  : vite配置

开始使用

git仓库

https://gitee.com/jiangsihan/react-admin-vite.git

安装依赖包

npm i  |  cnpm i 

项目启动

npm run dev

项目打包

npm run build

项目图片

https://gitee.com/jiangsihan/react-admin-vite-press/raw/master/docs/pbulic/login.png

https://gitee.com/jiangsihan/react-admin-vite-press/raw/master/docs/pbulic/home.png

https://gitee.com/jiangsihan/react-admin-vite-press/raw/master/docs/pbulic/menu.png

https://gitee.com/jiangsihan/react-admin-vite-press/raw/master/docs/pbulic/setting.png

项目构建日期:2023/03/15

[email protected]

Yiming_Jiang

About

基于react的PC端后台管理框架

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published