软件工程：大作业报告（阶段四）

前端代码地址：Github

后端代码地址：Github

uniapp 设计

contact 页面如下所示：

image-20230103221932488

左侧人物滑动选择条

image-20230103222359002

具体来说这里添加了滑动设计，同时对已选择的对象进行了明显的视觉区分。当左侧人物选择栏选择之后，右侧的内容页也会发生改变。

image-20230103223222570

右侧内容页

image-20230103222630536

这里主要功能分为四部分：

  1. 用户基本信息展示：包含用户名、性别、手机号及地区（拼接）

  2. 动态信息：右侧展示动态数量，下发展示近四条动态的预览图，单击可以查看动态信息列表（分页查询，包含下拉触底及上拉刷新）

    image-20230103223038052

  3. 轨迹信息：右侧展示轨迹信息数量，单击可以查看轨迹信息列表（分页查询），同时单击具体的轨迹点可以拉起内置地图查看具体位置。

    image-20230103222945328 image-20230103223144787

  4. 功能按钮：删除好友

SpringBoot 设计（测试以本地为例）

通过 userId 获取轨迹数据

image-20230103223420607

通过 userId 获取联系人信息

image-20230103223550219