之前没有接触过react。新工作需要用react框架,另外配合ant design ui框架来实现一个后台管理系统的编写,上周学习了它提供的各个组件并试着去编写了一些页面,大致有了了解。‘
鉴于网上没有很好的文章很好的讲解一下这个框架,同时也是自己对最近的一个总结。
前期的克隆工程以及npm start就略过了,还有各个文件夹的用途就不用说了,资料有得.我主要想说一下新添加一个页面并从服务端获得数据进行渲染
1、添加一个路由
首先在src/common/menu.js里面添加一个数据配置,结果如下,
另外在menu.js中添加一个路由
,这样页面中就会出现一个效果
2. 在指定文件夹下新建一个组件,这样route就可以进行访问了
根据上图的路由指向../routes/group/student/mine,我需要在/routes/group/student/ 中新建一个mine.js文件。可以先写一个简单的页面(没有任何数据来源这是一个展示hello world之类的,再次略过),展示我的代码
3 编写model层
因为用到了mine这个model,所以在src/models文件夹下新建一个mine.je进行事件的管理,派发以及返回
4 service层
5 数据
6 验证数据
至此,就有了一个大致的了解