Lightning 组件内容多语言与自定义标签按规则使用

2019独角兽企业重金招聘Python工程师标准>>>

之前做的项目都是中文环境,页面上的文本与标签也都是直接在代码中写的汉字,去年开始做了A项目,要求是代码与系统配置中不能出现任何中文,因为需要推广其它国家,由于习惯问题,在开发时都用的中文,后面再去补,导致没有很好的规划,用自定义标签替换,获取字段的标签也是写到了控制类中,如下截图,如果一个组件中涉及到多个对象的多个字段, 在初始化时就需要写一大段的代码,而在另一个组件中同样重复的代码又出现一次

关于自定义标签就更不用提了,每个人都新建一次,同样的意思的提示消息每个人都来一遍,导致混乱,同时,自定义标签是有数量限制的(5,000).

去年底在做B项目时,也需要支持多语言,鉴于上个项目的情况,计划在项目开始前就规范,但实际情况是在做完后再补(),这次在新建自定义标签时,按类别先分类,目前暂时按如下截图,然后新建不同类别视图

自定义标签暂时按这种方法使用,那对于字段的标签如何管理,为了跟页面控制逻辑分离,通过写一个Lightning组件,这个组件比较特殊没有任何的内容,只有一个初始方法,初始化方法调后台,获取指定对象的Label.

后台拿到这些对象的Label集,在前台通过

localStorage.setItem(key,JSON.stringify(Entity[key]));

按对象存放在localStorage中,localStorage是HTML5中的内容

对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载 localStorage（长期存储） ：与 sessionStorage 一样，但是浏览器关闭后，数据依然会一直存在 另localStorage 的大小是5M,不同浏览器大小不一样,但是存Label是足够的, localStorage的类型只能是String类型,所以在使用时需要转换,在浏览器的隐私模式不可读取,需要使用高版本浏览器,对于Lightning本身就对浏览器有要求,我们一般建议客户使用谷歌最新版本浏览器.

把这个组件放到主页,因为我们登录系统后直接进入主页,这里获取对象的标签名,按照对象名:{字段名:标签} 存在本地.

当在需要使用标签的组件中,直接从本地读取,

var orderRequestLabelJSON = JSON.parse(localStorage.getItem("OrderRequest__c"));

可以在页面定义一个属性,在使用时,属性.字段api名,有字段api名,所以在页面查找也方便,这里需要改进一点就是当没有读取到时就显示api名,而不是显示空白

<lightning:textarea label="{!v.OrderRequestLabel.Name}" ></lightning:textarea>

可以通过浏览器中应用查看

如果你有其它方法,欢迎留言.

转载于:https://my.oschina.net/SpringZhang/blog/1823390