点餐系统软件点餐首页（点餐系统软件点餐首页设计）

## 开发工具

vue-cli vue.js element-ui axios

## 项目运转

npm install 免费下载架包(有时也会不成功，试着重装)

npm run serve 运作新项目(端口号8090)

npm run build 装包新项目（dist文件夹内即是装包后编码）

## 目录结构 ##

├─public //公共模板文件 └──index.html //首页电脑浏览器载入的html模板 ├─src //项目代码 │ ├─assets //储放照片、iconfonts、css样式 │ └──views //前台接待控制界面 │ ├──components //封装形式的公共性子组件 | ├──router //前面路由器 |--api 远侧请求方法 ├──utils 存放一些常用函数 ├─ App.vue 总VUE逻辑性 └── main.js VUE总逻辑性通道 package.json node_modules .gitignore README.md

这是一款用以完成迅速线上外卖的新式外卖运用，该使用能够方便快捷的帮助企业迅速网上订单。总体页面使用了传承中国设计风格，促使使用人觉得更为有信仰。

1、 关键在于导航菜单：该导航菜单包含了“当地网上订餐”、 “商家中心” “超低价套餐内容” “行业资讯” 等几大主要功能版块，便捷顾客发布消息并检验当前情况;

2、 欢迎界面: 该页面上有一张左上角照片显而易见代表的是该运用的logo图片； 右下角乃是一张大气环境法老王做为打扮。这里也能看到有关app有关信息如版本号及时间格式;

3、 服务厅一部分: 最重要的就是服务厅一部分：不一样风味菜品显著间隔呈三行五衩之形。 每个关键标明也非常明显 this is spicy ,this is nutrition… 的字眼便把不一样口味差别出去;

4、 添加买东西一部分 : 接下来就是已选套餐内容之乡傍 ：这里将APP Name logo四员皆会转变 ～ 高大上升挡で => Coding by Ruby on Rail .

1、设置一个菜单栏，用以表明现阶段的程序模块及其应用名称。

2、在首页中系统分区菜单栏，分类整理地展现出不一样口味菜肴；

3、加上必须的搜索或过滤条件来帮助企业快速查找自己想要的菜单栏详细信息；

4、将全新营销优惠促销显著部位显⽰出去便于顾客对正在进行中的超低价公示有目的性阅读文章；

5、集成化全平台提交/应用图片与文字方法很多收拾好食材图文信息。 6. 制作一个单独用餐步骤回放保留作用便捷顾客随时清理历史时间用餐银行流水。