电商后台管理系统项目介绍和项目初始化

目录

一 电商项目基本业务概述

二 电商后台管理系统功能

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

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

五 前端项目初始化步骤

六 创建新项目

七 安装 element-UI 插件

八 配置 element-UI 为按需导入

九 安装axios

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


一 电商项目基本业务概述

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

电商后台管理系统项目介绍和项目初始化_第1张图片

二 电商后台管理系统功能

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

电商后台管理系统项目介绍和项目初始化_第2张图片

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

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

电商后台管理系统项目介绍和项目初始化_第3张图片

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

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 创建新项目

电商后台管理系统项目介绍和项目初始化_第4张图片

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

电商后台管理系统项目介绍和项目初始化_第5张图片

4 配置为默认hash模式

5 保存项目预设

电商后台管理系统项目介绍和项目初始化_第6张图片

七 安装 element-UI 插件

电商后台管理系统项目介绍和项目初始化_第7张图片

八 配置 element-UI 为按需导入

电商后台管理系统项目介绍和项目初始化_第8张图片

九 安装axios

电商后台管理系统项目介绍和项目初始化_第9张图片

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

你可能感兴趣的:(Vue,vue)