mintnoii / vue-mintshop Goto Github PK

View Code? Open in Web Editor NEW

679.0 10.0 203.0 9.78 MB

:meat_on_bone: :watermelon: 使用 ES6 + Mock.js + vue2.0 全家桶开发的前后端分离的外卖App。开发文档、流程完整详尽，非常适合作为个人练手项目。

JavaScript 32.32% HTML 0.55% Vue 65.10% CSS 2.03%

vueapp vue-router vuex vue-demo

vue-mintshop's Introduction

简介

1. 项目描述

此项目为一个前后端分离的外卖 Web App (SPA) 项目
使用了 Vue 全家桶+ES6+Webpack 等前端最新技术
包括商家, 商品, 购物车, 用户等多个功能子模块
采用模块化、组件化、工程化的模式开发

2. 你能从此项目中学到什么?

2.1 项目开发流程及开发方法

熟悉一个项目的开发流程
学会组件化、模块化、工程化的开发模式
掌握使用 vue-cli 脚手架初始化 Vue.js 项目
学会模拟 json 后端数据，实现前后端分离开发
学会 ES6+eslint 的开发方式
掌握一些项目优化技巧

2.2 Vue 插件或第三方库

学会使用 vue-router 开发单页应用
学会使用 axios/vue-resource 与后端进行数据交互
学会使用 vuex 管理应用组件状态
学会使用 better-scroll/vue-scroller 实现页面滑动效果
学会使用 mint-ui 组件库构建界面
学会使用 vue-lazyload 实现图片惰加载
学会使用 mockjs 模拟后台数据接口

3. API接口文档

项目API接口文档

4. 项目开发

完整项目开发流程说明文档

5. 运行项目

mintshop-client文件夹：

npm install
npm run dev

开启服务端程序之前要先安装mongdb，并且成功打开数据库连接

mintshop-server文件夹：

npm install
npm start

6. App演示截图

vue-mintshop's People

Contributors

Stargazers

Watchers

Forkers

ch20180702 hongzhengzheng huhui-coder qq540491950 wuou whw155 466689288 codingseed wangjunbo20 apls guoqiang0511 liyuanlove ysongsong marusz eternity99 a4800061 nweobject zhuhanlin1988 czkm huangdabao321 njzydark felixwu18 tinyfatboy uxzhen seannie peak-gf ymmagic 834640725 azaaza987 cloverbeth fangshibo henry397966594 sunkuiz 366350432 flycoolcar jimmyqu huanyu2015 f6945469 albinzhang github4android guomiaomiao2017 zhougl123 qw123gz wangqichen123 lunanccc 1024tianya duwenbinsvm hldxlx lidaen001 judy20191103 canjiao zhengwei1949 zhouguangnuan zhuoyan a-you ailsa-yj yuanhaowei34 chinesedon hhy5277 mrrs878 anxiangchegu lingui123 awhlmycn openheart123 zcy924160539 reashura tianwenju liry-code wcw610324844 chenna0204 jefferyzz c1oseyoureyes nationalwang funnywus xxbarca qqsang caikobe sihuanian lei-feng qingreee1 zelxy814 zkc1995 wwwlp lugang213 qiaokelilianren jin-yong-yang chencanming huairuan williamjie eliefly wmzhoujw polannanhai softwarethp1982 alicetea agassi241 jmdc xqsapper a1245513282 lvansmith elven-github

vue-mintshop's Issues

打包发布后Msite页面的图片资源无法显示

serve dist后打开5000端口，控制台报错：Failed to load resource: the server responded with a status of 404 (Not Found)
页面显示404 The requested path could not be found
想请教一下是什么原因？

这个经过 npm run build 打包放到服务器怎么才能有数据

已经star ，求文档，邮箱[email protected],谢谢您！

TypeError: Class constructor CacheBase cannot be invoked without 'new'
at Snapdragon.Base (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\base\index.js:48:11)
at new Snapdragon (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\snapdragon\index.js:23:8)
at Object.utils.instantiate (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\lib\utils.js:43:18)
at parse (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\index.js:736:28)
at memoize (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\index.js:859:13)
at Function.micromatch.parse (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\index.js:745:10)
at create (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\index.js:686:44)
at C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\index.js:695:16
at memoize (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\index.js:859:13)
at Function.micromatch.create (C:\Users\liupe\Desktop\Vue-MintShop\mintshop-server\node_modules\micromatch\index.js:684:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: nodemon ./bin/www
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\liupe\AppData\Roaming\npm-cache_logs\2021-07-08T07_55_39_988Z-debug.log

PS D:\vueProject\Vue-MintShop\mintshop-client> npm install
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npm.taobao.org/@babel/types/-/types-7.0.0-beta.44.tgz - [not_found] document not found
npm ERR! 404
npm ERR! 404 '@babel/types@https://registry.npm.taobao.org/@babel/types/-/types-7.0.0-beta.44.tgz' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! A complete log of this run can be found in:
npm ERR! D:\nodejs\node_cache_logs\2021-01-27T03_23_59_213Z-debug.log
PS D:\vueProject\Vue-MintShop\mintshop-client>

作者你好能请教一个问题吗

启动MongoDB怎么连接到这个项目的接口数据呀，就是启动服用应用npm start那里，我npm start一直报错，是不是我MongoDB不会连，没连上所以出错，谢谢啦

地址惊现鲁东大学。。

隔壁烟大路过 2333

谢谢你的源码！