回顾需求
——————————————————————————————————————————
| 并行执行 |
| 接口说明 |
| 服务监控 | 具体页面
| 事务支持 |
| 接口说明 |
| 服务监控 |
——————————————————————————————————————————
选择前端框架
前端三大件Vue,Angular,React。只听过三位前辈的大名,未曾结识过
起初我打算选择Vue,只因为我一个同事总是穿一件Vue logo的T恤在公司里晃悠,那件T恤确实还不错,一件绿色的V型图案配上黑色面料的T恤,我对此印象深刻
由此我受到一个启发,看看真正的fe最近在用什么,以后我遇到问题也有人可以请教啊,就像总有人向我请教,是买佳能的还是尼康的单反,我会告诉他,选择身边人都在玩的吧,那样你们的镜头可以通用,所以答案就是选react。
选择UI组件
对于PHP来说,在前后端未分离的时候,也会写一些简单的js,但是对于css一直是专门fe干的活,更古未变,因此我打算选一个好的UI组件
这样就不需要频繁的跟css打交道了,而且还可以组装一个美美的页面,毕竟现在我还是一个前端小白,我决定问问google,Google一下「react design」,排名第一的是 Ant Design of React - Ant Design,看了下,还有中文社区,阿里出品,github Star 2W+,就它了,中文网址是Ant Design
选择合适的布局
参照我的原型,就像去逛超市一样,挑了一个写在清单上的商品,超市地址是ant 布局组件,选的商品如下:
好了,现在我把那个简陋的原型稿换成了一张更漂亮的图片,虽然现在我对react,对前端的实现都还一无所知,但至少梦想变的更美了。
网友评论