SuperMap iPortal 8C(2017)实现零代码可视化定制门户界面

SuperMap iPortal 8C(2017)正式发布了，在其众多新特性中，最令人期待的莫过于全新升级的可视化门户定制系统，可实现门户首页零代码可视化布局，支持多种方式无代码快速集成第三方Web应用到iPortal门户中，尤其适合单位内部有多个Web应用，期望集成到同一个门户平台进行使用的用户。

下面带您一起体验下可视化门户定制系统的魅力。

门户默认首页全新升级，可方便定制

SuperMap iPortal 8C(2017)门户默认首页对导航栏进行了合并，新增支持添加二级导航栏，方便用户设置多个导航栏目，用于集成第三方Web应用，同时新增了轮播、模块快捷链接等UI组件，首页各UI组件都支持在可视化门户定制系统中进行自定义设置。

图1 SuperMap iPortal 8C(2017)门户默认首页（可方便定制）
针对一些高级用户，可能希望对门户首页的UI组件进行重新布局，打破默认的一行一列的布局模式，该如何解决？或者希望在门户首页中自定义添加一些新的UI组件，例如：新闻中心、电子地图等等，怎么办？我们在做一些行业应用的时候，难免会遇到这样的问题。传统做法可能需要前端开发人员去修改页面代码，占用大量时间做前端定制的事情。然而项目工期有限，人力有限，导致前端定制往往成为制约我们项目建设的瓶颈。
##零代码实现门户首页可视化布局
SuperMap iPortal 8C(2017)内置了可视化布局系统，让您无需掌握JavaScript、html5或css3，只需要简单的鼠标拖动就能解决以上问题，让不懂技术的人也可以轻松、快速、灵活的定制出满足项目需求的门户界面，尽享门户定制的乐趣。究竟有何魔力？我们分别看一下：
-支持按Bootstrap的栅格布局，进行任意的区域自定义划分
在可视化布局系统中，内置了Bootstrap的12列栅格布局组件，您可以设计统一的门户首页布局，调整页面中各个UI组件的位置，这一切无需编写任何代码，简单的鼠标拖动即可实现。
-支持自定义UI组件，方便快速集成第三方Web应用
在可视化布局系统中，内置了前端源码编辑器，方便您快速将第三方Web应用集成到门户首页中。

图2 自定义添加“电子地图”应用组件
##定制导航栏目，无代码集成第三方Web应用
不仅如此，SuperMap iPortal 8C(2017)还支持使用“内置导航栏”的方式集成第三方Web应用模块。您可以自定义添加一级、二级导航栏目，将第三方Web应用模块集成进来，并且可以选择使用iPortal内置导航栏，无代码实现让新添加的栏目共享iPortal的导航栏和用户登录状态，从而方便用户集成多个第三方Web应用到门户中。

图3 使用“内置导航栏”集成文档模块
SuperMap iPortal 8C(2017)提供的可视化门户定制系统，基于浏览器的可视化，完全傻瓜式的定制模式，不需要编写任何代码即可定制出满足用户需求的门户平台界面，不仅降低了门户定制的门槛，而且极大缩短了项目建设周期，非常适合那些项目周期短，对门户界面没有特殊要求的用户。

图4可视化门户定制系统
##可视化门户定制案例
最后，我们来看一个实际的项目案例。在某地区的地理信息公共平台建设项目中，用户基于SuperMap iPortal 8C(2017)搭建了地理信息公共服务平台，其门户平台界面通过iPortal内置的可视化门户定制系统进行定制，几乎零代码完成了门户界面的定制，既高效又美观，如图5-1所示。在该门户平台中，用户还通过定制导航栏的方式，无代码集成了智慧GIS服务、开发中心、新闻中心、公共参与中心等多个第三方Web应用，这些集成的第三方Web应用还能共享iPortal的导航栏和用户登录状态，如图5-2所示。该用户表示，SuperMap iPortal 8C(2017)简单易用，门户定制灵活、高效，具有很高的推广使用价值。

图5-1 用户定制的门户界面

图5-2 轻松集成第三方Web应用

更多门户新特性和增强等您来体验！SuperMap iPortal 8C(2017)下载地址：
http://support.supermap.com.cn/DownloadCenter/ProductPlatform.aspx