計算機網站設計關鍵技術應用

劉新華

（廣州市交通高級技工學校 廣東省廣州市 510540）

1 引言

目前，5G 通信、大數據、互聯網、云計算等技術的快速發展，人們已經進入到了先進的移動互聯網時代，基于計算機技術設計的網站覆蓋了各個行業，比如在線教育、智能旅游、醫療診斷、娛樂游戲、金融投資等，有效地提升了行業信息化、共享化和智能化水平。計算機網站作為人們與信息社會交流的一個重要橋梁，其引入的設計和開發技術也逐漸提升，但是，由于目前網站登錄的設備越來越多，不僅包括PD 電腦、筆記本電腦等，還包括智能手機、平板電腦、車載電子、安防門禁和工業控制顯示設備，因此網站渲染已經面臨著跨設備和多種尺寸屏幕的現狀，從簡單的人機交互網站開始向用戶體驗交互網站發展，因此網站輸出到不同的設備上會產生一系列問題，比如網站顯示不全面、網站無法打開、瀏覽器與網站無法適配，嚴重影響網頁用戶的體驗，也會降低用戶對網站的信賴度。

因此，網絡設計師和程序開發人員為了提高計算機網站的運行性能，經過多年的研究和改進，提出了一些先進的網站設計技術，比如HTML5+JavaScript、HTML5+CSS3 等，網站開發也引入了先進的工具，比如Photoshop、Fireworks 和Flash 等，為了能夠實現網站在多平臺上輸出，也引入了微服務架構和SQLite 數據庫，提高了網站信息處理的效率，一定程度上也提高了網站的開發水平。

2 計算機網站設計架構技術

計算機網站設計架構經過多年的研究，也提出了很多的種類，從最初的C/S 架構、B/S 架構等發展到了微服務架構，因此大大的提高了網站的可移植性、并發性和響應速度。C/S 架構模式的計算機網站必須安裝客戶端程序，因此對計算機設備的要求就比較高，不利于網站的推廣和提高用戶流量。B/S 架構模式的計算機網站只需要在瀏覽器上輸入服務器地址即可登錄，可以提高PC 設備登錄的速度，但是由于云計算和移動通信技術的發展，目前人們通過智能手機和平板電腦等移動設備登錄網站的頻率越來越高，因此傳統的C/S 架構和B/S 架構已經無法適應新時期的需求，網絡工程師提出了微服務架構[1]。基于微服務架構的網站架構如圖1所示。

圖1：基于微服務架構的計算機網站

微服務架構是一項非常先進的計算服務技術，其可以與當前最為流行的云計算進行結合，在云中部署應用程序，從而可以方便使用智能手機等移動設備登錄網站，微服務架構通過“輕量級設備與HTTP 型API 進行溝通”，可以實現網站的重構和逆向工程，從而可以在不影響網站整體架構的過程中，進一步提高服務性能，不影響計算機網站的接入和輸出[2]。微服務架構可以將網站的功能分解到各個離散的服務中，從而降低系統功能的耦合性和提高系統靈活性，圍繞計算機網站的業務領域組件創建應用，從而可以進行迭代升級和管理服務，加快了Web 應用網站向移動應用網站的轉變。微服務能夠給應用網站提供一個API Gateway 接口，為網站工程師提供一個服務入口，該入口對前臺是透明的，能夠聚合后臺的多種服務，實現安全過濾和流量控制，還可以提高網站的性能。

3 計算機網站頁面開發技術

目前，計算機網站設計的頁面開發非常重要，引入的關鍵技術非常多，比如HTML5、XML、JavaScript、CSS3 和DIV 等，不僅可以提高網頁動態交互設計能力，還可以實現網頁跨平臺和跨終端設備設計，滿足當前多屏幕尺寸的終端應用需求。CSS3 技術可以為網頁設計提供層疊樣式表，為網頁設計提供信息標記語言，準確的控制網頁版面的布局、顏色、背景，提高了網頁版面的豐富多彩性，也可以觸發網頁設計者的靈感，確保用戶的體驗更加簡易，增強人們瀏覽互聯網的興趣。DIV 可以完成網頁整體布局和框架結構設計，也可以運用網頁標記和語言等關鍵元素，為網頁設計提供一個系統化和結構化的背景，并且形成一個整體的網頁定位技術，DIV 技術可以為網頁設計提供約束配置和控制功能，有效的保護網頁設計文檔。基于DIV 在網頁布局中的定義結構代碼如下所述。

