Vue2.0构建外卖平台商家端应用

本项目使用Vue2.0框架构建外卖平台商家模块,提供一个完整的前端开发案例。项目采用JSON模拟数据,并利用Vue Router和Vue Resource进行路由管理和数据交互。

项目特点:

  • 基于Vue2.0构建,代码结构清晰易懂。
  • 使用Vue Router实现页面路由,提升用户体验。
  • 采用Vue Resource进行数据请求,简化数据交互流程。
  • 模拟真实外卖平台商家端功能,提供实战经验。

运行步骤:

  1. 使用 npm install 命令安装项目依赖。
  2. 执行 npm run dev 启动本地开发服务器。
  3. 在浏览器中访问启动的服务地址即可。
0实战项目例子
vue2.0实现外卖APP商家模块,vue2.0实战项目例子 预估大小:219个文件
file
.babelrc 96B
file
index.js 1KB
file
prod.env.js 48B
file
dev.env.js 139B
file
package.json 2KB
file
index.html 396B
file
.DS_Store 8KB
file
reset.css 2KB
file
.DS_Store 6KB
folder
.gitkeep 文件夹
file
App.vue 2KB
file
.DS_Store 6KB
file
sell-icon.svg 3KB
file
sell-icon.eot 2KB
file
sell-icon.woff 2KB
file
sell-icon.ttf 2KB
file
util.js 548B
file
date.js 639B
file
store.js 589B
file
mixin.styl 612B
file
icon.styl 1KB
file
base.styl 586B
file
index.styl 67B
file
main.js 827B
file
rating.vue 8KB
file
shopcart.vue 8KB
file
special_3@2x.png 2KB
file
decrease_3@3x.png 3KB
file
discount_3@3x.png 3KB
file
invoice_3@3x.png 2KB
file
guarantee_3@2x.png 1KB
file
discount_3@2x.png 2KB
file
decrease_3@2x.png 2KB
file
goods.vue 7KB
file
special_3@3x.png 3KB
file
guarantee_3@3x.png 2KB
file
invoice_3@2x.png 1KB
file
star36_on@2x.png 1KB
file
star24_off@3x.png 1KB
file
star.vue 2KB
file
star48_on@3x.png 2KB
file
star36_off@3x.png 2KB
file
star48_off@2x.png 1KB
file
star48_half@3x.png 3KB
file
star48_half@2x.png 2KB
file
star24_half@2x.png 1KB
file
star24_on@3x.png 1KB
file
star24_half@3x.png 2KB
file
star36_half@3x.png 2KB
file
star36_off@2x.png 1KB
file
star24_off@2x.png 1KB
file
star24_on@2x.png 1KB
file
star48_on@2x.png 1KB
file
star48_off@3x.png 2KB
file
star36_on@3x.png 2KB
file
star36_half@2x.png 2KB
file
split.vue 335B
file
ratingselect.vue 3KB
file
special_2@3x.png 3KB
file
decrease_1@2x.png 2KB
file
guarantee_1@2x.png 2KB
file
special_2@2x.png 2KB
file
discount_1@3x.png 2KB
file
header.vue 8KB
file
brand@2x.png 2KB
file
discount_2@2x.png 1KB
file
invoice_2@2x.png 2KB
file
decrease_2@2x.png 2KB
file
decrease_2@3x.png 3KB
file
decrease_1@3x.png 2KB
file
discount_2@3x.png 3KB
file
guarantee_2@3x.png 3KB
file
invoice_1@3x.png 3KB
file
bulletin@3x.png 4KB
file
bulletin@2x.png 2KB
file
invoice_1@2x.png 2KB
file
discount_1@2x.png 2KB
file
guarantee_1@3x.png 3KB
file
invoice_2@3x.png 4KB
file
special_1@2x.png 2KB
file
special_1@3x.png 3KB
file
brand@3x.png 5KB
file
guarantee_2@2x.png 2KB
file
discount_4@3x.png 3KB
file
invoice_4@3x.png 2KB
file
seller.vue 8KB
file
invoice_4@2x.png 1KB
file
decrease_4@2x.png 2KB
file
guarantee_4@2x.png 1KB
file
decrease_4@3x.png 3KB
file
discount_4@2x.png 2KB
file
special_4@3x.png 4KB
file
special_4@2x.png 2KB
file
guarantee_4@3x.png 2KB
file
cartcontrol.vue 2KB
file
food.vue 8KB
file
misc.xml 648B
file
.name 4B
file
.DS_Store 6KB
file
modules.xml 276B
file
jsLibraryMappings.xml 272B
file
sell.iml 358B
file
encodings.xml 159B
file
watcherTasks.xml 146B
file
workspace.xml 67KB
file
vueapp_node_modules.xml 422B
file
.eslintrc.js 647B
file
外卖06_商家页.jpg 338KB
file
外卖02_商品页_公告及优惠信息_spec.png 385KB
file
外卖01_商品页_spec.png 426KB
file
外卖06_商家页_spec.png 695KB
file
外卖05_评价页_spec.png 352KB
file
外卖03_商品页_购物车详情_spec.png 300KB
file
外卖04_商品页面_商品详情_spec.png 1.07MB
file
外卖04_商品页面_商品详情.jpg 193KB
file
外卖05_评价页.jpg 190KB
file
special_2@3x.png 3KB
file
decrease_1@2x.png 2KB
file
star36_on@2x.png 1KB
file
star24_off@3x.png 1KB
file
guarantee_1@2x.png 2KB
file
star48_on@3x.png 2KB
file
star36_off@3x.png 2KB
file
special_2@2x.png 2KB
file
special_3@2x.png 2KB
file
discount_1@3x.png 2KB
file
decrease_3@3x.png 3KB
file
brand@2x.png 2KB
file
discount_4@3x.png 3KB
file
star48_off@2x.png 1KB
file
discount_2@2x.png 1KB
file
invoice_2@2x.png 2KB
file
decrease_2@2x.png 2KB
file
decrease_2@3x.png 3KB
file
decrease_1@3x.png 2KB
file
discount_2@3x.png 3KB
file
discount_3@3x.png 3KB
file
guarantee_2@3x.png 3KB
file
invoice_3@3x.png 2KB
file
star48_half@3x.png 3KB
file
invoice_4@3x.png 2KB
file
star48_half@2x.png 2KB
file
invoice_1@3x.png 3KB
file
star24_half@2x.png 1KB
file
bulletin@3x.png 4KB
file
bulletin@2x.png 2KB
file
star24_on@3x.png 1KB
file
invoice_4@2x.png 1KB
file
invoice_1@2x.png 2KB
file
star24_half@3x.png 2KB
file
guarantee_3@2x.png 1KB
file
decrease_4@2x.png 2KB
file
star36_half@3x.png 2KB
file
discount_3@2x.png 2KB
file
star36_off@2x.png 1KB
file
star24_off@2x.png 1KB
file
guarantee_4@2x.png 1KB
file
discount_1@2x.png 2KB
file
decrease_4@3x.png 3KB
file
guarantee_1@3x.png 3KB
file
invoice_2@3x.png 4KB
file
discount_4@2x.png 2KB
file
special_4@3x.png 4KB
file
decrease_3@2x.png 2KB
file
star24_on@2x.png 1KB
file
special_3@3x.png 3KB
file
guarantee_3@3x.png 2KB
file
star48_on@2x.png 1KB
file
special_4@2x.png 2KB
file
star48_off@3x.png 2KB
file
special_1@2x.png 2KB
file
special_1@3x.png 3KB
file
star36_on@3x.png 2KB
file
brand@3x.png 5KB
file
star36_half@2x.png 2KB
file
guarantee_2@2x.png 2KB
file
guarantee_4@3x.png 2KB
file
invoice_3@2x.png 1KB
file
外卖01_商品页.mkm 11KB
file
外卖02_商品页_公告及优惠信息_spec.png 385KB
file
外卖02_商品页_公告及优惠信息.mkm 3KB
file
外卖01_商品页_spec.png 442KB
file
外卖06_商家页.mkm 5KB
file
外卖06_商家页_spec.png 695KB
file
外卖04_商品页面_商品详情.mkm 8KB
file
外卖05_评价页_spec.png 352KB
file
外卖03_商品页_购物车详情.mkm 4KB
file
外卖05_评价页.mkm 6KB
file
外卖03_商品页_购物车详情_spec.png 300KB
file
外卖04_商品页面_商品详情_spec.png 1.07MB
file
外卖03_商品页_购物车详情.jpg 91KB
file
外卖02_商品页_公告及优惠信息.jpg 122KB
file
.DS_Store 6KB
file
shopping_cart.svg 10KB
file
remove_circle_outline.svg 10KB
file
thumb_down.svg 10KB
file
add_circle.svg 10KB
file
arrow_lift.svg 620B
file
thumb_up.svg 10KB
file
favorite.svg 10KB
file
close.svg 10KB
file
check_circle.svg 10KB
file
keyboard_arrow_right.svg 9KB
file
外卖01_商品页.jpg 166KB
file
npm-debug.log 1KB
file
data.json 47KB
file
.gitignore 44B
file
prod.server.js 983B
file
README.md 367B
file
.eslintignore 23B
file
.editorconfig 147B
file
dev-client.js 245B
file
utils.js 2KB
file
build.js 917B
file
webpack.prod.conf.js 3KB
file
check-versions.js 1KB
file
webpack.dev.conf.js 1KB
file
dev-server.js 3KB
file
webpack.base.conf.js 2KB
...
zip 文件大小:7.62MB