PHP的全栈之路2

回顾需求

——————————————————————————————————————————
| 并行执行   |                                
|   接口说明 |
|   服务监控 |         具体页面
| 事务支持   |
|   接口说明 |
|   服务监控 |
——————————————————————————————————————————

选择前端框架

前端三大件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 布局组件,选的商品如下:

PHP的全栈之路2_第1张图片
侧边布局

好了,现在我把那个简陋的原型稿换成了一张更漂亮的图片,虽然现在我对react,对前端的实现都还一无所知,但至少梦想变的更美了

你可能感兴趣的:(PHP的全栈之路2)