react搭建后台管理系统

Posted 西红柿爱吃马铃薯

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react搭建后台管理系统相关的知识,希望对你有一定的参考价值。

先准备工具:
  yarn安装:
    npm install -g yarn #yarn也是包管理工具,只不过它构建效率更高
    官方使用教程:https://yarnpkg.com/lang/zh-hans/docs/cli/
     安装Semantic组件库,react-semantic官方地址:https://react.semantic-ui.com/collections/message:
     yarn add semantic-ui-react 
     yarn add semantic-ui-css
     create-react-app semantic-demo
     yarn start                         #初始demo,如果该组件库不满足需求可以安装antd组件库 
使用semantic组件库:
      在使用之前我们先检查下项目中node_module模块是否有semantic-ui-react和semantic-ui-css组件
      在index.js中引入组件:
      import { Button,Form,Checkbox,Menu,Segment} from ‘semantic-ui-react‘
      之后再相应的css文件中引入组件的css样式文件:
      import ‘semantic-ui-css/semantic.min.css‘;
      如果需要引入外部的css:
      require(‘./menuCus.css‘) #在相应的标签中就能调用

 

以上是关于react搭建后台管理系统的主要内容,如果未能解决你的问题,请参考以下文章

react搭建后台管理系统

react + react-router + redux + ant-Desgin 搭建管理后台 -- 处理登录及默认选中侧边栏(六)

一步一步搭建react后台系统6之用户列表

前后端接口设计与配置中心系统<二十七>-------前端-管理后台设计实现1基于create-react-app搭建web工程整合antd与less并搭建具有Ant Design风格的页面

react后台开发框架搭建

Vue + Element 搭建后台管理系统