链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

【Github】vue2-elm:基于vue2+vuex构建45页大型单页面应用

vue2 - elm是一个基于vue2+vuex构建的大型单页面应用,共45个页面,涵盖注册、登录、商品展示、购物车、下单等完整流程。创建者因网上缺乏此类复杂功能的vue实战项目而创建该项目,其接口数据源于配套后台系统,还提供后台管理页面,目的是构建跨前后端及移动平台的完整生态圈...

访问官网 →

项目名:vue2 – elm:基于vue2+vuex构建45页大型单页面应用

项目简介

这是一个基于vue2+vuex构建的大型单页面应用,共包含45个页面,涉及注册、登录、商品展示、购物车、下单等功能,是一个完整的流程。项目的创建者在初学vue时,发现网上的实战项目源码大多是简单的demo或者展示型项目,缺乏像涉及购物车这种对逻辑严谨度要求高、页面交互复杂的项目,所以创建了这个项目。项目所有接口数据来源于配套后台系统,还提供了基于element – ui搭建的后台管理页面。

项目目的

创建者最初是为了自己深入学习vue,因为当时网上缺乏此类复杂功能的vue实战项目源码。并且希望这个开源项目能够对看到的人有所帮助,其最终目的是构建一个横跨前后端,移动IOS、Android的完整生态圈,包括构建模拟外卖平台的后台系统、写出跨Android和IOS的原生APP版本,若时间允许还会出卖家版本。

核心技术

项目使用的技术栈为vue2+vuex+vue – router+webpack+ES6/7+fetch+sass+flex+svg。这些技术共同构建了这个复杂的大型单页面应用,例如vue2作为轻量级框架是项目的核心框架,vuex用于处理复杂的交互逻辑,在这个大型单页面应用中不可或缺;vue – router用于路由配置,webpack用于项目打包,ES6/7等新特性提升代码编写效率等。

项目总结

这个项目展示了vue在大型单页面应用中的能力,即使是涉及复杂逻辑(如涉及money的网页逻辑)的项目也能胜任。通过从登录注册到下单等一系列流程的实现,不仅加深了对vue的理解,对掌控大型项目也有很大帮助。希望大家对这个项目有兴趣的话可以多交流,欢迎在评论区留言讨论。

项目地址

GitHub链接直达