【全栈之路】如何基于SpringBoot、uniapp、elementui快速开发电商系统（准备工作）_vue同时使用elementui和uniapp

其实电商项目开源的也比较多，有精简的也有臃肿的，有php、java、.net等，各有所长，比如行业里用的比较多的，ecshop开源电商系统，单商户版多商户版，模版也比较多；shop++、shopnc、javashop等，这里就不去细说了，言归正传

一个成熟的单商户电商系统，从终端划分，基本可以分为后台管理系统，移动端+公众号商城，小程序，苹果+安卓双端等，所以uniapp在这里优点就不用多说了，elementUi+vue目前前后端分离项目比较火的框架，开源后台管理系统也比较多，本文主要走常规路线，采用大家都熟悉的技术，快速开发电商项目，所以知识储备一定要到位。

第一步准备ide工具：

1、Spring Tool Suite

下载和安装地址：https://spring.io/tools/

2、Visual Studio Code

下载地址：https://code.visualstudio.com/

3、HbuilderX

下载地址：https://www.dcloud.io/

 本文将忽略开发过程中的环境配置比如：jdk环境配置、node环境、git环境、maven环境、mysql数据库、redis、mongo等

开发过程之前还需要继续熟悉

后端的管理系统ui框架：Element-ui

组件文档地址：https://element.eleme.io/#/zh-CN/component/installation

前端vue电商模版例子

地址：https://ext.dcloud.net.cn/plugin?id=200

当然下载hbuilderX里面新建uniapp也有模版例子

 后台管理系统的vue可采用vue的脚手架搭建，比如一些yarn的安装、npm的安装这里就不再一一描述了

本文将基于以上快速开发框架重新组装一套快速开发电商系统

迁出开源基础框架代码，里面只是封装了一些简单的增删改查，一些工具类，项目的基础框架，和一些常用的脚手架工具和文件。

• git clone https://gitee.com/shuogesha/shop2020.git
• 找到对应springboot、vue-admin、shop等三个文件夹，分别对应后台和接口文档，后台管理系统和uniapp项目

除了这些，还需要安装mysql的可视化工具如navicat、redis可视化工具等等