通过上图可以看出，生成的代码是非常工整的，由于是根据配置基于模板自动生成的，可以保证统一的风格。云主机的表格数据不仅存在于主列表中，还附属在物理机、云盘、网络、安全组等资源的详情页中，当资源创建需要选取云主机时，也会弹出云主机列表，在新版 UI 中，资源的所有列表页都共用了同一个组件，细心的读者如果观察 ZStack-UI 界面，会发现虽然云主机出现在很多地方，但其中显示的列数量、种类是不同的，这些都是通过上述的配置表来分开管控的，产品经理可以随心所欲的定制界面，而无需告知开发去修改。

不仅列表可以通过配置生成，界面中所有的操作按钮、状态等也可以用配置的方式生成代码，此处不再一一赘述

最后界面中除了表格数据，用户看到最多的应该就是各种提示性文字，定义清晰的界面文字可以帮助用户快速上手，减少误操作的次数。为了支持国际化，在 ZStack-UI 中，界面上任何可见文字都分配了一个唯一性 key，如云主机的 i18n key 为 vm，云盘为 volume，相同的文字 key 也一样，key 由开发人员在编码的时候定义，通过扫描脚本收集后导入配置系统，再由文档团队润色和翻译，流程和上文的权限体系一致。

在 3.x 开发时期，如果文档、售后或者客户发现界面描述不正确，一般采用截图提 Jira 的方式，交由开发人员修改，这种方式费事费力，修改完毕后还需要打包交付测试验证。而采用配置系统，开启 Debug 模式后，文档同学在修改完毕后，界面会立即生效，再也无需等待，所见即所得。

通过各种低代码开发工具生成的代码约为 15万行，这些是跨团队共同协作的结晶。虽然15万行只有整个 UI 代码的 1/4，却完成了界面中所有列表、按钮显示，权限控制、主题、多语言等功能，并大大减少了测试量，而后者正是 ZStack 4S 体系的根基所在。

关于ZStack Cloud v4.0

日前，ZStack Cloud v4.0惊艳登场！这是一场关于UI的革命性升级，它不仅采用了全新UI设计系统，对500+组件实现了重构；同时，它还拥有领先的低代码、Micro Frontend（微前端）技术加持，致力于带给用户最舒适友好的使用体验！不仅如此，ZStack Cloud v4.0还推出了20多项新功能，自定义运维首页、企业管理、弹性裸金属、云平台监控等等统统都上新！点击观看ZStack Cloud v4.0精美展示~点击阅读原文立刻试用！