springboot+vue+对接支付宝接口+二维码扫描支付功能（沙箱环境）

下面是“springboot+vue+对接支付宝接口+二维码扫描支付功能（沙箱环境）”的详细攻略：

步骤一：搭建Spring Boot项目

首先，需要用Spring Initializr创建一个Spring Boot项目。在选择依赖时，我们需要选择Web和Thymeleaf等依赖，具体的依赖如下：

<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
<dependency>
   <groupId>com.alipay.sdk</groupId>
   <artifactId>alipay-sdk-java</artifactId>
   <version>4.3.3.ALL</version>
</dependency>
<dependency>
   <groupId>org.apache.httpcomponents</groupId>
   <artifactId>httpclient</artifactId>
</dependency>

步骤二：搭建Vue项目

接下来，我们需要使用Vue搭建用户界面。使用Vue CLI脚手架创建Vue项目，并且使用Vue Router管理页面路由。在开发过程中，需要使用到Element-UI组件库，还需要使用到Axios库来和后台进行接口通信。

步骤三：创建支付宝沙箱账号

在开发之前，需要在支付宝开放平台创建一个沙箱账号，开发者可以申请开发者权限和沙箱环境，然后创建沙箱应用。在创建应用时会生成应用的app_id、公钥、私钥等信息。在创建成功后，我们需要将私钥保存到后端的resources目录下。

步骤四：编写后台的支付接口

编写PaymentController类，创建支付宝支付的接口，并将接口的访问地址设置为"/payment/alipay".

```
@RestController
public class PaymentController {
private static final Logger log = LoggerFactory.getLogger(PaymentController.class);

   @Value("${alipay.appId}")
   private String APP_ID;

   @Value("${alipay.privateKey}")
   private String APP_PRIVATE_KEY;

   @Value("${alipay.publicKey}")
   private String ALIPAY_PUBLIC_KEY;

   private AlipayClient alipayClient;

   @PostConstruct
   public void init() {
       alipayClient = new DefaultAlipayClient("https://openapi.alipaydev.com/gateway.do",
           APP_ID, APP_PRIVATE_KEY, "json","UTF-8", ALIPAY_PUBLIC_KEY, "RSA2");
   }

   @RequestMapping("/payment/alipay")
   public String alipay(@RequestParam("amount") String amount) {
       AlipayTradePagePayRequest payRequest = new AlipayTradePagePayRequest();
       payRequest.setReturnUrl("http://yourdomain.com/return_url");
       payRequest.setNotifyUrl("http://yourdomain.com/notify_url");

       JSONObject json = new JSONObject();
       json.put("out_trade_no", System.currentTimeMillis());
       json.put("product_code", "FAST_INSTANT_TRADE_PAY");
       json.put("total_amount", amount);
       json.put("subject", "test");

       payRequest.setBizContent(json.toJSONString());

       String result;
       try {
           result = alipayClient.pageExecute(payRequest).getBody();
       } catch (AlipayApiException e) {
           log.error(e.getMessage(), e);
           result = "failure";
       }

       return result;
   }

}
```

在application.yml中添加对应的配置，包括APP_ID、PRIVATE_KEY和PUBLIC_KEY等信息：

alipay: appId: ${APP_ID:xxx} privateKey: | -----BEGIN PRIVATE KEY----- xxx -----END PRIVATE KEY----- publicKey: | -----BEGIN PUBLIC KEY----- xxx -----END PUBLIC KEY-----