使用vue.js vue是当前最火的MVVM框架,(优点:轻量、简洁、高效、数据驱动、组件化) 本项目做的是:高仿上线外卖APP商家模块 开发过程:需求分析-脚手架工具-数据mock-架构设计-代码编写-自测-编译打包 以线上生产环境来开发:代码开发及测试环节:UI标注完美还原设计图、以真实外卖APP数据做演示,以保证代码无兼容性问题。 代码规范: (1)架构设计;(2)组件抽象;(3)模块拆分;(4)代码风格统一;(5)JS变量命名规范;(6)CSS代码规范;致力于编写高可维护,易于扩展,通用性强的代码,了解真实项目流程。 3. 学习内容 学习目标: (1)掌握vue.js在实战中的运用;(2)学会使用Vue.js完整开发移动端APP;(3)学会组件化、模块化的开发方式;(4)学会使用第三方组件库辅助开发;(5)学会项目部署和构建过程 学习内容:(1)Vue.js框架介绍;(2)vue-cli脚手架搭建基本代码框架;(3)vue-router官方插件管理路由;(4)vue-source ajax通信;webpack构建工具;(6)ES6+eslint 规范代码风格,代码风格审查工具
2025-06-22 21:00:12 12.53MB vue.js
1
Vue.js高仿饿了么外卖App
2022-06-15 19:06:38 8.63MB JavaScript开发-Vue.js相关
1
一个简单的外卖系统,包括手机端,后台管理,api 基于spring boot和vue的前后端分离的外卖系统 包含手机端,后台管理功能 本项目主要供交流学习,不建议商用。 技术选型 核心框架:Spring Boot 数据库层:Spring data jpa/Spring data mongodb 数据库连接池:Druid 缓存:Ehcache 前端:Vue.js 数据库:mysql5.5以上,Mongodb建议4.0(不要使用4.2及其已上版本,否则有部分api需要自行调整) 模块 flash-waimai-mobile 手机端站点 flash-waimai-manage后台管理系统 flash-waimai-api java接口服务 flash-waimai-core 底层核心模块 flash-waimai-generate 代码生成模块 快速开始 数据存储采用了mysql和mongodb,其中基础管理配置功能数据使用mysql,业务数据使用mongodb存储。 创建mysql数据库 CREATE DATABASE IF NOT EXISTS waimai DEFAULT CH
2022-04-27 09:13:15 11.12MB springboot vue Springdata ehcache
基于 vue vue-router vue-resource es6 stylus webpack 高仿饿了么外卖App商家详情
2022-03-26 19:04:27 21.31MB JavaScript开发-Vue.js相关
1
挺不错的一个例子 对我学习vue帮助很大 。
2022-01-07 11:46:09 9.69MB vue 外卖 饿了么
1
vue.js高仿饿了么WebApp 1.0到2.0版本完美升级 介绍 学习Vue.js也有一阵子了,为了加深对Vue的理解及运用,做了一个小项目。这是一个高仿饿了么外卖WebApp,现已完成商品预览、商品详情、商家预览、添加购物、查看评论等功能。 部分截图 路由展示 商品分类及添加购物 商品详情及购物车 项目预览 源码地址 点击预览(请尽量使用手机预览) 移动端也可扫描以下二维码预览 扫一扫查看 技术栈 虽然项目较小,但常用的技术工具均有使用,本项目对于vue初学者来说,难度适宜,可以从中学到各种工具的运用,若能独立完成此项目,对自动化构建vue项目将有很大帮助。正在学习Vue的同学,不妨亲手试试吧。本项目使用到的技术栈有: MVVM框架:Vue.js(2.x) 状态管理:Vuex 前端路由:Vue-router 服务端通讯:axios 滚动插件:iscroll 构建工具:webpack css预处理:stylus
2021-12-15 19:05:45 187KB vue饿了么
1
vue2.0高仿饿了么项目代码,vue2.0高仿饿了么项目代码,vue2.0高仿饿了么项目代码,vue2.0高仿饿了么项目代码,vue2.0高仿饿了么项目代码,vue2.0高仿饿了么项目代码,
2021-12-13 16:04:43 8.54MB bs's's's's' cs's's's's's ds's's's' s's's's's's'
1
Vue高仿饿了么APP 使用vue@2.0开发的高仿饿了么APP(用户端) 主要依赖 基于vue@2.0 使用vue-cli@2.0构建项目框架 使用vue-router@2.1进行页面路由切换 使用vue-resource@1.0.1进行http请求获取数据 模拟假数据存储在本地 使用stylus编写样式 使用eslint进行js代码的规范, 使用进行联动滑动 在线预览 (PC端建议开启chrome调试模式食用更佳,移动端直接在浏览器开启即可) 构建设置 # clone the repo into your disk. $ git clone https://github.com/cccyb
2021-11-06 21:25:57 321KB vue eslint stylus better-scroll
1
出售 Vue.js高仿饿了么外卖App课程原型,课程地址: ://coding.imooc.com/class/74.html 本原始代码基于GPL协议,仅用于Vue实战项目的学习,不可作为商业用途。 你可以学到什么 我们可以通过一张图来认识一下本课程的知识结构 如何学习 请从地面渠道购买本课程的教学视频: : 你还可以加入课程讨论群,与同学一起讨论问题,还可以得到我的亲自指导。 适合人群 适合有一定Vue.js和初级基础知识并且想深入学习Vue.js并使用在实战项目的同学。 去做 由于本课程录制时间较早,编写代码的时候Vue.js 2.0尚未正式发布,所以源码采用1.0编写,后续会更新到2.0版本。 master代码已经升级到最新的Vue.js 2.1.10版本,如果想查看1.0版本的代码可以切换到1.0的代码分支。 next分支已经基于Vue.js 2.5.x + cube-u
2021-07-08 15:14:43 248KB Vue
1
本项目是前端饿了么实战项目实战源码,适合前端基础学习和练习。几乎还原真实的商城,基本涵盖所有的页面和动画。简单易懂,适合有一定的javascript和vue基础小伙伴学习。
2021-06-19 19:08:17 160KB javascript vue.js vueX vue-cli3
1