其实这套界面风格不仅仅可以作为后台管理系统界面，也可以修改成一个可以展示项目并且美观的博客。项目地址在这里(本地跑效果更佳)，如果有好的意见欢迎提issue或pr。
目录结构
项目的初始结构和构造原因已罗列如上，由于过些日子会引人ts，所以项目结构必然还会改动，但肯定基于这基本雏形扩展的。
下面对目录结构作以下说明
webpack(2.6)
①按需加载：
{test:/\.(js|jsx)$/,include:paths.appSrc,loader:'babel',query:{plugins:[['import',[{libraryName:"antd",style:'css'}]],],cacheDirectory:true}},②引人less:
③一键发布到gh-pages：
ps:尽管我是这样发布到gh-pages的，该项目的gh-pages展示地址为这里，在gh-pages上展示图明显比本地大了好些像素，如果有朋友知道是为什么，不吝赐教啊。
④引用路径的缩写：
resolve:{fallback:paths.nodePaths,alias:{'react-native':'react-native-web',components:path.resolve(__dirname,'..')+'/src/common/components',container:path.resolve(__dirname,'..')+'/src/common/container',images:path.resolve(__dirname,'..')+'/src/common/images',pages:path.resolve(__dirname,'..')+'/src/common/pages',utils:path.resolve(__dirname,'..')+'/src/common/utils',data:path.resolve(__dirname,'..')+'/src/server/data',}},配置了引用路径的缩写后，就可以在任意地方如这样引用，比如
antd(2.10)
antd是（蚂蚁金服体验技术部）经过大量的项目实践和总结，沉淀出的一个中台设计语言AntDesign，使用者包括蚂蚁金服、阿里巴巴、口碑、美团、滴滴等一系列知名公司，而且我从他们的设计理念也学到了很多关于UI、UX的知识。
该项目采用的是antd最新的版本2.10.0,由于2.x的版本和1.x的版本还是相差蛮大的，之前参考的项目(基于1.x)改起来太费劲，所以在组件那块就干脆自己重新封装了一遍。这部分知识点我建议还是看文档，文档解决不了扒扒源码。
react-router(4.x)
react-router4.x和2.x的差异又是特别的大，召唤文档,网上基本上都还是2.x的教程，看过文档之后，反正简而言之其就是要让使用者更容易上手。印象最深的是以前嵌套路由写法在4.x中写到同层了。如下示例他们的效果是相同的。
2.x：
fetch
fetch是个好东西，好在简单，除了promise最基本的用法，还能这样写
fetch(url).then(response=>response.json()).then(data=>console.log(data)).catch(e=>console.log("Oops,error",e))try{letresponse=awaitfetch(url);letdata=awaitresponse.json();console.log(data);}catch(e){console.log("Oops,error",e);}但是其简洁的特点是为了让我们可以自定义其扩展，还是其本身就还不完善呢？我在调用JSONP的请求时，发现用fetch掉不同，后来在文档上才发现其不支持JSONP的调用，所幸社区还是很给力的找到了fetch-jsonp这个模块，实现了对百度音乐接口的JSONP调用。fetch-jsonp使用也和fetch类似，代码如下
fetchJsonp(url,{method:'GET'}).then((res)=>res.json()).then((data)=>{})redux
--------------------------更新---------------------------
已经在项目中加入了redux技术栈。
项目的一些待扩展计划
封装组件
不管组件封装得好不好，个人感觉其是提高水平很高效的方法，多练，继续封装出各式各样的功能组件。
typescript
公司大概会在6月份开始，新的项目就要采用ts开发了，所以我也到时会在该项目中引人ts的语法，我现在的感觉是使用ts后，前后端对接会更加轻松，不会有一些类型不匹配的低级错误，而且antd貌似和ts也能兼容得蛮好。
测试框架
这部分其实我还是没什么经验的，先写上吧，有机会会拿这个项目开刀，并写心得。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。