zoukankan      html  css  js  c++  java
  • react开发企业中后台产品、政务门户网站的一些总结

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

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

    企业级中后台项目:

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

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

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

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

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

    面向公众的门户项目:

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

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

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

  • 相关阅读:
    CF1539 VP 记录
    CF1529 VP 记录
    CF875C National Property 题解
    CF1545 比赛记录
    CF 1550 比赛记录
    CF1539E Game with Cards 题解
    CF1202F You Are Given Some Letters... 题解
    vmware Linux虚拟机挂载共享文件夹
    利用SOLR搭建企业搜索平台 之九(solr的查询语法)
    利用SOLR搭建企业搜索平台 之四(MultiCore)
  • 原文地址:https://www.cnblogs.com/seemoon/p/12218721.html
Copyright © 2011-2022 走看看