All Projects → super456 → vue2.0-SellPosSystem

super456 / vue2.0-SellPosSystem

Licence: other
vue2.0实战项目——简单的快餐店系统

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue2.0-SellPosSystem

Vue Admin Template
a vue2.0 minimal admin template
Stars: ✭ 15,411 (+43931.43%)
Mutual labels:  vue-cli, axios, vue-router, element-ui
Vue Todos
vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!
Stars: ✭ 1,659 (+4640%)
Mutual labels:  vue-cli, axios, vue-router, element-ui
vue-element-admin
Vuejs实例-Vuejs2.0全家桶结合ELementUI制作后台管理系统http://www.cnblogs.com/weiqinl/p/6873761.html
Stars: ✭ 97 (+177.14%)
Mutual labels:  vue-cli, axios, vue-router, element-ui
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (+494.29%)
Mutual labels:  vue-cli, axios, vue-router, element-ui
Vue element shopmanage
基于vue+element的商品后台管理
Stars: ✭ 75 (+114.29%)
Mutual labels:  vue-cli, axios, vue-router, element-ui
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (+697.14%)
Mutual labels:  vue-cli, axios, vue-router, element-ui
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+3142.86%)
Mutual labels:  vue-cli, axios, vue-router, element-ui
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+3620%)
Mutual labels:  vue-cli, axios, vue-router
Xyy Vue
🎨基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
Stars: ✭ 1,316 (+3660%)
Mutual labels:  vue-cli, axios, vue-router
Ruoyi Vue Fast
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 107 (+205.71%)
Mutual labels:  vue-cli, axios, element-ui
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+31362.86%)
Mutual labels:  vue-cli, axios, element-ui
Web designer
网页设计器图形化工具,通过拖拽组件进行页面排版和生成页面代码
Stars: ✭ 219 (+525.71%)
Mutual labels:  vue-cli, vue-router, element-ui
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+7034.29%)
Mutual labels:  vue-cli, axios, element-ui
Vue Meizi
vue最新实战项目,vue2 + vuex + webpack + es6 干货多多,新手福利
Stars: ✭ 1,476 (+4117.14%)
Mutual labels:  vue-cli, vue-router, element-ui
Vue Admin
VUE2.0增删改查附编辑添加model(弹框)组件共用
Stars: ✭ 133 (+280%)
Mutual labels:  vue-cli, axios, vue-router
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+31237.14%)
Mutual labels:  vue-cli, axios, element-ui
Eleme
restructure..
Stars: ✭ 1,635 (+4571.43%)
Mutual labels:  vue-cli, vue-router, element-ui
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+208597.14%)
Mutual labels:  vue-cli, axios, element-ui
Vue Music
基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Stars: ✭ 855 (+2342.86%)
Mutual labels:  vue-cli, axios, vue-router
Fantastic Admin
一款开箱即用的 Vue 中后台管理系统框架,基于ElementUI,兼容PC、移动端,vue-admin, vue-element-admin, vue后台
Stars: ✭ 153 (+337.14%)
Mutual labels:  vue-cli, vue-router, element-ui

最近学习vue看到网上很多学习的资料,就找了一个项目系统练习,主要是想学习了的一些知识点,系统的组合运用一遍。网上根据技术胖老师博客的内容自己也实战了一遍,挺实用的,对vue框架有了更深入的了解以及自身能力的提升。

欢迎下载使用或二次开发。

(一)项目分析

这个项目主要是实现在线的用户点餐以及对点餐列表商品的增删改查等功能;然后使用mockplus工具画出草图,主要是方便开发。 项目框线图

(二)运用到的技术

1.使用vue-cli2.x搭建的开发环境;

2.使用vue-router做路由转换;

3.使用element-ui做界面美化;

4.使用axios做跨域请求接口数据;

5.使用icofont在线图标管理;

6.使用webpack打包管理;

7.使用vue2.0语法和es6语法;

(三)系统成果

运行结果

(四)系统使用

1.前提是要有node.js、npm、vue-cli环境(最好有Git,会方便很多);

2.下载项目(git clone最好);

3.打开终端切换到该项目名称下,执行以下命令行:

# install dependencies 安装开发环境的依赖,因为不是直接打包上传的项目
npm install

# serve with hot reload at localhost:8080 运行项目基本没问题
npm run dev

参考文献

技术胖老师的 Vue实战视频-快餐店收银系统

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].