# 网易云点餐

**Repository Path**: li-runyou/netease-cloud-order

## Basic Information

- **Project Name**: 网易云点餐
- **Description**: 网易云点餐项目是为餐饮商家定制开发的管理系统，用户通过不同类型账号登录系统，获得不同类型的权限，同时可对商品进行查看、选择并进行相关操作，操作过后用户可以自行记录相关的日志并进行保存。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-12-19
- **Last Updated**: 2022-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 智能云点餐项目-webadmin-vue
    云点餐项目是为餐饮商家订制开发的点餐程序,
    用户可以通过微信小程序或app查看店铺信息，浏览商家菜品，查看菜品评论，选择菜品，加入购物车，生成订单，结算支付，省去服务员介绍，让点餐不再受时间空间限制.
    云点餐分为前端和后端管理平台.后台管理平台实现商家菜品等的增删改查,上下架对菜品数据进行维护。
#### 技术栈
    vue3 + ts + vue-router + pinia(vuex5.0) + elementplus + axios 

#### 模块功能
    1. 项目框架搭建
        脚手架快速生成项目目录
          >npm init vue@latest
        再添加其它库： ts  router pinia 
         elementplus axios normalize.css
       在没有写具体业务之前，保持一份到git库,作为项目模板，以后项目开发中，直接使用此模板.
       npm i 安装所有依赖项
       npm run dev 
       
    2. 登录模块
         确认密码、记住密码、验证码
         保存用户信息主界面显示， 保存token登录身份验证， 保存菜单，资源
         pinia封装
    3. 主界面
       菜单收缩，个人中心，
       动态权限菜单
       面包屑导航
    4. 设置模块
        菜单管理
        用户管理
        角色管理
           - 需求分析
              角色列表
              添加角色
              权限设置
               ...
               ...
    5. 菜品模块
        菜品管理
        分类管理
        购物车管理
        订单管理
        预约管理
        小票打印
        导出excel
    6. banner管理
       热门菜品
       限时特价
       ...
    7. 关于
       帮助
       

### 项目遇到的难点问题
1. 刷新界面数据消失白屏
   - 描述: 登录成功进入主界面之后，可以正常操作系统，但是，刷新界面时，所有数据消失白屏
   - 问题原因: 
     - 刷新界面(启重后台系统-重新从入口文件开始执行)，动态添加的菜单路由消失(动态路由保存在内存,菜单数据也是保存内存中)
     - 动态添加的菜单数据路由数据是登录成功动态添加，刷新界面没有走登录动态添加路由流程
   - 解决问题方案