关于dva项目的文件目录结构

项目中一般src里的目录标配:

./assets   :放置静态资源 比如图片;

./components   :放置木偶组件,只负责从./routes的智能组件来读取props填充展示,一般来讲是纯函数的react书写方式;

./models   :是一个处理数据的地方,比如在model里面调用./service输出的方法来获取数据填充到store;其实我觉得就是store的整体的集合,以 namespace作为唯一标识进行区分;

./routes   :放置若干智能组件的地方,智能组件里一般通过dva的connect(({yourModle})=>({yourModle}))(yourComponent)方法来和你的组件来实现数据互通的,生成带数据的活组件;(一般来讲智能组件的样式也在这级目录,因为组件就近维护原则吧);

./services   :负责向后台请求数据,在services里调用后台提供的api获取数据;

./utils   :放置工具类:比如常见的后台接口请求工具类;这里是默认封装了fetch数据交互的方法,直接入参调用即可;

index.css   :index.html的样式,你懂的;

index.js   :主页的入口位置,也是初始化dva的位置;什么 app.use( )/app.model( )/app.router( )/app.start( )都是在这里的完成的;

index.html   :入口挂载dom的html模板;

router.js   :配置路由的地方,会从./routes文件夹下引入写好的智能组件来组装页面,export default 出一个方法来生成router结构。




猜你喜欢

转载自blog.csdn.net/wangrong111222/article/details/79835490