项目实战 我们实现一个移动端外卖网站 前端技术架构 vue, vuex, vue-router,vue-sockek.io , axios, ES6, less|scss, webpack, vue-cli实现一个移动端单页面应用程序。 后端技术架构 mongodb nodejs sockek.io 事项的功能： 实现点餐的业务逻辑： 1】 侧滑导航 以及定义公共的底部导航组件 并实现显示隐藏 2】 首页首页分类数据渲染 首页菜品渲染 配置文件模块化 3】 详情页面传值 以及数据渲染 4】 桌号关联购物车数据、 购物车数量加减、选择菜品加入购物车、更新购物车数量 5】 购物车列表制作以及购物车列表数量增加 6】 选择用餐人数 备注口味信息 服务器保存用餐人数 7】 实现无刷新同步购物车数据 以及无刷新同步购物车数量 8】 无人收银系统修改为动态桌号 根据桌子号同步数据 目录架构 admin 后台文件 mobile 项目开发文件 public 项目挂在载文件 src 项目主要开发目录文件 components 项目组件 config 基本的配置文件夹 pages 路由文件夹 tool 工具文件夹 App.vue 主应用程序文件 base.scss 主要样式文件 main.es 项目入口文件 store.es store模块 webpack.config.js webpack配置文件 server 服务器文件
ssl https加密文件 static 静态资源文件 views 模板文件 app.js 服务器启动文件
路由 有三个页面，对应三个路由 首页 默认路由 列表页 /list/:id 详情页 /detail/:id 指令 启动项目 nodenom app.js 默认端口号3000 webpack -w 查看配置 vue config