收藏本站
收藏 | 手机打开
二维码
手机客户端打开本文

基于Vue的前端开发框架的设计与实现

徐鹏涛  
【摘要】:Web应用是整个互联网与软件行业的重要组成部分。近年来,随着Web前端技术的快速发展,用户对产品的体验和可用性需求大幅度提升,但这也导致前端开发难度进一步增大。为了解决前端开发过程中代码重用性低、可扩展性差、不易维护等问题,进一步提高开发效率,使用框架开发逐渐成为趋势。Web前端开发中JavaScript主要用来处理页面交互和逻辑,这是开发人员最为关注也是工作量最大的部分。目前流行的JavaScript框架Angular.js、React.js、Vue.js等可以帮助开发者编写JavaScript逻辑,同时对于前端开发中常遇到的操作DOM、渲染数据等问题都有各自的解决方案。但是要直接使用这些框架进行实际项目开发,开发者仍需做大量的工作。针对上述问题,本文通过对前端架构的技术演进以及国内外的研究和发展状况进行分析,结合前端开发的实际需求,研究并开发了一套具有通用性的,便于在其基础上进行二次开发的前端框架。该框架运用前后端分离的MVVM软件架构设计模式,渐进式JavaScript框架Vue.js、Webpack构建技术、Element-UI等技术栈进行框架的开发。本文提出了后台前端的解决思路,提炼了典型的业务模型,封装了功能丰富的组件,对前端项目常用的功能进行集成,开发人员可以在框架的基础上快速构建Web应用产品原型,帮助开发者更多地将注意力放在具体业务逻辑的设计与实现上。这样一方面可以节约开发成本,另一方面可以提升开发效率,同时增强了系统的健壮性与规范性。本文在需求分析的基础上进行了前后端分离的整体架构设计,通过关注点分离进行分层架构实现。在具体的实现过程中采用模块化的开发方式,通过对前端项目中的通用性模块进行集成和封装,实现了基于Token的认证登录、用户信息获取、权限控制等基础功能。同时对通信模块进行系统地设计,封装了常用的service API,支持多种通信协议,构建了前端与服务器端之间的通信体系。用户在使用框架进行开发时,可以直接复用相关模块或者在模块的基础上进行二次开发,具有较好的可扩展性。本文详细介绍了框架的设计实现和使用说明,同时对构建和部署过程中的性能优化和跨域等问题提出了具体的解决方案。该框架目前已经应用于多个Web项目的开发,并取得了积极的效果,提高了开发效率。


