前端进行数据渲染时,如果没有数据时,会显的特别丑,为了用户体验,我们往往需要给一个默认值,在处理默认值时,可以通过前端vue来进行默认值的处理,但是比较费时,且前端代码改动后通用性不强,最好的方式就是后端处理好数据后给一个默认值
我在这里用的.netcore 的profile进行数据映射后返回json给前端,因此处理的思路就是在做数据映射的时候判断值是否为空,如果为则给一个默认值
public UserProfiles() {
CreateMap<ApplicationUser, UserDto>()
.ForMember(
dest => dest.UserName,
opt => opt.MapFrom(src => src.BusUserName)
)
.ForMember(
dest => dest.phoneNum,
opt => opt.MapFrom(src => src.PhoneNumber)
).ForMember(
dest => dest.HeadImg,
opt => opt.MapFrom(src => src.HeadImg == null ? "../img/headimg.png" : "http://10.168.x.xxx:8088/" + src.HeadImg)
);
}