小微公司響應式網站開發與實現研究發布者：本站     時間：2020-05-05 12:05:05

響應式網站, 主要是采用了HTML5語言。他是在通用標記語言下的一個應用超文本標記語言的第五次重大修改, 所以簡稱H5。他被廣泛應用于手機端前端界面開發, 平板網站開發, PC端網站開發等多種場景。PHP是一種通用開源腳本語言, 他比ASP等語言更快速地執行動態網頁, 安全性又優于ASP且免費等特點, 這對于小微企業官網開發, 有先天性的價格優勢。本文通過前端采用HTML5技術, 后端采用PHP和MYSQL的方式, 實現了小微公司官網的快速開發。

1 互聯網技術現狀

依托互聯網技術的高速發展, 特別是手機移動網絡的發展, 使得使用手機、平板等上網越來越具有優越性。人們可以在乘坐地鐵、公交等零散的時間中, 使用移動設備, 人們對移動設備和互聯網的接觸不斷加深。但是, 隨著智能化手機的不斷發展, 不同操作系統的手機各自為政, 各個手機的分辨率不同, 瀏覽器版本不同, 所以, 在前端界面顯示中, 需要照顧到多種不同屏幕尺寸的需要。HTML5具備開發簡單, 投入少, 執行速度快的特點, 所以一推出市場, 就在國內外引起強烈反響。

2 開發技術比較

2.1 響應式技術

HTML5是萬維網的核心語言標準, 比傳統的HTML語言功能更強大, 兼容性更好。他作為移動網絡發展的重要應用, 擁有巨大的發展潛能。作為一項開放性的技術, 成為移動網絡發展的一個重要影響因素, 以開放的Web標準為基礎, 開發出較為完備的編程規范, 具有視頻和音樂以及動態展示的效果, 并且具備強大的離線存儲功能, 運用此技術進行網頁的設計, 可以使網頁更加簡單易懂, 實現同一張網頁自動適應不同屏幕的大小, 根據屏幕的寬度和分辨率進行自動調整和頁面布局。

2.2 PHP技術

PHP是一種通用開源腳本語言。他是一個免費的語言, 入門簡單, 功能強大, 使用廣泛。他具備響應速度快, 程序開發簡單, 功能性和擴展性強的特點, 而且免費, 所以注定成為小微公司開發后臺的首要技術。

2.3 MYSQL技術

MYSQL是一個關系型數據庫管理系統。他最大的特點是免費, 數據庫小巧, 相應速度快語法結構簡單, 非常容易上手。所以PHP和Apache MYSQL組合, 可以實現投入少, 速度快, 開發周期短的良好的開發環境。

3 功能設計

3.1 網站架構模式的選擇

常見的網站開發模式有B/B、B/C、C/C等結構。針對小微企業的開發成本及運用實際, 本案例是采用的B/C模式結構進行開發。網站后端可以添加刪除修改數據, 讓前端客戶能方便訪問到。

3.2 網站功能設計

根據企業對于官網的要求, 將設計的開發系統模式進行了功能分類, 前臺的功能分區, 小微型企業, 一般具備很多通用共性, 包括首頁、公司介紹、資訊中心、發展戰略、項目案例、人力資源、聯系我們等模塊, 后臺根據前臺的顯示需要, 提供修改。比如, 后臺能自由添加、刪除、修改前臺顯示的新聞標題、內容。能夠對前臺顯示的圖片進行維護, 修改。

3.3 網站開發流程

為了讓項目能夠順利進行, 前期需要與客戶溝通網站制作意向, 做網站需求調研, 為客戶制作網站規劃方案, 同客戶洽談設計細節, 然后并且簽訂合同, 收取定金, 約定相關責任等問題, 之后開始具體的設計制作。制作完成后, 向用戶提交完成稿件, 網站細節做一些調整, 客戶最終確認, 交付尾款。上傳服務器, 整個項目制作完成。

3.4 開發語言及服務器的選取

公司網站由于是對外發布的網站, 系統對于服務器的性能有如下要求, 第一:響應性, 系統的響應時間能夠影響用戶的體驗, 所以, 在開發之前, 選取了目前代碼運行速度較快的HTML5開發前端。由于系統需要不定期的上傳內容進行維護, 所有又設計了后臺, 后臺采取了PHP+mySQL組合模式, 從代碼執行效率上, 保證了訪問的速度較快。

3.5 網站兼容性

公司官網由于代表了公司的形象和氣質, 所以要考慮到各種終端對網站的訪問效果。用戶千千萬萬, 終端瀏覽的平臺可能是手機、平板、電腦, 所以, 在設計網站之初, 就采用了對這三屏支持良好的HTML5開發前端。用可以跨平臺操作的PHP作為網站后端。第三:可維護性, 由于網站設計了獨立后臺, 可以進行常見的添加、刪除、修改操作, 所以, 極大的方便了對網站的日常管理維護。以下是部分實現兼容性判斷的的代碼:

通過對IE、火狐、谷歌、等不同瀏覽器的測試判斷, 均能按照瀏覽器的要求顯示出美觀、大方的內容。在手機端, 不同的分辨率下, 也最終實現了良好的兼容性。