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