基于react+antd的后台管理模板

# 基于react+antd的后台初步框架
github地址：[基于react+antd的后台框架](https://github.com/xjc-opensource/react-admin-example)
预览地址：[预览地址](https://xjc-opensource.github.io/react-admin-example/)
# 1、技术栈- react-create-app- react- react-router- react-intl- react-load-script- axios- mockjs- antd- babel- redux / mobx- eslint- sass
# 2、框架初始化
2.1 安装插件
``` npm remove -g create-react-appnpm install -g create-react-appcreate-react-app react-admin-examplenpm install --save react-router-dom  npm install --save react-load-script  npm install --save antd  npm install --save-dev babel-plugin-importnpm install --save-dev @babel/plugin-proposal-decoratorsnpm install --save node-sass npm install --save axios  npm install --save mockjs npm install --save axios-mock-adapternpm install --save reduxnpm install --save react-reduxnpm install --save redux-thunknpm install --save react-loadablenpm install --save nprogressnpm install --save screenfullnpm install --save js-md5npm install --save react-intl npm install --save intl
``` 2.2 自定义配置构建脚本
``` npm run eject  须确保所有文件都已提交git,否则会报错:This git repository has untracked files or uncommitted changes
```2.3 调整配置
``` # 发布目录可以非根目录: package.json加 "homepage": "."# 按需加载antd样式: .babelrc# decorators语法支持: .babelrc# 调整打包输出目录(config/paths.js):appBuild: resolveApp('build') 调整为 appBuild: resolveApp('docs')# 加入别名: (config/webpack.config.js)alias: {'@': paths.appSrc,}
``` # 3、文件目录
```
* docs - 打包文件
* config - 环境配置文件
* public - 公用文件(不参与打包处理,打包前后文件名不变化)
* scripts - 不同环境脚本
* src - 源码文件* api - 调用接口地址* assets - 公用文件* compenents - 公用组件* core - * envconfig.js -不同环境下的变量配置* demo - 演示例子* mock - 模拟接口返回* router - 路由* utils - 通用工具类* views - 页面* app.js - 页面入口* main.js - 加载入口
* README.md - 项目说明
* README-modify.md - 更新记录
```

基于react+antd的后台管理模板相关推荐

基于 Blazui 的 Blazor 后台管理模板 BlazAdmin 正式尝鲜
简介 BlazAdmin 是一个基于Blazui的后台管理模板,无JS,无TS,非 Silverlight,非 WebForm,一个标签即可使用. 我将在下一篇文章讨论 Blazor 服务器端渲染与客 ...
react+antd的后台管理项目模板
前言: 在学习react时老是希望有个模板可以让我们来参考,优化自己的代码,遍寻百度无效果,后来发现 zzh1918 大大自己写了个类似vue中 iview-admin, vue-elemen ...
Vary Admin：基于Vue.js的后台管理模板
简介 Vary Admin是基于Vue.js,搭配内置的vary-ui组件库组成的一套后台管理系统. Github: Vary Admin 在线预览:HomePage 效果展示功能多样化面板基础 ...
bootstrap 提交表单给后台_基于Bootstrap的响应式后台管理模板Ace
Ace是一个轻量级.功能丰富,基于Bootstrap3的响应式后台管理模板.支持多种皮肤,集成了多种插件,如Bootstrap,jQuery UI等.支持IE 8/9/10/11.Chrome.Fir ...
基于layui的后台管理模板
介绍: 基于layui的后台管理模板网盘下载地址: http://kekewangLuo.cc/U6mcEZKHXpb 图片:
X-admin经典前端后台管理模板，基于layui的轻量级前端后台管理框架，简单，兼容性好，面向所有层次的前后端程序
X-admin 简介 X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序.创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的.#X-a ...
Metronic – 超赞！基于 Bootstrap 的响应式后台管理模板
Metronic 是一套精美的响应式后台管理模板,基于强大的 Twitter Bootstrap 框架实现.Metronic 拥有简洁优雅的 Metro UI 风格界面,6 种颜色可选,76 个模板页 ...
推荐几款基于Bootstrap的响应式后台管理模板
1.Admin LTE 该模版开源免费. AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3的框架.高度可定制的,易于使用.支持很多的屏幕分辨率适合从小型移动设备到大型台式机. ...
蓝色企业CMS网站后台管理模板
介绍: 蓝色企业CMS响应式后台管理模板基于Bootstrap3.0.0制作,自适应分辨率,兼容PC端和移动端,全套模板,包括产品管理.资讯类别.资讯管理.友情链接.用户留言管理.用户管理.修改密码等 ...
bootstrap4 后台管理模板_开源的后台管理模板
后台管理模板 vue-Element-Admin vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui 实现. 它使用了最新的前端技术栈,内置了 i18 ...

基于react+antd的后台管理模板

基于react+antd的后台管理模板相关推荐

最新文章

热门文章