-
移动开发
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
小标
2018-05-25
来源 ：
阅读 1863
评论 0
摘要：此项目是学习react+redux过程中做的一个练手项目，模仿大众点评做的一个webapp，项目不是很复杂，适合有一定react+redux基础的同学参考。希望对大家学习webapp有所帮助。
项目简介
此项目是学习react+redux过程中做的一个练手项目，模仿大众点评做的一个webapp，项目不是很复杂，适合有一定react+redux基础的同学参考。希望对大家学习webapp有所帮助。
项目的前端界面使用react+less编写，后端使用的express框架搭建，后台返回的数据全部是模拟的数据，不涉及数据库交互。
后续可能会再写一篇文章（看心情），讲解部分代码，如果项目对大家学习react有一点帮助，麻烦在clone的同时顺手给个☆star☆
项目源码
githup项目源码：https://github.com/wenyuntian...
使用git clone地址：git@github.com:wenyuntian/webapp.git
运行步骤
1.clone到本地后，在项目文件夹的根目录和mock文件夹下面运行npm install命令安装项目依赖
2.接着在根目录和mock目录下运行命令npm start启动项目，在浏览器中访问//localhost:3000/查看项目运行效果
最终效果展示
涉及的知识点
前端：
1. react：使用的create-react-app构建工具快速搭建的前端框架（需要在package.json配置跨域代理）。
2. redux：使用redux管理react组件的状态，实现各组件之间的通信。
3. axios：使用axios对get、post方法进行了简单的封装，用于前后端数据交互。
4. localStorage：简单的了解了一下localStorage，封装了get和set方法，将城市选择的城市信息存储在localStorage中。
5. less：使用less编写css样式。（注意：在create-react-app中默认不使用less，需要自行安装less-loader模块，并在webpack进行配置）
6. 图标：项目中使用到的所有图标都是从icoMoon上下载的（学习过程中发现的素材网站，很好用，推荐！）
后端：
1. 后端使用express快速搭建的一个后台数据，为了简单没有链接数据库，所有的数据都是模拟的数据。
本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发Webapp频道！
喜欢 | 2
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
