06-Vue全家桶-项目实战（上）.pdfVIP

Vue全家桶-项目实战（上） 目  项目概述 C  项目初始化 o n  登录/退出功能 t  主页布局 e n t s 1. 项目概述 1.1 电商基本业务项目概述 根据不同的应用场景，电商系统一般都提供了 PC 端、PC 后台管理、小程序、移动 Web、移动 APP 等多种终端访问方式。 PC 端 PC后台管理 小 程 序 服务器 数据库 移动Web 移动APP 1. 项目概述 1.2 电商后台管理系统的功能 电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能。 电商后台管理系统 用 退 用 权 商 订 数 户 出 户 限 品 单 据 登 登 管 管 管 管 统 录 录 理 理 理 理 计 角 权 商 分 参 色 限 品 类 数 列 列 列 管 管 表 表 表 理 理 1. 项目概述 1.3 电商后台管理系统的开发模式（前后端分离） 电商后台管理系统整体采用前后端分离的开发模式，其中前端项目是基于 Vue 技术栈的 SPA 项目。 前端项目（SPA ） 后端项目 数据库 用户 1. 项目概述 1.4 电商后台管理系统的技术选型 1. 前端项目技术栈  Vue  Vue-router  Element-UI  Axios  Echarts 2. 后端项目技术栈  Node.js  Express  Jwt  Mysql  Sequelize 目  项目概述 C  项目初始化 o n  登录/退出功能 t  主页布局 e n t s 2. 项目初始化 2.1 前端项目初始化步骤 ① 安装 Vue 脚手架 ② 通过 Vue 脚手架创建项目 ③ 配置 Vue 路由 ④ 配置 Element-UI 组件库 ⑤