import React from 'react'; import MUtil from 'util/mm.jsx' import Product from 'service/product-service.jsx' import PageTitle from 'component/page-title/index.jsx'; import CategorySelector from './category-selector.jsx';   import './save.scss';   con…

1.商品列表页面结构 <div id="page-wrapper">              <PageTitle title="商品列表">                  <div className="page-header-right">                      <Link to="/product/save" className="btn bt…

1.商品列表搜索框 2.搜索框页面的结构为 <div className="row search-wrap">               <div className="col-md-12">                   <div className="form-inline">                       <div className="form-group"…

1.订单管理页面和商品管理页面类似,都是一个搜索组件+列表组件 2.搜索框search组件 import React from 'react';   class ListSearch extends React.Component{     constructor(props){         super(props);         this.state = {             orderNumber : ''         }     }     // 数据变化的时候     …

引入了CategorySelector 二级联动组件.FileUploader图片上传组件和RichEditor富文本编辑组件 import React from 'react'; import MUtil from 'util/mm.jsx' import Product from 'service/product-service.jsx' import PageTitle from 'component/page-title/index.jsx'; import CategorySelect…

1.Simditor组件的github地址:https://github.com/mycolorway/simditor 网址:http://simditor.tower.im/ 2.在util里边新建rich-editor文件夹,里边新建index.jsx import React from 'react'; import Simditor from 'simditor'; import 'simditor/styles/simditor.scss'; import './index.scss…

现状:目前从商品详情页返回到商品列表页,还需要再去请求服务数据,还需要用户再去等待获取数据的过程,这样用户体验非常不好, 遇到的问题: 1:如何将数据缓存, 2:如何获取和保存列表滑动的高度, 3:判断商品列表页的上一个页面是什么? 如果是从搜索页进到商品列表页的话我们需要清除缓存,获取接口数据, 如果是商品详情页返回到商品列表页的话就用缓存数据,并且滑到到上次浏览的位置. 一:数据缓存 使用react全家桶reducers保存数据 dispatch({ type: types.PRODUCT_…

http://jinnianshilongnian.iteye.com/blog/2245925 博客分类: 架构   在京东工作的这一年多时间里,我在整个商品详情页系统(后端数据源)及商品详情页统一服务系统(页面中异步加载的很多服务,如库存服务.图书相关服务.延保服务等)中使用了Servlet3请求异步化模型,总结了Servlet3请求异步化的一些经验和想法跟大家分享和交流. 我将从如下几点阐述Servlet3异步化之后的好处: 1.为什么实现请求异步化需要使用Servlet3 2.请求异步化…

上文回顾 上节 我们实现了根据搜索关键词查询商品列表和根据商品分类查询,并且使用到了mybatis-pagehelper插件,讲解了如何使用插件来帮助我们快速实现分页数据查询.本文我们将继续开发商品详情页面和商品留言功能的开发. 需求分析 关于商品详情页,和往常一样,我们先来看一看jd的示例: 从上面2张图,我们可以看出来,大体上需要展示给用户的信息.比如:商品图片,名称,价格,等等.在第二张图中,我们还可以看到有一个商品评价页签,这些都是我们本节要实现的内容. 商品详情 开发梳理 我们根据上图…

Webpact打包React后端Node+Express 前言 React官方推荐用Browserify或者Webpack 来开发React组件. Webpack 是什么?是德国开发者 Tobias Koppers 开发的模块加载器.Instagram 工程师认为这个方案很棒, 似乎还把作者招过去了.在 Webpack 当中, 所有的资源都被当作是模块, js, css, 图片等等..Webpack 都有对应的模块 loader,如下文中将用到jsx-loader来加载带react语法的js文件…