知网文化
【相似文献】
中国期刊全文数据库 前20条
1 王鹏强;;基于vue的MVVM框架的研究与分析[J];电脑知识与技术;2019年11期
2 黄蔚;姚源;冯应超;;48V发动机前端附件系统浅析[J];时代汽车;2021年08期
3 王景新;曾超;程市;;发动机前端附件驱动系统试验研究及影响因素分析[J];柴油机设计与制造;2020年02期
4 代军;;新产品开发中模糊前端的评价与管理研究[J];科技管理研究;2016年08期
5 陈勇;官建国;谢洪泉;;前端聚合的研究进展[J];弹性体;2013年01期
6 许阳寅;;渐进增强的前端优化[J];程序员;2010年11期
7 宣华;Siebel专注于前端市场[J];通信世界;2004年41期
8 王思奇;;SC2第一日:Xluos的大喜大悲、“怂神”的4连胜节奏[J];电子竞技;2012年24期
9 雪落无痕;;让新鞋不再磨脚[J];家庭科技;2008年11期
10 ;潮流先锋——风向标[J];音乐世界;2003年09期
11 袁子弹;;好的作品能穿越年代[J];上海广播电视研究;2017年02期
12 林霖;王健;;加强科学管理 保证区域前端传输安全[J];有线电视技术;2017年01期
13 刘磊;;以工作过程为导向的《大前端开发》课程规划与设计[J];现代计算机(专业版);2015年33期
14 曹勇;李娜;;顾客导向与产品创新的前端管理研究[J];中国科技论坛;2011年01期
15 张广敬;;关于供应链前端管理模式研究[J];商场现代化;2007年19期
16 陈劲,高金玉;复杂产品系统创新的模糊前端影响因素分析[J];管理学报;2005年03期
17 王俊涛,郭成城,熊智,黎哲;多前端并行负载均衡集群服务器的设计与实现[J];计算机工程与应用;2005年30期
18 王明庆;;前端卸料搅拌输送车的应用与推广[J];建筑机械;1988年12期
19 翟丽;洪志娟;张芮;;新产品开发模糊前端研究综述[J];研究与发展管理;2014年04期
20 ;2011年五大网络前端技术展望[J];电子产品可靠性与环境试验;2011年03期
中国重要会议论文全文数据库 前20条
1 王艳;马弘舸;曹学军;李科;蔡武川;冯仕云;陈冀;陈琅轩;;雷达前端射频装置效应实验[A];中国工程物理研究院科技年报(2003)[C];2003年
2 张庆;李慧霞;;以前端治理的方法实现染整加工的节能减排[A];2013全国染整可持续发展技术交流会论文集[C];2013年
3 艾才杰;赵伟;张勇;;太赫兹(220GHz)收发前端测试[A];2015年全国微波毫米波会议论文集[C];2015年
4 郭岚;;浅析通过话务分析遏制话务流失,支撑市场前端[A];2007中国科协年会——通信与信息发展高层论坛论文集[C];2007年
5 惠施胜;;C波段雷达高度表接收前端的研制[A];1997年全国微波会议论文集(下册)[C];1997年
6 李超;徐军;罗慎独;薛良金;;毫米波低噪声集成接收前端[A];2001年全国微波毫米波会议论文集[C];2001年
7 胡晓镓;;介绍一部八毫米跟踪雷达接收前端[A];2005'全国微波毫米波会议论文集(第一册)[C];2006年
8 付永健;姜万顺;李小玲;邓建钦;;V波段辐射计接收前端组件的设计[A];2013年全国微波毫米波会议论文集[C];2013年
9 杨时红;刘洋;左涛;宾峰;陈宇鹏;汪名峰;黄振辉;;一种天线集成式高灵敏度小型超导接收前端的研制实例[A];2013年全国微波毫米波会议论文集[C];2013年
10 张晓阳;李栓涛;李欣;林浩佳;;W波段直接检波式辐射计接收前端[A];2018年全国微波毫米波会议论文集(上册)[C];2018年
11 彭钊;;职业院校前端项目开发课程微教学探索与实践[A];中国职协2017年度优秀科研成果获奖论文集(一二等奖)[C];2018年
12 裴乃昌;黄建;;W频段接收前端研究[A];2007年全国微波毫米波会议论文集(上册)[C];2007年
13 邓迅;;智慧城市建设中的Web前端开发[A];第十五届华东六省一市测绘学会学术交流会论文集(江苏上海论文分册)[C];2012年
14 刘洋;阮晓明;孙文娟;宾峰;石磊;王丽;傅斌;王曦雯;黄振辉;;星用高温超导接收前端[A];2017年全国微波毫米波会议论文集(上册)[C];2017年
15 夏铭;杜艳艳;;分布式HLR中前端负荷分担研究[A];中国通信学会第六届学术年会论文集(下)[C];2009年
16 李佩;方南军;王正义;;基于LTCC技术的雷达接收前端组件研究[A];第十四届全国混合集成电路学术会议论文集[C];2005年
17 辛雪军;何常明;;某发动机前端轮系支架结构分析[A];2017Altair技术大会论文集[C];2017年
18 张馥荔;万力铭;胡飚;李义林;;基于前端封装的机舱热管理与空气动力分析研究[A];2018中国汽车工程学会年会论文集[C];2018年
19 禹灿灿;;浅析发动机前端轮系的失效模式[A];第十二届河南省汽车工程科技学术研讨会论文集[C];2015年
20 李勇利;徐军;周进;;Ka波段接收前端的研究[A];2007年全国微波毫米波会议论文集(下册)[C];2007年
中国博士学位论文全文数据库 前19条
1 张克一;在线用户创新社区前端创新绩效研究[D];西南财经大学;2018年
2 王向展;数字多媒体接收系统前端关键技术研究[D];电子科技大学;2010年
3 黄俊;面向行人下肢碰撞保护的汽车前端结构快速优化设计研究[D];清华大学;2013年
4 白仲航;模糊前端驱动的机械产品创新设想产生研究[D];河北工业大学;2011年
5 张程高;用于生物电信号采集的高性能模拟前端电路关键技术研究[D];西安电子科技大学;2019年
6 翟伟乐;微波光子接收前端关键技术研究[D];西安电子科技大学;2021年
7 梁志明;用于植入式脑电记录的低噪声高输入阻抗模拟前端芯片的研究与设计[D];华南理工大学;2020年
8 于奇;CCD高清图像处理模拟前端关键技术研究[D];电子科技大学;2010年
9 丛远华;基于同步辐射显微技术原位研究高分子球晶的生长前端[D];中国科学技术大学;2012年
10 路后兵;ATLAS sTGC前端电子学测试关键技术研究[D];中国科学技术大学;2017年
11 王夏宇;多通道高性能激光雷达模拟前端集成电路研究[D];西安电子科技大学;2021年
12 金建峰;SSRF前端挡光元件设计中的若干力学问题研究[D];中国科学技术大学;2009年
13 吕强;基于数字相干接收的射频光前端关键技术研究[D];北京邮电大学;2012年
14 缪鹏;ATLASNSW sTGC探测器前端电子学研究[D];中国科学技术大学;2020年
15 李超;毫米波集成接收前端的研究[D];电子科技大学;2001年
16 李鸣;毫米波频率步进雷达前端关键技术研究[D];南京理工大学;2007年
17 张三锋;低功耗生物信号采集前端研究[D];电子科技大学;2021年
18 董家宁;PandaX-Ⅲ实验前端读出电子学方法研究[D];中国科学技术大学;2017年
19 陆宝春;支持敏捷制造的新一代控制系统理论、方法及应用研究[D];南京理工大学;2002年
中国硕士学位论文全文数据库 前20条
1 徐鹏涛;基于Vue的前端开发框架的设计与实现[D];山东大学;2020年
2 石冠洲;基于Vue的Web系统前端性能优化研究与应用[D];长安大学;2020年
3 夏凡;环境规制对就业的影响:前端与末端治理的差异分析[D];南京审计大学;2019年
4 高超;前端聚合法合成聚氨酯的研究[D];武汉理工大学;2010年
5 杜清兆;L和S波段高频收发前端研究[D];电子科技大学;2008年
6 傅显惠;2~18GHz接收前端关键技术研究[D];中国运载火箭技术研究院;2020年
7 张宇端;一种非接触智能卡芯片的模拟前端电路设计与实现[D];复旦大学;2014年
8 李东风;嵌入式高清视频前端及其远程控制的设计与实现[D];南京邮电大学;2011年
9 高勇;高可靠性X波段小型化接收前端研究[D];南京理工大学;2008年
10 万维雅;信息技术对产品设计模糊前端的支持[D];武汉大学;2005年
11 王璞;三毫米前端小型化技术研究[D];电子科技大学;2013年
12 李娜;顾客导向与模糊前端对产品创新绩效的影响研究[D];华中科技大学;2011年
13 孙圣涛;X波段脉冲雷达前端研制[D];电子科技大学;2015年
14 李毅响;毫米波集成接收前端[D];电子科技大学;2013年
15 敬龙;宽带微波前端技术研究[D];电子科技大学;2020年
16 蒋洪福;微波宽带接收前端小型化研究[D];电子科技大学;2017年
17 何剑峰;基于“事理学”理论的产品创新开发模糊前端设计方法研究[D];湖南大学;2009年
18 余嘉深;用于移动健康监测系统的模拟前端电路设计[D];东南大学;2019年
19 李丽勤;数据仓库前端工具的研究与开发[D];西南农业大学;2001年
20 陈荻;双频段多通道接收前端的研究[D];东南大学;2017年
中国重要报纸全文数据库 前20条
1 本报记者 杨文君;破解消费扶贫的前端问题[N];中国政府采购报;2021年
2 记者 樊丽萍;一方面抓前端筛查,另一方面全力抓救治[N];文汇报;2020年
3 本报记者 王伟;前端制作:与5G融合打通超高清产业最后一公里[N];中国电子报;2020年
4 ;为电信企业打造“标准化前端”[N];中国电子报;2007年
5 吕菁鑫;郑州联通强化对市场前端的支撑能力[N];人民邮电;2011年
6 记者 李远治 通讯员 阎丽娜;重庆电信出台市场前端承包方案[N];人民邮电;2014年
7 本报记者 任小昌;走在创新驱动的前端[N];绵阳日报;2013年
8 本报记者 耿兴敏;尚绍华委员:打拐要加大“源头”和“前端”治理[N];中国妇女报;2011年
9 本报记者 黄嵘;市场人士:衍生品市场需落实前端监管[N];上海证券报;2008年
10 本报记者 赵丽 李霆钧;电影要撬动市场,需在前端就发力[N];中国电影报;2015年
11 ;处于前端的 CAX[N];计算机世界;2002年
12 本报记者 唐泽文;后端重构架 前端细服务[N];四川日报;2016年
13 本报记者 黄正秉;缤纷鲜花新模式突破前端瓶颈[N];中国花卉报;2014年
14 本报记者 陈勋燕;前端营销人员素质决定电信企业竞争力[N];通信信息报;2004年
15 本报记者 那罡;后端分析 前端整合[N];中国计算机报;2009年
16 程国玲;镇江电信以网络优化支持前端[N];人民邮电;2004年
17 本报记者  陈国东 见习记者 刘远芬;GLP,设槛最前端[N];医药经济报;2006年
18 本报记者 黄淑慧;增强前端对客户的服务[N];中国证券报;2013年
19 通讯员 梅芳燕 记者 叶辉;普及幼儿前端教育 解放农村生产力[N];光明日报;2009年
20 本报记者 王小伟;新三板将力推审核前端化[N];中国证券报;2015年
 快捷付款方式  订购知网充值卡  订购热线  帮助中心
  • 400-819-9993
  • 010-62982499
  • 010-62783978