概述：

在本博客中，我们将看到，

如何在SAP UI5应用程序中应用自定义CSS样式？如何使用多语言脚本（i18n属性）？如何在sapui5应用程序中使用OData服务？

创建SAP UI5应用程序的详细步骤可以在以下链接中找到：

SAP Fiori–自定义应用程序实现使用Eclipse

SAP UI5应用程序项目结构：

我们的SAP UI5应用程序项目结构如下：注意：这里的示例项目与上面的博客参考"使用Eclipse创建Fiori应用程序"

在SAP UI5应用程序中应用自定义CSS样式：

我们可以在SAP-UI5应用程序中应用自定义CSS样式为此，我们需要保持"样式.css"在"WebContent"文件夹下，如下所示：样式.css：例如，让我们为按钮创建自定义样式。/*按钮样式*/.customCss\u for按钮{背景色：红色；字体：斜体；高度：2.850rem；边框样式：实心；边框颜色：绿黄色；}要将此样式应用于控件视图，我们需要执行以下操作：引用'样式.css'文件输入'组件.js’使用以下命令将其应用于视图控件语法：class="customCss\u ForButton例如：测试：自定义样式之前在SAP UI5应用程序中自定义样式

i18n属性后：

我们可以使用i18n属性概念维护SAP-UI5应用程序中标签、标题、标题文本、消息等的多语言脚本。基于默认的浏览器语言，可以在SAP-UI5应用程序中自动选择相应的脚本。假设，我们希望在我的SAP-UI5应用程序中有两种语言的脚本印地语英语然后i18n属性路径将如下所示[WebContent->i18n->scriptFiles]：哪里：印地语i18n型_嗨。物业#"母版"页标题|印地语PgMst\u Title=\u092B\u093F\u092F\u094B\u0930\u0940\u092A\u0930\u0940\u0915\u094D\u0937\u0923\u0938\u0902\u0916\u094D\u092F\u093E\u090F\u0915PgMst\u BtnTxt1=\u0938\u0948\u092E\u094D\u092A\u0932\u0906\u0939\u094D\u0935\u093E\u0928PgMst\u BtnTxt2=\u0938\u0930\u094D\u0935\u093F\u0938\u0906\u0939\u094D\u0935\u093E\u0928PgMst\u BtnTxt3=\u0905\u0917\u0932\u093E\u092A\u0947\u091C#"细节"页标题|印地语PgDtl\u Title=\u0935\u093F\u0938\u094D\u0924\u0943\u0924\u092A\u0943\u0937\u094D\u0920PgDtl\u Lbl1=\u0935\u093F\u0938\u094D\u0924\u093E\u0930\u092A\u0943\u0937\u094D\u0920\u092E\u0947\u0902\u0906\u092A\u0915\u093E\u0938\u094D\u0935\u093E\u0917\u0924\u0939\u0948英文脚本i18n.properties:如果找不到lang，则为默认脚本i18n型_en.属性：在浏览器中访问应用程序时18年-美国地产：在Eclipse平台中访问应用程序时三个文件中都有相同的细节#"母版"页标题|英文脚本PgMst\u Title=Fiori示例-1PgMst\u BtnTxt1=模型JSONPgMst_BtnTxt2=ODataSrvPgMst\u BtnTxt3=下一页#"细节"页标题|英文脚本PgDtl\u Title=详细页PgDtl\u Lbl1=欢迎使用详细信息页在i18n属性脚本中，我们定义变量并为其指定特定于语言的值要访问i18n属性，我们需要将它们加载到SAP-UI5应用程序中'中加载i18n属性引用'组件.js'文件查看"get\u i18nProperties:function（）"，它获取i18n文件引用在"createContent:function（）"中，已访问其。‘组件.js’var gvu i18nBundle公司；jQuery.sap.declare（"Z测试_应用程序组件");sap.ui.core.UIComponent.extend扩展（"Z测试_应用程序组件", {元数据：{原型："组件"，"抽象"：没错，版本："1.0"，library:"ZTEST\u APP"，//CSS引用需要包括：["css/样式.css"]，个人云服务器，//CSS样式引用依赖项：{//外部依赖项libs:sap.m"，"sap.ui.commons","sap.ui.ux3","sap.ui.table表","sap.ui.layout布局"]，//组件将使用的库"库："sap.ui.core"，//组件属于哪个库"},},createContent:函数（）{//获取i18n属性变量lv\u oBundle=这个。获取属性();/*注意：需要在"根视图"之前调用i18nModelsap.ui.view'i、 e.创建视图前这样就可以在母版页的onInit（）上访问该包*/总价值=jQuery.sap.resources资源（{url:lv）_oBundle.oData.bundleul公司});//创建根视图变量视图=sap.ui.view({id:"应用程序"，视图名称："ZTEST"_APP.view.APP应用程序",键入："JS"，视图数据：{组件：此}});//设置i18n属性oView.setModel文件（lv_oBundle，"i18n"）；//设置设备型号var deviceModel=新建sap.ui.model模型.json.JSONModel文件({电话：jQuery.device.is.电话，列表模式：(jQuery.device.is"电话？""None"："SingleSelectMaster"，列表项类型：(jQuery.device.is"电话？""Active"："非活动"});deviceModel.setDefaultBindingMode设备模型（"单向"）；oView.setModel文件（设备模型，"设备"）；//完成返回视图；},获取属性：function（）{/*设置i18n模型|以便在应用程序中使用本地化文本语言：在Eclipse平台上：lv\u Locale=en-USIf BrowserDefaultLang英语：lv\u Locale=en如果BrowserDefaultLang印地语：lv\u Locale=hi*///获取浏览器的语言变量lv\u区域设置=window.navigator.language语言;var lvΖI18N路径；if（lvèu语言环境）{lv_i18nPath="/i18n/i18n_18;"+lv_Locale+".properties"；}//设置默认英文脚本"i18n.properties"如果（吕琰）！="嗨"| | lv| U语言环境！="en"| | lv| u语言环境！="en-US"）{lv_i18nPath="/i18n/i18n.properties"；}var lv\u bundleUrl=$。sap.getModulePath（"ZTEST\u APP"，自助建站源码，淘大客，lv\u i18nPath）；var lv\u oBundle=新sap.ui.model模型.resource.ResourceModel资源模型({捆绑：lv\U捆绑，//"/i18n/i18n_en.属性"});返回吕琰oBundle；},});i18n定义的变量将在视图中访问为了引用i18n属性的变量，使用了以下语法：语法："{i18n>varName}"例如："{i18n>PgMst\u Title}"'视图'Master.view.xml文件‘'视图'详细信息.view.xml‘测试：英文脚本：当浏览器的默认语言为英文"en"时，大数据分析技术，则为脚本"i18n"_en.属性'已在应用程序中引用印地语脚本：当浏览器的默认语言为印地语"en"时，则脚本为"i18n"_嗨。物业'在应用程序

使用SAP UI5应用程序中的OData服务：