uniapp微信小程序-顺风车（五）

继续开发

功能list

• 微信登录功能
• 列表数据渲染到前端
• 个人中心查询
• 编辑功能按钮实现
• 完成功能按钮实现
• 取消完成功能实现
• 地址改为下拉框
• 联系方式不能直接显示
• 人找车的地址选择有点bug
  
  

---

报错
{message: “require is not defined”}

data: require('../../static/data.json'), // 引入省市区数据文件

改成

<script>
import data from '../../static/data.json';

export default {
  data() {
    return {
      localData: data
    };
  }
};
</script>

const定义的变量，在使用的时候不需要用this.调用，不然变量值get不到

报错
Resolved [org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Unexpected character (‘-’ (code 45)): Expected space separating root-level values; nested exception is com.fasterxml.jackson.core.JsonParseException: Unexpected character (‘-’ (code 45)): Expected space separating root-level values at [Source: (org.springframework.util.StreamUtils$NonClosingInputStream); line: 1, column: 6]]
前端请求体的参数有问题需要修改下

table里使用三元运算符

<view class="table-cell">{{ item.hasPet == false?"否":"是" }} </view>

前端列表获取不到数据

this.dataList = res.data.data;
要根据结构获取

在Java中，如果你有一个响应基类（例如Response），并且希望根据不同的情况赋值不同类型的data，可以使用泛型来实现。这样可以提高代码的通用性和灵活性

public class Response<T> {
    private int status;
    private String message;
    private T data;

    public Response(int status, String message, T data) {
        this.status = status;
        this.message = message;
        this.data = data;
    }

    // Getters and Setters
    public int getStatus() {
        return status;
    }

    public void setStatus(int status) {
        this.status = status;
    }

    public String getMessage() {
        return message;
    }

    public void setMessage(String message) {
        this.message = message;
    }

    public T getData() {
        return data;
    }

    public void setData(T data) {
        this.data = data;
    }

    @Override
    public String () {
        return "Response{" +
                "status=" + status +
                ", message='" + message + '\'' +
                ", data=" + data +
                '}';
    }
}

列表输出的时候，前端的id与后端查到的数据库id不能是一个id，前端id从1开始自增

v-for="(item,index) in this.dataList"
<view class="table-cell">{{ index+1 }}</view>

内容已同步更新到微信公众号：格鸰爱童话