一、转换目标
二、转换范围
(一)前端
(二)后端
接口返回的所有数据字段,如各类金融数据中的中文名称、描述性文字等,无论是 JSON、XML 还是其他格式的数据。
三、转换方法
(一)前端转换(基于 opencc-js)
import OpenCC from 'opencc-js';
2.在项目入口文件中,进行整个HTML节点上的所有简繁体文字替换,然后再对js文件上的简繁体文字单独处理
1 2 3 4 5 6 7 8 |
// Set Chinese convert from Traditional (Hong Kong) to Simplified (Mainland China) const converter = OpenCC.Converter({ from: 'hk', to: 'cn' }); // Set the conversion starting point to the root node, i.e. convert the whole page const rootNode = document.documentElement; // Convert all elements with attributes lang='zh-HK'. Change attribute value to lang='zh-CN' const HTMLConvertHandler = OpenCC.HTMLConverter(converter, rootNode, 'zh-HK', 'zh-CN'); HTMLConvertHandler.convert(); // Convert -> 汉语 HTMLConvertHandler.restore(); // Restore -> 漢語 |
3.统计组件使用的UI图片,向UI申请出,繁体版UI图
(二)后端转换(基于 OpenCC4j)
1.引入 OpenCC4j 库:在后端项目的 pom.xml 文件中添加依赖。
<dependency>
<groupId>com.github.houbb</groupId>
<artifactId>opencc4j</artifactId>
<version>1.8.1</version>
</dependency>
2.后端设计统一通用接口:接收前端传递的目标接口 url 和入参,将入参转为简体,转发请求并转换结果为繁体后返回给前端。
3.后端这边对不同接口进行缓存,默认缓存时间为1min。对于特殊接口,可通过配置文件,对特殊接口配置特殊的缓存时间
四、协同规则
五、测试计划
- 检查前端所有静态文本是否正确转换为台湾地区使用的繁体字。
- 验证后端接口返回的各类数据是否准确转换为繁体字。
- 测试用户交互操作产生的反馈信息是否为正确的繁体字。
- 测试云组件在转换前后的加载速度、响应时间等性能指标,确保转换不影响组件性能。
- 模拟高并发场景,检查组件是否能稳定运行,无卡顿、延迟等现象。
- 在主流移动设备(如 iPhone 系列、华为、小米等品牌手机和平板)的 iOS 和安卓系统上,使用常见浏览器(如 Chrome、Safari、Firefox 等)测试组件,检查繁体字显示效果。
- 在桌面端的 Windows 和 Mac 系统上,使用主流浏览器进行测试,确保繁体字显示正常,布局无错乱。
评论前必须登录!
注册