毕设-前台功能截图

目录

1 首页

 2 用户登录

3 用户注册

4 众筹项目详情页面

5 用户中心

6 发起众筹

 

1 首页

显示已有的众筹项目；最上方有导航栏，可实现用户登录注册、管理员入口。

 

 

2 用户登录

只有用户登录了才能查看项目的详情。

 

3 用户注册

可使用手机号获取验证码；因为没有在阿里云申请模板，使用的是默认的模板，可在redis中查看；注册成功会跳转至用户登录页面。

其中，Redis服务部署在虚拟机的Linux环境中。

以下是Idea中Redis配置文件：

以下是虚拟机中Redis配置文件：

其中，短信接口使用的是阿里云的第三方短信接口。

以下是Idea中短信接口配置文件：

以下是阿里眼中短信接口使用情况图：

以下是手机接受到的验证码短信信息：

 

4 众筹项目详情页面

该页面会展示项目的详细信息；并且可以点击“支持”按钮支持该项目，支付功能使用的是阿里云的沙箱环境实现。点击支付按钮会进入支付流程，共有四步。

以下是支持按钮的功能展示图：

 

 

 其中，支付功能采用的是阿里云的沙箱环境测试的。

以下是支付过程展示图-沙箱版支付宝

以下是支付过程展示图-沙箱版支付宝首页

以下是支付过程展示图-沙箱版支付宝付款

以下是支付成功展示图：

以下是沙箱版支付宝使用需要的配置（IDEA）图：

 

以下是沙箱版支付宝使用需要的配置（阿里云）图：

 

 5 用户中心

该页面会显示用户的基本信息，可实现退出系统功能、发起众筹功能。点击退出系统会返回到众筹首页。

以下是用户中心页面：

 

6 发起众筹功能按钮

点击发起众筹按钮会进入发起众筹流程，共有四步。

以下是发起众筹流程-协议页面：

 以下是众筹项目详情填写页面：

 以下是发起众筹回报设置页面展示：

 以下是发起众筹项目成功页面：