six、hc

摘要： React后台管理系统 ajax请求封装 1.新建文件夹 util , 在util里边新建 mm.jsx文件 2.使用jquery里边的ajax发送请求，回调用promise,返回一个promise对象 request(param){ return new Promise((resolve, rej 阅读全文

摘要： React后台管理系统 后台接口封装 1新建文件夹 service ，里边建4个文件，分别是statistic service.jsx 首页数据统计接口, user service.jsx用户接口, product service.jsx产品接口，order service.jx订单接口 2.首页数 阅读全文

摘要： React后台管理系统 首页Home组件 1.Home组件要显示用户总数、商品总数和订单总数，数据请求后端的 /manage/statistic/base_count.do接口，返回的是 this.state = { userCount : ' ', productCount : ' ', orde 阅读全文

摘要： React后台管理系统 登录页面 登录页面 <div className="col md 4 col md offset 4" <div className="panel panel default login panel" <div className="panel heading" 欢迎登录 M 阅读全文

摘要： React后台管理系统 rc pagination分页组件封装 1.用户列表页面使用的rc pagination分页组件 Github地址: https://github.com/react component/pagination 2.安装 cnpm install save dev rc pag 阅读全文

摘要： React后台管理系统 用户列表页面 1.页面的结构 //遍历list, 返回数据 let listBody= this.state.list.map((user,index)= { return ( <tr key={index} <td {user.id}</td <td {user.usern 阅读全文

摘要： React后台管理系统 table list组件 table list组件可用于商品列表，用户列表页面 需要传入一个tableHeads集合和tablebody import React from 'react'; // 通用的列表 class TableList extends React.Com 阅读全文

摘要： React后台管理系统 商品列表搜索框listSearch组件 1.商品列表搜索框 2.搜索框页面的结构为 <div className="row search wrap" <div className="col md 12" <div className="form inline" <div cl 阅读全文

摘要： React后台管理系统 商品管理列表组件 1.商品列表页面结构 <div id="page wrapper" <PageTitle title="商品列表" <div className="page header right" <Link to="/product/save" className=" 阅读全文

摘要： React后台管理系统 file uploader组件 1.React文件上传组件github地址: https://github.com/SoAanyip/React FileUpload 2.Util里边新建file uploader文件夹，里边新建index.jsx import React 阅读全文

摘要： React后台管理系统 rich editor组件 1.Simditor组件的github地址:https://github.com/mycolorway/simditor 网址：http://simditor.tower.im/ 2.在util里边新建rich editor文件夹，里边新建inde 阅读全文

摘要： React后台管理系统 添加商品组件 引入了CategorySelector 二级联动组件、FileUploader图片上传组件和RichEditor富文本编辑组件 import React from 'react'; import MUtil from 'util/mm.jsx' import P 阅读全文

摘要： React后端管理系统 商品详情detail组件 import React from 'react'; import MUtil from 'util/mm.jsx' import Product from 'service/product service.jsx' import PageTitle 阅读全文

摘要： React后台管理系统 品类选择器二级联动组件 1.页面大致是这个样子 2.页面结构 <div className="col md 10" <select name="" onChange={(e) = this.onFirstCategoryChange(e)} className="form c 阅读全文

摘要： React后台管理系统 订单管理 1.订单管理页面和商品管理页面类似，都是一个搜索组件+列表组件 2.搜索框search组件 import React from 'react'; class ListSearch extends React.Component{ constructor(props) 阅读全文

摘要： React后台管理系统 品类的增加、修改和查看 1.页面 2.品类列表展示 let listBody = this.state.list.map((category, index) = { return ( <tr key={index} <td {category.id}</td <td {cat 阅读全文