前端分层和框架

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端分层和框架相关的知识,希望对你有一定的参考价值。

参考技术A 前端分为Page层,Model层,Service层。

Page层就是用来和用户进行直接的交互操作展示;

Model层用来处理后端的数据

Service层获取后端传来的数据,不做改变

dva.js是基于react,redux,redux-saga开发的框架,用于处理数据流,为的是简化redux操作;

umi.js是基于约定式路由开发的路由框架,在umi中约定在models层中写js文件来操作数据

读取数据流程:umi框架启动后,会读取models层下的js文件,我们用dva封装的connect在page页面中通过@connect()注解的方式在括号内写一个回调函数将models层下的state数据映射到该页面的props中,使用的时候通过读取[namespace]索引的方式找到里面的所有值

以上是关于前端分层和框架的主要内容,如果未能解决你的问题,请参考以下文章

分层架构设计

angular.js前端分层开发(页面和js代码分离,并将js代码分层)

SpringBoot框架分层(View层Controller层Service层Mapper层pojo层)

[Architect] ABP(现代ASP.NET样板开发框架) 分层架构

基于DDD的ABP开发框架 - ABP分层设计

实体框架自引用分层多对多