Web平台前端开发设计实现与应用

发布时间：2023-04-26 19:13

　　随着web环境跨入web2.0时代,网站平台前端的职能也从传统的静态数据的展示,转向为用户提供复杂的web服务和优秀的用户体验;越来越复杂的业务需求导致庞大的HTML文档和严重的代码耦合,从而出现了代码扩展能力差,难以复用,迭代困难等问题。大量的文档元素,向网站的加载和信息渲染提出了新的挑战。同时,前端正处于百家争鸣时期,技术发展迅速,HTML5和ES6新标准的提出为前端注入了新鲜的血液,而现有的大部分框架虽然在某些方面实现了前后端的解耦,但是摆脱不了服务端对前端的影响,因此优化信息渲染和加载方式、前后端并行开发,实现前后端的分离不仅仅开发过程的需求,更是实现代码高可用,低耦合的必经之路。本文作者在参与了多个前端项目开发前提下,研究了当前普遍采用的平台开发模式。基于两个应用场景——用户门户系统和后台管理系统,提出适合两者的开发模式,实现在不同场景下的前后端分离的方案。在用户系统提出了基于首屏渲染的页面加载方案。解决了前后端高耦合、前端代码逻辑差扩展性低以及由于页面元素庞大而导致的加载缓慢等问题。在后台管理系统中提出分层的概念,并以此为基础提出模块化的开发模式。本文主要围绕以下几点展开工...

【文章页数】：73 页

【学位级别】：硕士

【文章目录】：
摘要
abstract
第一章 绪论
    1.1 课题研究背景
    1.2 研究现状及存在问题
        1.2.1 web开发模式现状
        1.2.2 web开发模式存在问题
    1.3 课题研究意义与内容
    1.4 论文结构
第二章 Web前端开发相关技术研究
    2.1 浏览器工作原理
        2.1.1 页面渲染原理
        2.1.2 浏览器跨域问题
    2.2 Node.js相关技术
        2.2.1 Node.js
        2.2.2 Express框架
    2.3 HTML5相关技术
    2.4 本章小结
第三章 Web应用前端开发需求分析与架构设计
    3.1 Web应用用户系统前端开发需求与分析
        3.1.1 用户系统需求综述
        3.1.2 信息渲染机制需求与分析
        3.1.3 页面加载策略需求与分析
    3.2 web应用门户系统前端总体设计
        3.2.1 用户系统总体设计原则
        3.2.2 信息渲染总体设计思路
        3.2.3 页面加载总体设计思路
    3.3 web应用后台管理系统前端开发需求与分析
    3.4 web应用后台管理系统前端总体设计
    3.5 本章小结
第四章 Web应用用户系统前端详细设计与实现
    4.1 信息渲染详细设计与实现
        4.1.1 用户信息渲染模块详细设计与实现
        4.1.2 资源信息渲染模块详细设计与实现
    4.2 页面加载详细设计与实现
        4.2.1 静态文件加载设计与实现
        4.2.2 数据渲染策略详细设计与实现
        4.2.3 网站容灾方案详细设计与实现
    4.3 本章小结
第五章 Web应用后台管理系统前端详细设计与实现
    5.1 系统层次设计
    5.2 后台管理功能模块详细设计与实现
        5.2.1 事件模型详细设计与实现
        5.2.2 路由模块详细设计与实现
        5.2.3 服务模型详细设计与实现
        5.2.4 UI控件详细设计与实现
        5.2.5 消息推送机制详细设计与实现
    5.3 本章小结
第六章 云计算平台web系统前端应用
    6.1 平台概述
    6.2 云计算平台用户系统前端开发应用
        6.2.1 信息加载模块应用
        6.2.2 页面加载模块应用
    6.3 云计算平台后台管理系统前端开发应用
        6.3.1 数据模型
        6.3.2 UI控件模块应用
        6.3.3 展示模块应用
        6.3.4 监控模块应用
    6.4 本章小结
第七章 系统测试
    7.1 测试环境设置与搭建
    7.2 系统测试
    7.3 本章小结
第八章 总结与展望
    8.1 已完成的工作
    8.2 下一步工作展望
参考文献
致谢



本文编号：3802060