2018年6月26日
摘要: 1.Simditor组件的github地址:https://github.com/mycolorway/simditor 网址:http://simditor.tower.im/ 2.在util里边新建rich-editor文件夹,里边新建index.jsx import React from 'r 阅读全文
posted @ 2018-06-26 20:14 gisery 阅读(1150) 评论(0) 推荐(0) 编辑
摘要: 1.React文件上传组件github地址: https://github.com/SoAanyip/React-FileUpload 2.Util里边新建file-uploader文件夹,里边新建index.jsx import React from 'react'; import FileUpl 阅读全文
posted @ 2018-06-26 19:56 gisery 阅读(4456) 评论(0) 推荐(0) 编辑
摘要: 1.商品列表页面结构 <div id="page-wrapper"> <PageTitle title="商品列表"> <div className="page-header-right"> <Link to="/product/save" className="btn btn-primary"> 阅读全文
posted @ 2018-06-26 19:26 gisery 阅读(1148) 评论(0) 推荐(0) 编辑
摘要: 1.商品列表搜索框 2.搜索框页面的结构为 <div className="row search-wrap"> <div className="col-md-12"> <div className="form-inline"> <div className="form-group"> <select 阅读全文
posted @ 2018-06-26 19:05 gisery 阅读(2246) 评论(0) 推荐(0) 编辑
摘要: table-list组件可用于商品列表,用户列表页面 需要传入一个tableHeads集合和tablebody import React from 'react'; // 通用的列表 class TableList extends React.Component{ constructor(props 阅读全文
posted @ 2018-06-26 17:55 gisery 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 1.页面的结构 //遍历list, 返回数据 let listBody= this.state.list.map((user,index)=> { return ( <tr key={index}> <td>{user.id}</td> <td>{user.username}</td> <td>{u 阅读全文
posted @ 2018-06-26 17:39 gisery 阅读(1404) 评论(0) 推荐(0) 编辑
摘要: 1.用户列表页面使用的rc-pagination分页组件 Github地址: https://github.com/react-component/pagination 2.安装 cnpm install --save-dev rc-pagination 3.引入 import React from 阅读全文
posted @ 2018-06-26 17:01 gisery 阅读(696) 评论(0) 推荐(0) 编辑
摘要: 登录页面 <div className="col-md-4 col-md-offset-4"> <div className="panel panel-default login-panel"> <div className="panel-heading">欢迎登录 - MMALL管理系统</div 阅读全文
posted @ 2018-06-26 16:41 gisery 阅读(9510) 评论(0) 推荐(0) 编辑
摘要: 1.Home组件要显示用户总数、商品总数和订单总数,数据请求后端的 /manage/statistic/base_count.do接口,返回的是 this.state = { userCount : '-', productCount : '-', orderCount : '-' } //页面挂载 阅读全文
posted @ 2018-06-26 15:41 gisery 阅读(601) 评论(0) 推荐(0) 编辑
摘要: 1新建文件夹 service ,里边建4个文件,分别是statistic-service.jsx 首页数据统计接口, user-service.jsx用户接口, product-service.jsx产品接口,order-service.jx订单接口 2.首页数据统计接口statistic-serv 阅读全文
posted @ 2018-06-26 15:27 gisery 阅读(3112) 评论(0) 推荐(0) 编辑