react开发企业中后台产品、政务门户网站的一些总结

前方高能!!!!!都是理论!!!可以说是经验!!!没有代码!!!!!只有思路做法!!!

前言:antd引领着前端的发展趋势,使得进入前端的一些简单开发处理很快速,组件拿来即用,很人性化。从18年接触antd,从dva到umi,就目前开发过的项目都是基于dva数据流加antd UI来做的,umi只是接触表皮搭了项目应用框架,写大概5、6个小模块试水。

企业级中后台项目:

项目结构涉及模块:主要以项目权限、路由、多语言、统一的请求出口入口为主

权限:有菜单权限(页面权限)、路由权限、接口权限、按钮权限。

路由:根据浏览器上面输入的URL跳转至对应的页面,显示对应的菜单背景色

多语言:antd组件自带的多语言、用户填写的多语言、展示的多语言。后台可以一个字段返回,前端根据返回的字段来切割对应的多语言(前提商量好分割符号,比如用一些少见的特殊符号,用spilt方法切割字符串)。另一种多语言做法就是根据前端在请求头header上面加上language来做给后端,后端返回对应的字段语言。第二种做法前端可以轻松很多,后端要设计好对应的数据库。

封装请求:我用的都是fetch,主要在fetch里面加几个判断就可以了,统一处理出错信息。

面向公众的门户项目:

项目结构涉及模块:主要侧重响应式、兼容性、流畅性、为主。

开发门户网站前,应该清楚项目的需求兼容性范围,是否需要兼容到手机端。而pc端需要兼容的浏览器则较多,版本也相对会老一点。

响应式开发的话个人觉得应当遵从一个原则:能用css处理响应式的尽量用,特殊需求在用react响应式插件处理。之前写响应式css懒得调,用了插件,导致后期修改东西需要修改pc、手机端两个组件,维护修改起来相对麻烦。

猜你喜欢

转载自www.cnblogs.com/seemoon/p/12218721.html