APP下载

基于模板的油田门户网站建设

2021-06-26刘康

科学技术创新 2021年16期
关键词:样式页面组件

刘康

(中国石化华东油气分公司信息化管理中心,江苏 南京210019)

1 绪论

1.1 研究背景

随着油气田企业数字化转型,油气田门户网站已成为油气田网上办公、学习培训、宣传展示的重要平台,汇集了油田众多新闻、学习、生活及应用板块。

目前各油气田内部机关处室、二级单位、专题专栏等各类信息站点数量多,信息种类繁多,展示形式多样,原来靠手工实现的模式,技术要求高,见效慢,维护成本高,需要研究一种门户网站建设体系,解决目前模板建设应用的难题,提升网站的建设效率。

1.2 研究意义

模板建站是一套信息资源呈现模板建设与解析的完整流程,让用户通过简单的代码编写、组件引用和数据配置,即可在较短的时间内轻松迅速架设符合自己个性化的网站。

2 总体架构设计

按照分层架构设计思路,应用系统的核心层包括数据层、服务层、应用层和展示层等四部分。(图1)

图1 总体设计

3 研究内容

研究一个模板建站和网站管理体系,利用模板建站搭建油田内外网门户,通过网站管理实现网站信息内容和网站权限的管控,通过研究模板建站,实现让用户无需学习任何编程语言,只需应用工具所提供的各种强大丰富的功能组件,在短时间内轻松迅速架设符合自己个性化的门户网站。

模板建站通过非编程、拖拽等方式实现页面设计与发布,包括模板设计、组件资源设置等功能。

3.1 模板设计

模本设计是模板建站的关键,首先通过选择页面模板对页面进行布局,然后设置页面样式,最后通过拖拽组件至页面实现页面板块的设置,最后通过页面发布功能将定制好的页面发布至服务器上。

3.1.1 模板设计

在页面设计时首先进行模板设计,模板建站提供大量的常用标准模板。(图2)

图2 模版设计

3.1.2 样式设计

在设置完页面的布局后,需要对页面的背景、页头、页尾以及栏目样式进行详细的设计。

3.1.2.1 背景设置

设置页面样式中的页面背景,可以设置背景图片、背景的大小以及图片的填充方式等信息。

3.1.2.2 顶部设置

门户网站通常是有页头信息,一般都是以图片或是动画形式展示,通过页面顶部设置来设置页头常规图片或是动画图片的来源或是填充方式等信息。

3.1.2.3 横幅区设置

有些网站页面内容较少,为了页面显示饱满,需要显示横幅,横幅内容都是以图片形式展示,可以通过横幅区设置来完成横幅内容的设置。

3.1.2.4 内容区设置

页面的内容区普遍以白色背景填充,但是有时特殊页面需要设置图片或是颜色,这些可以通过内容区设置来实现。

3.1.2.5 底部设置

门户网站页面都是存在页面底部的,而且页面底部显示样式也是多样的。这就要求页面底部的设置要支持多种样式设置。

3.1.3 组件添加

布局和样式设计完成后,需要通过拖动方式把组件添加到页面的单元格中,进行组件添加,组件添加完成后,通过组件的样式及内容设置来完成组件的数据来源及样式的设计。

通过组件的显示详细设置来完成组件的背景、是否分页、实现记录数等基本设置、当点击组件内容时的跳转设置和组件项显示图标、是否可以换行等文字设置等信息。

3.1.4 页面发布

页面设计完成后,要查看页面设计的效果,可以通过预览页面的运行效果,来检测页面设置情况。通过发布功能将页面传输到服务器上的已经设定好的站点下,形成真实的网站界面。

3.2 组件设计

组件资源是模板建站的重要支撑,为了满足业务功能需要和降低定制复杂度,就需要开发通用的展示、业务等门户组件。(图3)

图3 组件资源

3.2.1 布局组件

通过布局组件,实现对门户页面整体布局的设计。布局组件以表的方式进行布局定义,可以通过对布局组件的单元格进行合并、拆分,对行列的比例大小等进行调整,从而实现对整个门户网站的整体布局设计。

3.2.2 导航组件

导航组件主要是为了让访问者更清晰明朗的找到所需要的资源区域,寻找资源,因此导航栏需要提供导航栏的样式设置、按钮的样式设置、按钮的定制设置等。

3.2.3 图文组件

以图片方式展示新闻、公告等,通过对当前的图片进行点击,实现对图片内容的详细展示,同时可以对图文的展示样式、滚动方式等进行设置。

3.2.4 文章列表

展示最新的文章,通过列表方式进行展示,同时可以对文章的内容等信息进行浏览。

3.2.5 图册展示

通过滚动展示方式对图片进行展示,并可以根据需求设置滚动的时间和速度,并支持点击后链接到具体页面地址功能。(图4)

图4 图册组件

3.2.6 图文链接

以图片方式展示图文,通过对当前的图片进行点击,实现对图片内容的链接展示。

3.2.7 滚动公告

通过滚屏的方式对现有的内容进行展示,通过滚动方式可以在更小的范围内查看更多的内容。

3.2.8 视频组件

以视频的方式对新闻等内容进行展示。

3.2.9 文件下载

根据配置需求,将可下载的文件以列表的方式进行展示,同时实现对文件列表中的文件下载功能。

3.2.10 轮播图组件

通过轮播展示方式对图片等进行展示,并可以根据需求设置轮播的时间和速度,支持点击打开图片内容的具体内容的页面。

3.2.11 搜索组件

实现对门户中,与搜索关键字相关的新闻、广告、文档列表等内容进行检索,并将搜索内容进行展示。

4 结论

通过模板建站管理体系,简化了网站建设技术难度和建设效率,解决了网站建设需求和技术矛盾难题,降低了网站维护难度,加强了油田信息资源的集中管控和分级管理,优化了各级单位信息网站的建设效率,为油田网站群建设和丰富网站应用打下坚实基础。

猜你喜欢

样式页面组件
CPMF-I 取样式多相流分离计量装置
刷新生活的页面
无人机智能巡检在光伏电站组件诊断中的应用
CPMF-I 取样式多相流分离计量装置
Kistler全新的Kitimer2.0系统组件:使安全气囊和安全带测试更加可靠和高效
答案
取样式多相流分离计量装置
让Word同时拥有横向页和纵向页
一种嵌入式软件组件更新方法的研究与实现
通用(OA)办公自动化系统的组件运用