前端技術在企業門戶網站的應用探究

楊明坤

摘要：為了研究前端技術在企業門戶網站的應用。本文基于筆者中鋁中州鋁業有限公司生產保障中心相關業務經驗，結合最新網絡技術及計算機編程法制，在基于企業發展背景下進行門戶網站開發需求分析。深入淺出的進行web開發模式探討。為同行產業化發展提供建設性意見。

關鍵詞：網站;計算機;應用;前端技術

一、引言

人工智能，大數據，互聯網以及地理空間和地圖技術的深度集成等先進的先進技術在國民經濟的發展中發揮著越來越重要的作用。測繪技術和裝備發生了重大變化，但科技信息資源的測繪建設長期以來薄弱而分散。測繪科技人員的創造性工作未能形成統一，有序，綜合，有力的信息收集，公開和管理。科技文獻信息資源是國家重要的戰略資源。測繪行業信息資源的管理，分析，披露和共享嚴重不足，導致測繪信息服務方式落后，測繪專家流失，技術服務水平低下。隨著Internet技術的成熟，測繪行業需要建立行業門戶網站，以普及測繪地理知識，提高專業技術人員的專業技能，加強科技人員獲取參考信息的渠道。

二、企業門戶網站需求分析

（一）網站配色及布局分析

在頁面布局中，當前流行的響應式布局，即flexbox? flex布局。這種布局可以根據用戶的屏幕大小和瀏覽器窗口的大小來調整頁面布局，以達到更好的內容顯示的目的。網站的各個模塊之間使用了許多空白，以使網站更加簡潔和新鮮。在網站設計中，網站的頂部是導航欄，中間是內容的橫幅和圖形信息，底部是頁腳聲明的版權信息。

（二）前端模塊需求分析

門戶網站是一個企業性質的宣傳網站，它所指的就是通向互聯網信息并提供信息服務的一個計算機系統，是一個綜合性的使用系統。它的綜合性體現在多方面，包含了大數據資源和互聯網的多資源共享以及其他相關的方面，是一個綜合性的管理和應用的平臺和展示企業文化的平臺。企業前端每個重要模塊的功能如下：（1）主頁模塊一般來說，網頁設計的關鍵在于網站首頁的設計。網站首頁的設計主要是指首頁的框架和布局。主頁布局的布局可以簡單而華麗，向用戶顯示重要的公司內容。合理的布局使網站可以根據屏幕大小分為多個模式，并顯示在一個屏幕或半個屏幕上，然后根據重要性從上到下，從左到右排列，以滿足用戶的習慣大多數用戶的導航。（2）新聞模塊新聞模塊是網站的子列表頁面，主要用于顯示公司新聞和公告信息，以便用戶了解公司的各種動態。了解公司對行業的影響等。它也是網站信息。主要模塊是向用戶傳達公司信息的重要模塊。

（三）后端功能需求分析

網站后臺的開源decms框架系統。Dedecms擁有一套簡單方便的自定義標簽以及其自己獨立開發的模板引擎技術，從而可以降低維護成本。網站的前端頁面都是由dedecms模板技術生成的靜態頁面。靜態頁面直接獲取數據以生成頁面，這有利于網站的管理和維護。該模塊的主要功能如下所示。（1）articles模塊具有通過decms在后臺發布文章的功能。操作過程是單擊要發表文章的列，單擊添加文檔，然后在相應位置填寫文章信息。內容包括作者的姓名，出版時間和文章摘要。文章縮略圖，文章標題，文章主要內容。發布文章后，只需單擊以更新文檔并在網站的相應主頁上生成內容。（2）用戶管理網站后端進行用戶管理，可以增強普通會員的權限，成為某個模塊的管理員，方便網站管理。（3）管理模塊管理模塊實時更新網站。后臺有網站數據的備份和還原。數據備份可以保留數據庫表，并防止某些不可控因素使網站數據庫失敗或丟失。通過數據備份，可以很好地恢復數據。

三、前后分離模式的Web開發

MVC設計模式。在了解前端分離技術之前，應該清楚，前端分離實際上是傳統Web開發中MVC設計模式的演變。MVC的全名是ModelViewController，它將軟件系統分為三個部分：model-view-controller。它成為一種軟件體系結構，可以將業務邏輯，數據和可視化界面代碼彼此分離模式。MVC的分層模型簡化了組開發，并使開發人員能夠并行開發視圖，控制器邏輯和數據邏輯。

傳統的Web開發模型。在早期的Web開發中，前端和后端始終處于高度耦合的狀態。例如，Java服務器語言具有著名的應用程序框架，例如Struts2和SpringMVC。在這種類型的框架中，服務器端在瀏覽器端起很多作用。由于服務器本身的局限性，可以完成的工作無法使用許多可用于提高頁面性能和優化用戶體驗的前端技術，這極大地限制了衡量前端技術的應用。隨著計算機技術的不斷發展，對Web界面的要求越來越高。如今，前端技術本身已經比任何服務器語言都難，而且前端和后端的交叉工作所引起的各種問題都限制了前端功能的使用。導致了前端和后端分離技術的出現。

前端和后端劃分。由于前端和后端是分開的，因此必須首先分割前端和后端之間的邊界。視圖層（V）用于顯示數據和創建頁面，該頁面屬于前端類別;模型層（M）用于處理業務邏輯和數據倉庫，這是后端工作。解決前后耦合問題的關鍵是應該在哪里計劃控制層（C）。 MVC模式下控制層的定義如下：控制層負責轉發請求并相應地處理請求。在MVC模式下，控制層主要扮演編程角色或處于路由映射位置。當客戶請求到達控制層時，控制層將解析請求的內容，然后根據需要將其傳遞到特定的服務器。模型層處理完成后，輸出響應返回到控制層，控制層將特定頁面發送到客戶端。

四、結語

企業門戶網站采用跨平臺設計是為了匹配不同終端用戶， 由于要兼容各種設備，因此，要重復編寫大量代碼，使頁面結構 雜亂，也影響了網站的訪問速度，要讓用戶有更加舒適的界面 和更好的用戶體驗，就要使用 Javascript進行交互性上的改進。 但其優點是面對不同分辨率設備靈活性強，能夠快捷解決多設 備顯示適應問題。缺點為兼容各種設備工作量大，效率低下， 一定程度上會改變網站原有的布局結構，會出現用戶糊涂的情況。另外運用開源框架進行信息管理在一定程度上緩解了開 發的壓力，但也讓網站結構代碼產生了冗余，網站功能實現上 會有一定的限制。

參考文獻：

[1]伍波華. 網站內容管理系統關鍵技術研究[D]. 中南大學.

[2]楊超. 基于iOS的企業宣傳平臺的設計與實現[D].? 2015.

[3]高晴晴. 企業網站建設中前端技術的應用[J]. 廣東經濟， 2020.