其中，wrapper 表示門戶網的主體，以便能夠與頁腳進行區別，header 表示門戶網頁頭，container 表示門戶網的內容；sidebar 表示側邊導航工具欄；maincontent 表示門戶網的主要功能區，可以劃分為左邊欄、右邊欄、上邊欄和下邊欄，使用DIV 可以針對主功能區進行更加細化的、嵌套的分割，從而可以美化門戶網頁面布局；footer 表示門戶網的頁腳，可以利用DIV 設置頁腳的開始位置和結束位置。

網頁布局設計完畢之后，就可以利用CSS3 進行詳細劃分，比如header 的設計包代碼如下。

網站開發采用DIV 和CSS 技術可以為學校網站提供一個更加合理的網頁空間布局，DIV 可以封裝網頁布局子模塊的內容，這些內容包括視頻、圖片、文字和表格，CSS 是一個層疊式的樣表，可以精確的控制網頁的布局、背景和其他可視化效果。網站開發采用DIV 和CSS 技術，可以將網頁中的代碼、數字和文字高效傳輸，并且可以過濾無效的和不合規范的數據信息，進一步提高網站的響應速度。

HTML5 則是最新的計算機網站交互技術之一，可以滿足多屏幕尺寸的自適應功能，比如網頁中的圖像顯示自適應大小代碼如下所述：“img{width:100%； -ms-interpolation-mode: bicubic；}”[3]。HTML5 還引入了本地數據庫，有效地支持DOM Storage 和Web SQL Database 兩種先進的存儲機制，可以完成本地存儲或高速緩存操作，還可以利用SQL 語法完成數據查詢和插入操作，這樣就可以提高交互式搜索的速度，提供一個緩存和索引功能，離線Web程序也可以使用，實現代碼如下：“if(window.applicationCache) {//支持離線應用}”[4]。HTML5 可以利用

4 計算機網站數據處理技術

計算機網站最為關鍵的功能是實現數據加工和存儲，目前常用的數據庫軟件包括SQL 數據庫、Oracle 數據庫、MySQL 數據庫，這些數據庫概念強大，但是由于許多計算機網站還要適應移動設備，因此又引入了一種輕量級的數據庫技術，也即是SQLite 數據庫技術，該技術是一種輕量級、并發性的數據庫加工軟件，其可以為數據庫插入、修改、刪除和查詢信息提供一個應用程序接口，實現多種數據庫的統一訪問功能[5]。SQLite 數據庫還包括四個關鍵接口函數，分別是用于注冊驅動的對象DriverManager、與數據庫創建的連接對象Connection、數據庫操作對象Statement 和數據庫操作結果集對象ResultSet。SQLite 數據庫能夠為開發人員提供一個標準的應用程序接口，可以將所有的數據庫操作語句嵌入到Java 程序中，可以為更高級的工具提供跨平臺操作技術，不需要受到應用軟件配置數據庫不同帶來的影響。

SQLite 數據庫能夠為計算機網站提供一個移動式分布計算服務，與Java 程序相互結合，更好地開發和實現移動設備軟件，SQLite 數據庫利用Java 遠程過程調用機制，是面向對象的一個組成部分，可以將完整的對象作為返回值或參數傳遞給系統，不僅僅預定義數據類型，也及時可以將哈希表這樣的復雜類型作為參數傳遞。SQLite 數據庫采用了自然的、直接的和功能全面的方法實現分布式計算服務，幫助程序員利用持續遞增的方式添加系統功能。SQLite 數據庫還具有可移動性，將屬性從客戶機移動到服務器，也可以從服務器移動到客戶機，降低客戶機或服務器的工作量，促使系統具備更大的靈活性。

5 結束語

計算機網站設計與開發是一項系統的、復雜的工作，其不僅要引入先進的技術保障網站順利開發，還要保障計算機網站的并發性、可靠性、可移動性、自適應性，因此人們引入了很多的先進技術，比如基于DIV 實現網站頁面的整體布局和分割，基于CSS3 技術實現每一個布局的設計，并且引入HTML5 技術實現網站的自適應和多媒體顯示，不僅可以有效規劃網站的整體，還可以實現網站內容與形式的分離，精簡網頁設計的代碼，促使網頁空間結構更加簡單和清晰，提高網站搜索引擎的索引效率，并且可以為未來網站升級提供契機，降低網頁開發的工作量，提高網站維護的效率。