SpringBoot+Vue前后端分离的demo——简易版手机商城技术总结

作为一位博客小白，第一次写博客，不知道写点啥。就把自己再Java学习路上学到的东西总结一下，还有遇到的一些bug和解决方法也记录一下。希望对其他的出学者有一定的帮助吧。
最近跟着B站的南风老师写了一个简易的手机支付的demo，这里做一个简单的总结。

一.前端技术栈

1.Vue
2.便捷手机端开发组件： Vant
3.css样式组件：less

二.后端技术栈

1.SpringBoot
2.Spring DATA JPA
3.数据库：MySQL

三.主要业务流程

后端从数据库查询数据，封装成前端对象并通过接口返回给前端。前端通过axios访问后端接口，取出相应数据通过Vue和前端组件将数据在前端布局和展示。（我感觉需求文档真的很重要，因为前后端交互的数据格式都在这个文档里）

四.个人影响比较深的几个点

1.BeanUtils.copy：
用于后端完成数据库查询实体类和前端所需VO类之间对应属性的赋值，要求对应的属性名和返回值相同。
2.JDK8新特性 stream流：将集合转换为stream流，通过.map()方法完成对应属性的get赋值，最后再转换为集合。这时不需要类对应的属性名相同。
//常规写法

//        List<PhoneInfoVo> phoneInfoVoList = new ArrayList<>();
//        PhoneInfoVo phoneInfoVo = new PhoneInfoVo();
//        for (PhoneInfo phoneInfo : phoneInfoList) {
   
//            BeanUtils.copyProperties(phoneInfo,phoneInfoVo);
//            phoneInfoVo.setTag(new PhoneTag().creatTag(phoneInfo.getPhoneTag()));
//            phoneInfoVoList.add(phoneInfoVo);