这篇主要写在项目中AJAX的使用以及在解决登录跳转时遇到的问题,及解决办法。 一、reqwest的使用 reqwest 是一种浏览器异步HTTP请求的封装。支持xmlHttpRequest, JSONP, CORS, 和 CommonJS约束。 在package.json的依赖:"reqwest": Read More
posted @ 2017-06-25 22:19 Living_In_Freedom Views(344) Comments(0) Diggs(0)
一、使用描述 对于复选框组件来说,主要的问题在于,勾选后返回的值要处理为数字,传递给接口,接口返回的值也是数字,但是在前台做回显时在table中数据格式需要转义为文字或者在form中数据格式需要回显在复选框中。 二、功能代码 1,转为数字1为勾选,0为未勾选 最终传值时使用checkStatus 2 Read More
posted @ 2017-06-25 21:33 Living_In_Freedom Views(1034) Comments(0) Diggs(0)
联动菜单也是我们常用功能之间,下面描述一下联动菜单的一种实现。 一、功能描述:两级联动。 在选择了集群中一项后,会将该集群下的key值都关联出来。开发时在这里遇到一个问题,卡了很久。遇到的问题:在上图的状态下,更换一级联动的值,二级联动的值依然会保留上一次的值。其实这个问题挺简单的。就是在加载二级联 Read More
posted @ 2017-06-25 20:58 Living_In_Freedom Views(2476) Comments(0) Diggs(0)
TABLE、MODAl组件的CRUD,是我项目实战的入门功能。通过这一个功能,就可以基本了解到React在项目中如何使用。其实我踩过很多的坑,我尽量把他们记录下来,让大家能够成功地跨过去。 一.功能描述,基本的列表,可分页查询,弹窗方式的增删改。如图: 二.功能代码 三. 坑点提示 1.return Read More
posted @ 2017-06-25 20:06 Living_In_Freedom Views(1380) Comments(0) Diggs(0)
基于前面五篇react基本知识的介绍,从这篇开始项目实战。要想使一个项目运转起来,需要的知识可不只有react.前端采用react+anted+webpack,后台采用java.里面还有很多需要我们了解达到能够使用程度的知识:比如anted,webpack,SSO(SingleSignOn),跨域访 Read More
posted @ 2017-06-25 18:41 Living_In_Freedom Views(212) Comments(0) Diggs(0)
上一篇主要写得是React组件的prop和state,及两者的对比。本篇介绍React的生命周期。了解生命周期,才能知道组件是如何运转起来的。而了解Virtual DOM是学习React生命周期的基础。 一、从改变组建状态的角度分析 在前面的博客中我们提到过Virtual DOM, 组件并不是真实的 Read More
posted @ 2017-06-25 00:29 Living_In_Freedom Views(271) Comments(0) Diggs(0)
上一篇主要写得是React组件的创建语句和基本的语法。这篇同样借助上一篇中的demo说明数据的处理。包括props和state. 一.props 先来看一下什么场景下需要使用props传递数据。需要一段代码和说明。 在上面的代码中。组件CommentList的子节点Comment和评论文字如:”th Read More
posted @ 2017-03-31 00:55 Living_In_Freedom Views(274) Comments(0) Diggs(0)
前两篇博客都是从宏观上理解React和认识一些基本的工具。从这篇开始就进入React的具体学习。想先看看它是什么样子的,最快的方式就是从demo入手。这个demo来自官网。借助这个demo讲解其中的知识点。demo中贯穿的知识点会比较多,分多篇进行描述。 一、demo实现的效果 github地址:h Read More
posted @ 2017-03-30 23:35 Living_In_Freedom Views(1050) Comments(0) Diggs(0)
学习React前提必须拥有Javascript和DOM知识。这个门槛已经很低了。但是很多的教程里面都提到npm,nodejs.要先安装nodejs。在零基础的情况,我一度以为学习React的运行必须依靠nodejs环境。其实不是这样子的。 一、常用工具介绍 1.nodejs: Node.js® is Read More
posted @ 2017-03-26 17:04 Living_In_Freedom Views(2126) Comments(0) Diggs(0)
古人云:“欲知大道,必先知史”。要想了解React是什么,还是需要从历史发展说起。我把它分为四个历史时期:JSP >后端MVC >SPA+AJAX >前端MV。 1.JSP 作为Java开发人员,对JSP都非常熟悉。简单地说就是可使用JSP标签在HTML网页中插入Java代码。这种开发模式较适合业务 Read More
posted @ 2017-03-26 11:12 Living_In_Freedom Views(630) Comments(0) Diggs(1)