01 2019 档案
摘要:前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅。最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star。 一、聊天信息根据用户分组 从redux中
阅读全文
摘要:前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅。最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star。 一、Socket.io基础知识 基于事件
阅读全文
摘要:前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅。最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star。 一、个人中心信息展示 用户在登录后,au
阅读全文
摘要:前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅。最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star。 一、信息完善 boss信息完善页前端实现
阅读全文
摘要:前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅。最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star。 一、登录注册 页面文件结构 基础组件放在
阅读全文
摘要:前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅。最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star。 一、项目概述 二、需求分析 文件架构和规
阅读全文
摘要:前言:React专注View层,一切皆组件;全部使用ES6语法,最新版本为React16。 Redux是专注于状态管理的库,和react解耦;单一状态,单向数据流。【独立团github地址】 一、React基础知识 React基础语法 import React class语法新建组件,render里
阅读全文
摘要:前言:最近学习vue和react的高阶项目,都需要和Nodejs+Express+MongoDB结合实现全栈开发。这里结合实例Demo和所学项目集中总结一下这部分服务端的基础知识。 一、Express+mongodb开发web后台接口Demo Express开发web接口 Express:基于nod
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、Redux基础介绍 单向数据流:从父组件留向子组件,兄弟组件无法共享数据 Redux核心概念
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、创建角色 权限菜单设计:RBAC权限模型(详解链接) RBAC,即基于角色的访问控制(Role
阅读全文
摘要:前言:百度Echarts是一个基于Canvas的纯Javascript图表库,提供直观、生动、可交互、可个性化定制的数据可视化图表。官网地址:http://echarts.baidu.com/index.html 一、Echarts基础 实例Demo:http://echarts.baidu.com
阅读全文
摘要:前言:百度地图是网页中使用地图的常用第三方工具,这里结合React项目中学到的应用场景总结一些使用要点。 一、在网页中嵌入百度地图 搜百度地图开放平台,注册百度开发者账号 控制台:查看应用、创建应用(获得百度地图密钥) 开发文档:选择JavaScriptAPI Referer白名单:* (例如*.t
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、项目工程化概念 二、BaseForm的封装 城市管理中FilterForm子组件: 订单管理中
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、城市管理 pages->city->index.js:对应路由/admin/city 顶部子组
阅读全文
摘要:前言:富文本编辑器Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器。 一、安装插件 react-draft-wysiwyg: 文本编辑器插件 draftjs-to-html:文本转换为html的插件 yarn add react-draft-wysiw
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、头部固定 scroll属性:设置横向或纵向滚动,也可用于指定滚动区域的宽和高 <Card ti
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、基础表格 Table组件基础Api bordered属性:是否展示外边框和列边框 column
阅读全文
摘要:前言:在线使用Easy Mock可视化工具,可以提供快速生成“模拟数据”的持久化服务; Mock.js是一个JS插件,指定了一套规范,而Easy Mock工具就遵循这些规范。 一、Easy Mock的使用 官网 官网地址:https://www.easy-mock.com/login 未注册用户直接
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、使用Form组件开发登录页面 pages->form->login.js:对应路由/admin
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、按钮Button pages->ui->button.js:对应路由/admin/ui/but
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、React Router 4.0核心概念 4.0版本中已不需要路由配置,一切皆组件 react
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、页面结构定义 左侧导航栏,右侧页面结构 右侧显示内容分别分为上Header、中Content和
阅读全文
摘要:前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录。最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star。 一、项目概述 React全家桶 React基础知识、生命周期 Router 4.0 语法讲解 Re
阅读全文