25-H3C EIA 页面定制典型配置举例
本章节下载: 25-H3C EIA 页面定制典型配置举例 (1.25 MB)
H3C EIA页面定制
典型配置举例
资料版本:5W136-20260704
产品版本:EIA (E6205)
Copyright © 2026 新华三技术有限公司 版权所有,保留一切权利。
非经本公司书面许可,任何单位和个人不得擅自摘抄、复制本文档内容的部分或全部,并不得以任何形式传播。
除新华三技术有限公司的商标外,本手册中出现的其它公司的商标、产品标识及商品名称,由各自权利人拥有。
本文档中的信息可能变动,恕不另行通知。
目 录
EIA页面定制提供一个绘制页面的可视化工具,操作员在无需借助第三方人力或者工具的情况下,可自行定制Portal/BYOD认证页面。操作员既可以定制在PC/PAD上推出的Web页面,也可以定制在手机上推出的Web页面。系统分别为这两类页面预置了几套模板,方便操作员经过简单的修改即可完成页面的定制。系统还提供了空白模板,操作员也可以上传基于样例模板的自定义页面文件。
本案例将指导操作员进行简单的终端页面定制绘制。
适用于需要定制Portal/BYOD认证页面。
系统需要提前安装EIA组件。
本文以定制Portal认证页面为例进行介绍,BYOD认证页面定制可参考本例进行配置。
某公司计划启用页面定制功能,用户接入网络时需要进入登录页面,本手册介绍如何定制Portal页面。具体的组网如图3-1所示。
注:本案例中各部分使用的版本如下:
· EIA版本为EIA (E6205),在集群部署环境中,会涉及EIA服务器IP地址使用北向业务虚IP还是所在实际节点IP的问题,该地址请务必填写为北向业务虚IP。EIA服务器IP地址查看方式如下:
a. 打开浏览器输入https://ip_address:8443/matrix/ui,打开matrix页面。其中,ip_address为北向业务虚IP或节点IP。
b. 选择“部署”页签,单击“集群”菜单项,切换至“集群参数”页签,可查看北向业务虚IP,即EIA服务器的IP地址。
· 接入设备为H3C S7502E-XS Comware Software, Version 7.1.070, Release 7536P05
配置步骤如下:
· 增加新配置页面
· 增加页面样式
· 增加空白控件
· 增加标题控件
· 增加认证控件
· 增加图片控件
· 增加自定义html控件
· 保存页面
(1) 选择“自动化”页签。单击导航树中的“用户业务 > 接入服务 > 终端页面定制”菜单项,进入Portal定制页面,如图3-2所示。
图3-2 Portal定制页面
(2) 单击<增加>按钮,进入增加Portal定制页面,如图3-3所示,本例以Phone类型为例。
图3-3 增加Portal定制页面
(3) 单击<增加>按钮,进入编辑portal定制页面,如图3-4所示。
图3-4 编辑portal定制页面
(1) 单击右上角<页面样式>按钮,进入页面样式配置页面,如图3-5所示。
(2) 单击<上传>按钮,选择背景图片。并配置背景颜色、大小和位置。
图3-6 配置页面样式
若要配置背景颜色,需调整下方的透明度条,否则默认透明,颜色不会显示。
图3-7 背景颜色
(3) 单击<确定>按钮,完成页面样式配置。
图3-8 页面样式完成
(1) 单击左侧基本控件区域的空白控件,如图3-9所示,鼠标移动到空白编辑区,单击左上角<编辑>按钮,右侧设置出现设置内容,如图3-10所示。
(2) 设置空白编辑区高度,单击<增加>按钮,页面空白编辑区高度设置完成,如图3-11所示。
(1) 单击左侧基本控件区域的标题控件,鼠标移动到标题头编辑区,单击左上角<编辑>按钮,右侧设置出现设置内容,如图3-12所示。
(2) 设置标题中文文字、英文文字、字体大小、文本颜色、字体粗细、宽度、位置,然后单击<增加>按钮,标题设置成功,如图3-13所示。
(1) 单击左侧基本控件区域的认证控件,鼠标移动到认证编辑区,单击左上方显示的<编辑>按钮,右侧设置出现设置选项,如图3-14所示。
(2) 进行内容设置,分别设置认证方式、首选认证、样式、链接、访客预注册链接(若是PC页面还会有位置设置,是否显示客户端下载),单击<增加>按钮,认证控件设置完成,如图3-15所示。
(1) 单击左侧基本控件区域的图片控件,鼠标移动到图片编辑区,单击左上角<编辑>按钮,右侧设置出现设置内容。
图3-16 图片编辑区
(2) 上传图片,设置图片的宽度以及位置,也可以单击<绑定广告>按钮,绑定广告,单击<增加>,页面上出现图片,如图3-17所示。
图3-17 图片控件
(1) 单击左侧基本控件区域的html控件,鼠标移动到html编辑区,单击左上角<编辑>,右侧设置初设设置内容,如图3-18所示。
图3-18 HTML编辑区
(2) 在输入框中输入html源码,本例以增加自定义链接为例,单击<增加>按钮,完成html设置,如图3-19所示。
增加的源码如下:
<div style='position:relative;width:100%;height:30px;'>
<a style='font-size:14px; position:absolute;top:-10px;left:10%'
href='https;//www.baidu.com'>自定义链接</a></div>
(3) 配置完成后,单击右上角<保存>按钮,如图3-20所示,保存页面,自主页面定制完成。
(1) 选择“自动化”页签。单击导航树中的“用户业务 > 接入服务 > 终端页面定制”菜单项,回到Portal定制列表页面,如图3-21所示。
图3-21 Portal定制页面
(2) 单击配置步骤配置的页面名称链接,即可查看效果,如图3-22所示。
不同款型规格的资料略有差异, 详细信息请向具体销售和400咨询。H3C保留在没有任何通知或提示的情况下对资料内容进行修改的权利!
