目录

一 电商项目基本业务概述

二 电商后台管理系统功能

三 电商后台管理系统的开发模式（前后端分离）

四 电商后台管理系统的技术选型

五 前端项目初始化步骤

六 创建新项目

七 安装 element-UI 插件

八 配置 element-UI 为按需导入

九 安装axios

十 码云上创建 vue_shop 仓库，将初始化项目托管到码云

一 电商项目基本业务概述

根据不同的应用场景，电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式。

二 电商后台管理系统功能

电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能

三 电商后台管理系统的开发模式（前后端分离）

电商后台管理系统整体采用前后端分离的开发模式，其中前端项目是基于Vue技术栈的SPA项目。

四 电商后台管理系统的技术选型

1 前端项目技术栈

• Vue
• Vue-router
• Element-UI
• Axios
• Echarts

2 后端项目技术栈

• Node.js
• Express
• Jwt
• Mysql
• Sequelize

五 前端项目初始化步骤

1 安装 Vue 脚手架

2 通过 Vue 脚手架创建项目

3 配置 Vue 路由

4 配置 Element-UI 组件库

5 配置 axios 库

6 初始化 git 远程仓库

7 将本地项目托管到 Github 或 Gitee 中

六 创建新项目

1 用vue ui创建项目

vue ui

2 创建新项目

3 手动配置项目，安装必要组件

4 配置为默认hash模式

5 保存项目预设

七 安装 element-UI 插件

八 配置 element-UI 为按需导入

九 安装axios

十 码云上创建 vue_shop 仓库，将初始化项目托管到码云