简介

该项目是基于SpringBoot与Vue的前后端完全分离项目,是小编的一个大作业考核,2个人共同完成的,耗时:10天。

项目功能需求简介

该项目主要是一个商城系统,参与者有游客、管理员(也是商家),普通用户。游客可以浏览商品详情,搜索商品,同时也可以访问新闻咨询等,游客可以通过注册成为普通用户。普通用户可以购买商品,也可以将商品加入收藏夹和购物车,用户可以在后台查看自己的订单和修改个人信息,修改收货地址、收藏夹信息等。管理员除了拥有普通用户的功能外,还可以管理商品以及商品的分类管理,用户信息管理 ,新闻咨询管理,全部订单管理等。

项目涉及的技术

项目是基于springboot与vue开发的,完全的前后端分离,其数据以json格式通过ajax传递。其中还涉及到了redis缓存(购物车、收藏夹、用户登录状态都存储在redis中)、nginx(前端服务器)负载均衡,solr-企业级搜索引擎,支付宝支付,手机验证码,sftp文件上传等相关知识。

项目开发环境与配置

开发工具:IntelliJ IDEA 2021.3
项目结构:maven项目
支付宝支付:需要一个支付宝沙箱账号
redis:需要在Linux中安装redis
Solr:需要在Linux中安装Solr(分词器采用的是IK分词器)
Nginx:需要在Linux中安装Nginx
手机验证码:本项目采用的是互亿无线的短信验证码接口
内网穿T:因为采用的是支付宝支付,必须提供一个可供外网访问的地址给支付宝回调,这里采用的是Ngrok的内网穿T,用于前端服务器上
数据库:数据库采用的是Mysql-5.0
文件服务器:本项目的文件服务器采用的是云端的Linux服务器(可以与Nginx部署在一台虚拟机上)-部署在了tomcat上(可以部署在Nginx上-只需要再给一个端口号配置一下即可)

Solr安装

Nginx安装

支付宝开放平台(沙箱)

https://open.alipay.com/platform/home.htm

Ngrok

下载Linux版本(如果Nginx安装在win10上就下载win10版本,总之Ngrok是用于穿T前端服务器的)
https://ngrok.com/

手机验证码

https://www.ihuyi.com/

项目页面展示

前后端分离 vue spring boot 前后端分离项目_java


前后端分离 vue spring boot 前后端分离项目_数据库_02

前后端分离 vue spring boot 前后端分离项目_Nginx_03


前后端分离 vue spring boot 前后端分离项目_java_04


前后端分离 vue spring boot 前后端分离项目_支付宝_05


前后端分离 vue spring boot 前后端分离项目_支付宝_06


前后端分离 vue spring boot 前后端分离项目_数据库_07


前后端分离 vue spring boot 前后端分离项目_服务器_08


前后端分离 vue spring boot 前后端分离项目_java_09


前后端分离 vue spring boot 前后端分离项目_数据库_10

前后端分离 vue spring boot 前后端分离项目_Nginx_11

核心配置-需要配置为自己的信息

支付宝

前后端分离 vue spring boot 前后端分离项目_Nginx_12

前后端分离 vue spring boot 前后端分离项目_java_13


Redis和Solr、数据库配置

前后端分离 vue spring boot 前后端分离项目_服务器_14

文件服务器配置

前后端分离 vue spring boot 前后端分离项目_Nginx_15


更换图片地址(以Index.html为例子)

前后端分离 vue spring boot 前后端分离项目_java_16


手机验证码配置

本项目采用的是互亿无线短信验证接口,可以自己更换短信验证接口

前后端分离 vue spring boot 前后端分离项目_Nginx_17

源码(带数据库)
链接:https://pan.baidu.com/s/1aaWVAx7fUD0FWpHX6SFwdQ
提取码:2022

结尾
项目可能存在不完整的地方或者BUG,支付宝缺少对账功能以及退款处理。
管理员账号:admin 123456
若有错误,请谅解!!!