脚本宝典收集整理的这篇文章主要介绍了React全家桶项目,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
开篇
利用业余时间,做了个React项目,算是成品吧,比较简单,还有很多瑕疵。目录结构相当简单。没有数据库,你们运行不起来。想运行起来的话,把exPress调用数据库的部分全删掉,写死数据。
ak47
这个集成了React全家桶,可以直接运行,也可以直接在生产环境使用。
https://github.com/xuya227939/ak47
源码
https://github.com/bbww/sight.git
预览地址
最好用谷歌游览器进行体验,其他游览器没测。
https://downfuture.com
技术栈
react + redux + saga + router + es6 + node.js + webpack + MySQL
功能
- 简单的登录、注册、修改密码
- 用户可以点赞和收藏
- 个人中心可以上传头像和图片(图片最多上传三张),暂时未压缩。
- 个人中心可以修改密码和登出
目录结构
@R_406_2054@
fetch
封装了fetch请求,统一报错。
function request({ method, options, callback }) {
options.mode = "cors";
if(!options.sign) {
options.headers = {
'Content-TyPE': 'application/json'
};
if(!(options.method === 'GET' || options.method === 'DELETE')) {
options.body = JSON.stringify(options.body);
}
}
options.credentials = 'include';
return fetch(getApi + method, options )
.then(checkstatus)
.then(parseJSON)
.then((data) => {
return data;
}).catch((err) => {
message.config({
top: 24,
duration: 1,
maxCount: 3,
});
message.error('发送fetch失败' + JSON.stringify(err) + ',方法名:' + method);
});
接口符合restFul设计
util.js
工具类js
router.js
所有的路由配置都在这个js中
结语
建站步骤,在我的blog中分享出来了。欢迎一起讨论,只介绍实现,不阐述相关代码的含义。
https://github.com/xuya227939/blog
以上是脚本宝典为你收集整理的React全家桶项目全部内容,希望文章能够帮你解决React全家桶项目所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。