軟件前端動態(tài)自適應(yīng)框架研究及應(yīng)用.pdf

1、隨著4G網(wǎng)絡(luò)的普及和移動終端技術(shù)的發(fā)展，各式網(wǎng)絡(luò)接入終端設(shè)備層出不窮。由于移動端設(shè)備與生俱來的便攜性和網(wǎng)絡(luò)接入的方便性，使其一經(jīng)推出便得到了人們的廣泛關(guān)注，正逐漸超越PC端桌面設(shè)備，成為互聯(lián)網(wǎng)訪問的主要終端。由于當(dāng)前許多互聯(lián)網(wǎng)網(wǎng)站都是專門為PC端開發(fā)的，通過移動端訪問時展示效果往往很差，已經(jīng)不能滿足人們的日常使用，而單獨為移動端設(shè)計頁面，成本又較高。于是，如何設(shè)計一套能在不同尺寸終端設(shè)備上都得到較好呈現(xiàn)的網(wǎng)站，成為網(wǎng)頁設(shè)計師們亟待解決的

2、問題。
　　本文以近些年得到廣泛關(guān)注的響應(yīng)式網(wǎng)頁設(shè)計為基礎(chǔ)，借助SSH整合網(wǎng)頁設(shè)計框架和Bootstrap前端技術(shù)，探討不同屏幕尺寸和操作系統(tǒng)下的前端動態(tài)自適應(yīng)頁面框架。本文的主要內(nèi)容和工作概況如下：
　?、抨U述了基于接口的軟件自適應(yīng)體系架構(gòu)
　　研究分析現(xiàn)有Web應(yīng)用程序開發(fā)技術(shù)，結(jié)合接口類思想，提出了基于SSH整合框架的軟件前端動態(tài)自適應(yīng)的總體框架；闡述了表示層、業(yè)務(wù)邏輯層、數(shù)據(jù)持久層中的軟件架構(gòu)；并給出了基于接口

3、的三框架相融合的工作機理。
　?、平o出了基于Web技術(shù)的軟件前端自適應(yīng)頁面設(shè)計方法
　　通過對Bootstrap前端框架的研究分析，優(yōu)化頁面分區(qū)方案，確定頁面布局樣式和布局響應(yīng)方案，并依據(jù)自適應(yīng)頁面設(shè)計思想，優(yōu)化斷點設(shè)置方案和頁面圖片處理技術(shù)，提高頁面在不同尺寸終端的展示效果；結(jié)合實際開發(fā)經(jīng)驗，給出自適應(yīng)頁面設(shè)計規(guī)則。
　?、墙o出了軟件前端自適應(yīng)性能優(yōu)化方法
　　從頁面前端設(shè)計和服務(wù)器框架設(shè)計兩個方面提出了框架的