基于模板的油田門戶網站建設

劉康

(中國石化華東油氣分公司信息化管理中心,江蘇 南京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 結論

通過模板建站管理體系,簡化了網站建設技術難度和建設效率,解決了網站建設需求和技術矛盾難題,降低了網站維護難度,加強了油田信息資源的集中管控和分級管理,優化了各級單位信息網站的建設效率,為油田網站群建設和豐富網站應用打下堅實基礎。