react 访问后端_基于node+react实现的接口，管理员后台和前台H5

一、前言

原本想写一个三级分销的电商项目，最后因为工作和其他类项目暂时放弃了，这个项目还是很有参考价值的。

主要分为三套代码，接口类，后台管理员，前台H5，下面我会对部分文件详细介绍

二、整套代码目录

三、项目运行前准备工作

数据库导入：

把文件中healshop.sql文件导入数据库，在model中文件db.js中填写数据库信息

运行服务：

cd 到healshop目录，运行一下命令安装依赖(请确保你的电脑安装了node)

命令：npm install

执行成功后，在webstorm中右键点击 Run app.js  不报错，即服务启动

app.js是后台的入口文件，请在这个文件启动服务

代码：

实现的接口有：登陆、商品列表、添加商品、编辑商品、删除商品、添加分类、编辑分类、删除分类、添加分销、删除分销、编辑分销等。

四、运行admin后台

cd 到admin根目录 运行一下命令安装依赖(请确保你的电脑安装了node)

命令：npm install (安装依赖)

命令：npm start (启动项目)，成功后会在浏览器自动打开这个项目

后台登陆：账号：admin  密码：123456 (登陆请确保服务启动，不然是无法访问接口的)

目录：

五、运行效果

实现的功能：添加商品、编辑商品、商品列表、富文本编辑、分销商级别编辑、添加分销商等

运行H5:

cd 到h5根目录 运行一下命令安装依赖(请确保你的电脑安装了node)

命令：npm install (安装依赖)

命令：npm start (启动项目)，成功后会在浏览器自动打开这个项目

目录：

效果图：

实现的功能：

轮播、商品列表、广告、搜索、个人中心、商品列表、商品详情等；