项目实训第四周（3）

社交云模块属于系统开发小组，该模块的功能主要是通过点击主页的社交云按钮跳转到社交云页面，展示社交云网络，在该页面中，以用户和饮食为点、两者交互为边构建可视化的交互图，可以查看的内容所有用户的用户名以及用户所收藏的食谱名称。

其中，用户与饮食以及二者的关系，需要获取数据库中的信息，获取用户饮食关系，在功能实现之后，需要将接口提供给用户模块。模块功能初步实现之后，提交给测试组与项目经理，让他们提出新的需求与改进方案。

其中，遇到的困难主要有两个，首先是用户节点的分布，由于最开始时是完全随机的分布，有可能会因此导致点与点之间可能会发生一些重遮挡，甚至是完全重叠或者点簇聚集到了一起，十分影响美观。

 

为了解决这个问题，采用了以下办法：

将整个屏幕划分成一个个的小的矩形，高度为三格，每一格的高度为300px，让所有的用户节点随机的分配到这些矩形中，每个矩形内，最多分配一个用户节点，并且保证每个用户距离所在矩形边缘的距离大于30px（矩形与用户之间的线段长度为25px），然后调整用户点的x坐标，让其尽量均匀地分布在整个页面。