基于Vue3的一个前端应用平台搭建方案(element+axios+qs+vue-router+scss)

2021年3月28日 15点热度 0条评论 来源: 北溟溟

vue3发布已久,相信迫不及待的小伙伴已经跃跃欲试了。作者也是趁着空闲时间,特意搭建了一个基于vue3的web前端应用平台,该平台基于element-plus实现前端UI展示,vue-router实现路由管理,axios与qs实现网络api请求,scss实现页面布局属性控制。由于vue3并不是vue2的简单升级,而是做了较大的改动,所以与以上的组件兼容还不是特别友好,有些组件的使用也和原来的处理方式大相径庭。作者参考了官网及许多其它作者的文章,特意搭建了一个基于vue3的web前端应用平台,以供各位参考,源码地址请参考https://gitee.com/northcangap/atp.git

是的,没有错,这个源码中也包括作者在前期文章中提到的ATP应用测试平台,他们是放在一起的,作者使用maven中的module统一管理,包括后面如果有其它的应用发布,也会使用这种方式发布,将所有的应用集中管理。目前该项目中包括三个项目,atp-platform(springboot开发的后端项目,支持atp-vue-app与atp-vue3-app的一些API测试)、atp-vue-app(基于vue2开发的web应用平台,主要用于一些作者开发中的经典案例总结)、atp-vue3-app(基于vue3开发,主要用于vue3的案例测试)。由于作者能力、精力有限,本项目目前还没有完整的文档说明,后期会加入文档说明。目前默认读者都是有一定springboot与vue项目开发经验,如果有遇到项目的中问题也可以评论或者私信与我,一定尽量即时解答,当然作者能力有限,也希望得到各位大神的指教。以上三个项目基础的架构及工具已经集成在项目中,读者可以直接下载使用或者参考。后续会持续更新,欢迎关注。项目效果图如下:

ATP应用平台

 

    原文作者:北溟溟
    原文地址: https://blog.csdn.net/yprufeng/article/details/115009595
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。