隨著web環(huán)境跨入web2.0時代,網(wǎng)站平臺前端的職能也從傳統(tǒng)的靜態(tài)數(shù)據(jù)的展示,轉(zhuǎn)向為用戶提供復(fù)雜的web服務(wù)和優(yōu)秀的用戶體驗;越來越復(fù)雜的業(yè)務(wù)需求導(dǎo)致龐大的HTML文檔和嚴(yán)重的代碼耦合,從而出現(xiàn)了代碼擴展能力差,難以復(fù)用,迭代困難等問題。大量的文檔元素,向網(wǎng)站的加載和信息渲染提出了新的挑戰(zhàn)。同時,前端正處于百家爭鳴時期,技術(shù)發(fā)展迅速,HTML5和ES6新標(biāo)準(zhǔn)的提出為前端注入了新鮮的血液,而現(xiàn)有的大部分框架雖然在某些方面實現(xiàn)了前后端的解耦,但是擺脫不了服務(wù)端對前端的影響,因此優(yōu)化信息渲染和加載方式、前后端并行開發(fā),實現(xiàn)前后端的分離不僅僅開發(fā)過程的需求,更是實現(xiàn)代碼高可用,低耦合的必經(jīng)之路。本文作者在參與了多個前端項目開發(fā)前提下,研究了當(dāng)前普遍采用的平臺開發(fā)模式。基于兩個應(yīng)用場景——用戶門戶系統(tǒng)和后臺管理系統(tǒng),提出適合兩者的開發(fā)模式,實現(xiàn)在不同場景下的前后端分離的方案。在用戶系統(tǒng)提出了基于首屏渲染的頁面加載方案。解決了前后端高耦合、前端代碼邏輯差擴展性低以及由于頁面元素龐大而導(dǎo)致的加載緩慢等問題。在后臺管理系統(tǒng)中提出分層的概念,并以此為基礎(chǔ)提出模塊化的開發(fā)模式。本文主要圍繞以下幾點展開工...

【文章頁數(shù)】：73 頁

【學(xué)位級別】：碩士

【文章目錄】：
摘要
abstract
第一章 緒論
    1.1 課題研究背景
    1.2 研究現(xiàn)狀及存在問題
        1.2.1 web開發(fā)模式現(xiàn)狀
        1.2.2 web開發(fā)模式存在問題
    1.3 課題研究意義與內(nèi)容
    1.4 論文結(jié)構(gòu)
第二章 Web前端開發(fā)相關(guān)技術(shù)研究
    2.1 瀏覽器工作原理
        2.1.1 頁面渲染原理
        2.1.2 瀏覽器跨域問題
    2.2 Node.js相關(guān)技術(shù)
        2.2.1 Node.js
        2.2.2 Express框架
    2.3 HTML5相關(guān)技術(shù)
    2.4 本章小結(jié)
第三章 Web應(yīng)用前端開發(fā)需求分析與架構(gòu)設(shè)計
    3.1 Web應(yīng)用用戶系統(tǒng)前端開發(fā)需求與分析
        3.1.1 用戶系統(tǒng)需求綜述
        3.1.2 信息渲染機制需求與分析
        3.1.3 頁面加載策略需求與分析
    3.2 web應(yīng)用門戶系統(tǒng)前端總體設(shè)計
        3.2.1 用戶系統(tǒng)總體設(shè)計原則
        3.2.2 信息渲染總體設(shè)計思路
        3.2.3 頁面加載總體設(shè)計思路
    3.3 web應(yīng)用后臺管理系統(tǒng)前端開發(fā)需求與分析
    3.4 web應(yīng)用后臺管理系統(tǒng)前端總體設(shè)計
    3.5 本章小結(jié)
第四章 Web應(yīng)用用戶系統(tǒng)前端詳細(xì)設(shè)計與實現(xiàn)
    4.1 信息渲染詳細(xì)設(shè)計與實現(xiàn)
        4.1.1 用戶信息渲染模塊詳細(xì)設(shè)計與實現(xiàn)
        4.1.2 資源信息渲染模塊詳細(xì)設(shè)計與實現(xiàn)
    4.2 頁面加載詳細(xì)設(shè)計與實現(xiàn)
        4.2.1 靜態(tài)文件加載設(shè)計與實現(xiàn)
        4.2.2 數(shù)據(jù)渲染策略詳細(xì)設(shè)計與實現(xiàn)
        4.2.3 網(wǎng)站容災(zāi)方案詳細(xì)設(shè)計與實現(xiàn)
    4.3 本章小結(jié)
第五章 Web應(yīng)用后臺管理系統(tǒng)前端詳細(xì)設(shè)計與實現(xiàn)
    5.1 系統(tǒng)層次設(shè)計
    5.2 后臺管理功能模塊詳細(xì)設(shè)計與實現(xiàn)
        5.2.1 事件模型詳細(xì)設(shè)計與實現(xiàn)
        5.2.2 路由模塊詳細(xì)設(shè)計與實現(xiàn)
        5.2.3 服務(wù)模型詳細(xì)設(shè)計與實現(xiàn)
        5.2.4 UI控件詳細(xì)設(shè)計與實現(xiàn)
        5.2.5 消息推送機制詳細(xì)設(shè)計與實現(xiàn)
    5.3 本章小結(jié)
第六章 云計算平臺web系統(tǒng)前端應(yīng)用
    6.1 平臺概述
    6.2 云計算平臺用戶系統(tǒng)前端開發(fā)應(yīng)用
        6.2.1 信息加載模塊應(yīng)用
        6.2.2 頁面加載模塊應(yīng)用
    6.3 云計算平臺后臺管理系統(tǒng)前端開發(fā)應(yīng)用
        6.3.1 數(shù)據(jù)模型
        6.3.2 UI控件模塊應(yīng)用
        6.3.3 展示模塊應(yīng)用
        6.3.4 監(jiān)控模塊應(yīng)用
    6.4 本章小結(jié)
第七章 系統(tǒng)測試
    7.1 測試環(huán)境設(shè)置與搭建
    7.2 系統(tǒng)測試
    7.3 本章小結(jié)
第八章 總結(jié)與展望
    8.1 已完成的工作
    8.2 下一步工作展望
參考文獻(xiàn)
致謝



本文編號：3802060