多用户管理系统的web前端框架研究
发布时间：2021-08-11 13:28
随着计算机和信息技术的发展,越来越多的企业、学校会通过Web应用程序的方式对信息进行管理。传统的开发过程中前端的工作只占很少的一部分,但随着浏览器的进步,用户需求的增加,对前端的要求就越来越高。传统的前端开发模式已经无法适应现在应用的复杂性,使得开发出来的系统难以使用和难以维护。本文针对前端开发中所出现的问题,提出使用前端框架的方式来协助开发。本文所设计的前端框架包含UI框架和模板框架两个部分,UI框架基于最新的前端技术,对前端样式、页面布局、常用组件插件等进行组合合与封装,方便开发者构建页而使用。模板框架使用MVVM（Model-ViewModel-View）的设计思想,实现页面表示层与数据层的解耦,帮助前端开发者构建以数据驱动的页面。通过框架的使用使前端开发者能够快速,高效地构建出样式美观,功能齐全,兼容性良好的前端页面。同时,对当今前后端开发者协作开发中出现的问题,通过框架使用前后端分离开发的方式提高开发效率,使得前端开发人员能够专注于页面的展示,后台开发人员能够专注于业务逻辑的实现。框架完成之后交付于开发者使用,实践表明本文设计并实现的前端框架能够协助开发者更好地工作,为中小企...
【文章来源】：北京邮电大学北京市 211工程院校 教育部直属院校
【文章页数】：73 页
【学位级别】：硕士
【部分图文】：
图２－２?ＡＪＡＸ过程图??
一个页面的开发，框架就需要为开发人员提供常用的页面结构、页面元素、常用??组件和插件，用户直接使用框架中定义好的样式，快速创建页面［４Ｑ１。ＵＩ框架部??分整体架构图如图３－１所示。??常用组件?￣￣ＪＳ插件￣??丨按钮组丨丨提示信息ｊ?｜导肮卜丨－－１导航效巢｜??响?｜返回顶部?｜下拉菜单?｜面包屑?曰期插件??应????－—?????式?按钮组?分页?表格—一表湖斿??？???．????计?页面基础元素?返回顶部??页面框架布局?悬浮广告????｜?栅格系统?｜丨图片轮插丨??图３－１?ＵＩ框架架构图??框架整体贯穿响应式设计的思想，能够让创建出的页面在各种尺寸的设备上??都能运行良好。响应式布局依赖于栅格系统［４＇通过流式布局来实现响应式。??信息管理系统多是两栏或者三栏的布局，以两栏布局为例，页面的左边一栏??常作为页面的二级导航，而右侧一栏常作为页面的主体部分，故框架将该种布局??作为开发人员布局系统页面的基础。具体需求如下：??（１）
一个页面的开发，框架就需要为开发人员提供常用的页面结构、页面元素、常用??组件和插件，用户直接使用框架中定义好的样式，快速创建页面［４Ｑ１。ＵＩ框架部??分整体架构图如图３－１所示。??常用组件?￣￣ＪＳ插件￣??丨按钮组丨丨提示信息ｊ?｜导肮卜丨－－１导航效巢｜??响?｜返回顶部?｜下拉菜单?｜面包屑?曰期插件??应????－—?????式?按钮组?分页?表格—一表湖斿??？???．????计?页面基础元素?返回顶部??页面框架布局?悬浮广告????｜?栅格系统?｜丨图片轮插丨??图３－１?ＵＩ框架架构图??框架整体贯穿响应式设计的思想，能够让创建出的页面在各种尺寸的设备上??都能运行良好。响应式布局依赖于栅格系统［４＇通过流式布局来实现响应式。??信息管理系统多是两栏或者三栏的布局，以两栏布局为例，页面的左边一栏??常作为页面的二级导航，而右侧一栏常作为页面的主体部分，故框架将该种布局??作为开发人员布局系统页面的基础。具体需求如下：??（１）
【参考文献】：
期刊论文
[1]基于虚拟DOM的Web前端性能优化研究[J]. 戴志诚,程劲草. 计算机应用与软件. 2017(12)
[2]基于框架的web前端（Bootstrap和MUI）之比较[J]. 严春燕,戴仕明. 网络安全技术与应用. 2017(04)
[3]轻量级响应式框架Vue.js应用分析[J]. 麦冬,陈涛,梁宗湾. 信息与电脑(理论版). 2017(07)
[4]基于MVVM模式的WEB前端框架的研究[J]. 易剑波. 信息与电脑(理论版). 2016(19)
[5]响应式网站的设计与开发[J]. 刘金承. 科技传播. 2016(18)
[6]基于Bootstrap响应式Web前端研究[J]. 陈员义,李艺志. 福建电脑. 2015(12)
[7]基于瀑布流式布局的展示类网站界面设计研究[J]. 徐晔. 轻工科技. 2015(12)
[8]Web页面加载方式研究分析与优化[J]. 徐世武,严玉姣. 计算机应用与软件. 2015(11)
[9]浅谈浏览器兼容统一性问题与解决方案[J]. 王国庆. 电脑知识与技术. 2015(07)
[10]Web前端性能优化方案与实践[J]. 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏. 计算机应用与软件. 2014(12)
硕士论文
[1]支持前后端分离的JavaScript开发框架的研究及在内容管理系统中的应用[D]. 路雯雯.山东大学 2017
[2]基于MVVM的Web前端响应式框架的研究与集成[D]. 贾丛丛.云南大学 2016
[3]基于MVC模式的Web前端框架关键技术研究与实现[D]. 乔淑夷.中国海洋大学 2014
[4]基于jQuery的Web前端框架MX的设计与实现[D]. 张迎亚.南京大学 2014
[5]企业网站的搜索引擎优化研究[D]. 张光年.厦门大学 2007
[6]基于轻量级J2EE的Ajax Web框架的设计与实现[D]. 陈思淼.电子科技大学 2007
本文编号：3336242
【文章来源】：北京邮电大学北京市 211工程院校 教育部直属院校
【文章页数】：73 页
【学位级别】：硕士
【部分图文】：
图２－２?ＡＪＡＸ过程图??
一个页面的开发，框架就需要为开发人员提供常用的页面结构、页面元素、常用??组件和插件，用户直接使用框架中定义好的样式，快速创建页面［４Ｑ１。ＵＩ框架部??分整体架构图如图３－１所示。??常用组件?￣￣ＪＳ插件￣??丨按钮组丨丨提示信息ｊ?｜导肮卜丨－－１导航效巢｜??响?｜返回顶部?｜下拉菜单?｜面包屑?曰期插件??应????－—?????式?按钮组?分页?表格—一表湖斿??？???．????计?页面基础元素?返回顶部??页面框架布局?悬浮广告????｜?栅格系统?｜丨图片轮插丨??图３－１?ＵＩ框架架构图??框架整体贯穿响应式设计的思想，能够让创建出的页面在各种尺寸的设备上??都能运行良好。响应式布局依赖于栅格系统［４＇通过流式布局来实现响应式。??信息管理系统多是两栏或者三栏的布局，以两栏布局为例，页面的左边一栏??常作为页面的二级导航，而右侧一栏常作为页面的主体部分，故框架将该种布局??作为开发人员布局系统页面的基础。具体需求如下：??（１）
一个页面的开发，框架就需要为开发人员提供常用的页面结构、页面元素、常用??组件和插件，用户直接使用框架中定义好的样式，快速创建页面［４Ｑ１。ＵＩ框架部??分整体架构图如图３－１所示。??常用组件?￣￣ＪＳ插件￣??丨按钮组丨丨提示信息ｊ?｜导肮卜丨－－１导航效巢｜??响?｜返回顶部?｜下拉菜单?｜面包屑?曰期插件??应????－—?????式?按钮组?分页?表格—一表湖斿??？???．????计?页面基础元素?返回顶部??页面框架布局?悬浮广告????｜?栅格系统?｜丨图片轮插丨??图３－１?ＵＩ框架架构图??框架整体贯穿响应式设计的思想，能够让创建出的页面在各种尺寸的设备上??都能运行良好。响应式布局依赖于栅格系统［４＇通过流式布局来实现响应式。??信息管理系统多是两栏或者三栏的布局，以两栏布局为例，页面的左边一栏??常作为页面的二级导航，而右侧一栏常作为页面的主体部分，故框架将该种布局??作为开发人员布局系统页面的基础。具体需求如下：??（１）
【参考文献】：
期刊论文
[1]基于虚拟DOM的Web前端性能优化研究[J]. 戴志诚,程劲草. 计算机应用与软件. 2017(12)
[2]基于框架的web前端（Bootstrap和MUI）之比较[J]. 严春燕,戴仕明. 网络安全技术与应用. 2017(04)
[3]轻量级响应式框架Vue.js应用分析[J]. 麦冬,陈涛,梁宗湾. 信息与电脑(理论版). 2017(07)
[4]基于MVVM模式的WEB前端框架的研究[J]. 易剑波. 信息与电脑(理论版). 2016(19)
[5]响应式网站的设计与开发[J]. 刘金承. 科技传播. 2016(18)
[6]基于Bootstrap响应式Web前端研究[J]. 陈员义,李艺志. 福建电脑. 2015(12)
[7]基于瀑布流式布局的展示类网站界面设计研究[J]. 徐晔. 轻工科技. 2015(12)
[8]Web页面加载方式研究分析与优化[J]. 徐世武,严玉姣. 计算机应用与软件. 2015(11)
[9]浅谈浏览器兼容统一性问题与解决方案[J]. 王国庆. 电脑知识与技术. 2015(07)
[10]Web前端性能优化方案与实践[J]. 王成,李少元,郑黎晓,缑锦,曾梅琴,刘慧敏. 计算机应用与软件. 2014(12)
硕士论文
[1]支持前后端分离的JavaScript开发框架的研究及在内容管理系统中的应用[D]. 路雯雯.山东大学 2017
[2]基于MVVM的Web前端响应式框架的研究与集成[D]. 贾丛丛.云南大学 2016
[3]基于MVC模式的Web前端框架关键技术研究与实现[D]. 乔淑夷.中国海洋大学 2014
[4]基于jQuery的Web前端框架MX的设计与实现[D]. 张迎亚.南京大学 2014
[5]企业网站的搜索引擎优化研究[D]. 张光年.厦门大学 2007
[6]基于轻量级J2EE的Ajax Web框架的设计与实现[D]. 陈思淼.电子科技大学 2007
本文编号：3336242
本文链接：https://www.wllwen.com/guanlilunwen/ydhl/3336242.html
