检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
对接CSS提供云搜索服务 背景信息 云搜索服务（Cloud Search Service，简称CSS），为您提供托管的分布式搜索引擎服务，完全兼容开源Elasticsearch搜索引擎，支持结构化、非结构化文本的多条件检索、统计、报表。云搜索服务的使用流程和数据库类似，更多介绍请参见云搜索服务。
对接CSS实现在应用中调用分布式搜索 云搜索服务（Cloud Search Service，简称CSS），为您提供托管的分布式搜索引擎服务，完全兼容开源Elasticsearch搜索引擎，支持结构化、非结构化文本的多条件检索、统计、报表。在AstroZero中，通过应用与CSS对接，实现云搜索服务功能。
如何引入第三方库 如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。 什么是库 库是指在设计页面时，需要依赖的库，若缺少相应的依赖库，则页面中
发行说明 上传库的发布描述信息。 上传成功后，在库的“租户”中，可查看到上传的库。 图3 上传完成 “全局”页签中的库，是系统预置的库，不可编辑和禁用，只能下载。 （可选）查看该库的版本号和库ID。 单击已上传的组件，进入库的详情页面，即可查看到库ID。在详情页的“更改历史”中，
如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。 什么是库 库是指在设计页面时，需要依赖的库，如果缺少相应的依赖库，则页面中无法实现某些功能。例如，页面需要具有地图
页面常用配置 参数 参数说明 站点名 系统默认生成的站点名，不可修改。创建应用时，系统默认会创建并分配一个站点。 站点域名 站点的运行态域名。一般情况下不需要修改，如果您的站点有单独的CDN和域名，则可以在此修改域名。 主页 站点的首页。站点存在页面时，该参数才会显示。 站点导入/导出
设置并启用主题后，该应用中标准页面相同组件的展示将以主题中配置为准。 例如，标准页面中表单的按钮展示如图1所示。在主题中配置该按钮中字体为黄色，启用主题使得标准页面表单按钮字体颜色变成黄色。 图1 启用主题前标准页面预览效果 前提条件 请先熟悉CSS的Less代码编写规范。 操作步骤 参
packageinfo.json中必选要包含待引入的文件。例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo.json中添加这两个文件的描述。其中，“js”和“css”用于定义文件类型，“name”用于定义文件路径及名称。
json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。 { "js":
Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，全称Division，即为划分，有时可以称其为图层。 DIV是HTML中的一个标签元素，用来为HTML文档内大块的内容提供结构和背景的元素，可以将“容器”简
packageinfo.json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。
Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，全称Division，即为划分，有时可以称其为图层。 DIV是HTML中的一个标签元素，用来为HTML文档内大块的内容提供结构和背景的元素，可以将“容器”简
提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVueTemplate”，再单击“下载”。 图1 下载组件模板 在弹出的窗口中，输入组
式进行自定义修改。自定义主题时，可以自定义修改标准页面的样式。设置完成并启用主题后，该应用中标准页面相同组件的展示，将以主题中配置的为准。 自定义主题样式需要您熟悉CSS的Less代码编写规范，关于Less介绍，请参见Less介绍。 自定义主题样式 参考登录AstroZero新版应用设计器中操作，登录应用设计器。
资源”。 若勾选“合并并压缩资源”，会对所有高级页面涉及的css和js文件进行合并及压缩，使用单页面性能检查功能时，不要勾选该选项。 图1 关闭“合并并压缩资源”属性 设置完成后，单击，并单击，释放锁。 打开要进行性能检查的高级页面，在浏览器开发者工具中，勾选“Disable cache”属性。
基本属性：基本属性通过数据绑定后，在运行时以数据绑定的值为准。 显示名称：按钮展示的名称。 类型：设置按钮的类型。 大小：设置按钮的大小。 鼠标悬停时展示：鼠标悬停时，展示的文字。 形状：设置按钮的形状。 选择图标：系统预置的按钮图标。 图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。
数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。
数据绑定的值为准。 标题：模态框的标题。 确定按钮文字：模态框的“确定”按钮上的文字。 取消按钮文字：模态框的“取消”按钮上的文字。 显示Loading：开启后，确定按钮显示loading状态。 显示遮罩层：开启后，显示遮罩层。 点击遮罩层关闭：开启后，允许单击模态框外的遮罩层关
样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 水印 启用水印：页面是否启用水印。 水印内容：启用水印后，支持设置水印内容。 当前用户：当需要设置水印内容为当前用户名时，可开启该项。开启后，“水印内容”中的文本不生效。 水印长度：设置水印矩形框的长度。 水印宽度：设置水印矩形框的宽度。
数。 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
