day16【前台】项目展示/02-尚硅谷-尚筹网-前台-首页显示项目-思路

好，下边我们来捋一捋这个流程啊，我们只看这一部分，这个数据怎么显示。那么呃，从最源头开始，哎，最开始的话，我们是访问的我们这个项目的域名啊，经过我们DNS解析啊，找到我们local host，找八零端口，找到我们的zoo，经过zoo呢，去找我们的authentication consumer。Authentic里边呢，过来以后呢，找的是我们porter handler找的是这个方法啊，就是斜杠这个地址定的这个方法啊，是经过这样的一个。呃，Java代码我们执行是这样一个过程。我们来画一下这个流程图。这儿呢？访问我们的域名。哎，过来。让他去找谁呢？咱们就不写了，他找的是我们authentic。

前面这些去掉。哎，我们知道是谁是谁就行了，找这个微博。然后呢，是找到我们这个微服务里边的这个方法。地址是斜杠哈。然后呢，方法是他。缩小一点。我是，我是个对不起，会死星人。啊，然后。哎，在这里边中间这个地方，我们要做的事情。

就是我们肯定是查数据，把这数据给查出来，然后放到这个里边显示。查数据库呢，我们就需要发送一个请求啊，调我们provider。去找他把数据给拿到。这样吧，把这个放下边。这拐个弯。找他去拿回来。我们的。啊。分类。和这个项目啊，这个是在一起的这个数据。拿到数据。啊，那肯定我们是放到模型的里边，然后在页面上呢，是Sam呢，去进行这个解析，到页面上去显示。页面上显示的时候，这里边儿我们主要要说的是这样一个事儿，他是。

呃，怎么样一个结构。啊，我们遍历的时候呢，肯定我们是觉得这样做很方便，就是先遍历这个分类的一个list，然后呢，分类的list里边再把项目的数据取出来，再便利这个项目的数据。所以说呢，我们看看是不是可以考虑哈，整个是一个分类的list。啊，整个是一个分类的list，里边有一个分类的对象，这个分类的对象呢，里边有一个项目的list，哎，在在在这个里边呢，再去便利我们的这个项目的list。哎，所以说这里边儿给他整一个双重的一个循环。啊，看看这个时候我们这个事儿怎么干。所以说我们得先设计一下啊，这个所谓的分类的分类和项目在一起的这个数据结构是什么样的。呃，它有这个，呃分类的数据。看着啊，咱们这个看怎么大家看怎么写的啊。

哎，分类的数据，然后这里边儿呢，有我们这个项目的数据。举个例子，哎，然后这边呢，还下边还是这个分类的数据。哎，后边就不一个一个写了啊，就是这么个，呃，以此类推。然后呢，说我们这个数据拆解开啊，它的结构呢，就是这样一个结构。那么整体上是什么呢？我们看一下这一部分。

这一部分啊，它是我们的一个分类的一个例子啊，分类呢，我们叫做一个type。哎，然后呢，是一个list，那么因为是在我们页面上去显示的啊，所以说这应该是一个。呃，又因为是在首页上显示的，所以说我们可以把这个叫做photo type6啊，是这样的一个东西的一个例子。他应该是作为我们的一个发型。然后呢，大家看。我们这个项目的数据，它也是一个list。所以说再扩一下这边。它也是一个list，也就是说这个项目的list，它是我们这个分类的。

分类的这个实体哈，这是一个分类的实体，是它的一个list的一个属性，List类型的一个属性。所以说这应该是这样的。这个叫做首页，上边我们要显示的是project。一个六。哎，这里边儿用到了一个portal这个单词哈，Portal就是门户的意思啊，我们用它来代表我们的首页。所以说呢，这个分类数据的实体就是port type view port，呃，这个项目数据的实体呢，就是port project view啊，我们需要再创建这样两个VO的对象，他们两个的关系呢，就是在port VO里边包含项目数据的一个port project view。那么然后在project里边看，再看它需要显示什么内容啊。那具体的属性我们来看。呃，分类这儿呢，一个是分类的名称，再一个是分类的介绍，对应我们数据库表里边，大家看啊分类的表。

是我们的t tap这个表。啊，我这给他加了几个假数据啊，名字科技设计农业，后边这是他的一个介绍。分类的名字是这个字段，分类的介绍呢是这个字段。然后呢？这就能显示了，然后下一步呢，再去根据分类的信息，再去查询我们的项目的信息。查询这个项目的信息呢，哎，肯定是根据分类的信息去查询的啊，根据分类的信息，这有一个ID，根据这个ID呢，我们再去找我们的项目和分类的这个中间表，哎，再去呢，找我们的这个呃项目啊，所以说这是两个表的一个呃关联查询啊，这是这是这里边涉及到一个关联查询。嗯，还有一个需要注意的就是这个项目哈，最多显示四条啊，再多的话就不显示了，这边让他去按更多去显示更多是吧？哎，所以说这边就是看我们这个后边也得考虑这个怎么写。

现在咱们不必想考虑那么细哈，就是总之呢，这个项目分类的数据拆解开是这样一个结构，我们去把对应的VO的实体给它建出来。来这画个小箭头。对七啊好嘞啊。这是一个我们大致上的一个思路的一个分析。后边呢，咱们就按照这个一步一步的去实现。哎，在这儿咱们可以去列一下啊，这个操作的一个步骤。啊，分这么几步。第一步呢？呃，是在这个受配置这个方法里面啊，去调用我们，嗯。

这样吧，这样不是从这咱们做不能从这开始哈，咱们得从这开始，哎，就是得先去把port type view port project view这个实体给它建出来。创建我们的这个实体实体类啊，创建什么实体类呢。Photo type will。好。创建这两个尸体。然后呢，我们到MySQL provider里边啊，我们去提供对外暴露一个接口，可以用来去查询我们这样的数据。这个需要去找我们的my provider。哎。他要去我们去暴露一个数据查询的一个接口。

呃，这个暴露查询接口呢，需要有这么几个部分啊，第一个他自己得先去把查询的SQL得写出来啊，这个里边呢，就涉及到我们的map配置文件里边去写啊，因为查的是项目的数据，我们就在project po map。里边呢，去做这样一个查询。在这个map里边去编写我们的一个这个叫。呃，查询数据的搜索语句。再下一个呢，是我们。嗯，在project po的。Map。这个接口中。哎，声明一下我们查询数据的方法。啊，因为接口和我们的接口的方法和思考语句是对应的。

再再下来呢，是我们在。啊，这个我们叫project。Service中啊，去调用这个接口。呃，调用我们的。Map的方法。哎，然后调用方法是目的是我们是为了拿到我们的数据。呃，然后呢，在我们这个project中。去调用我们这个service方法。哎，拿到数据。这时候拿到数据以后呢，这就返回了。诶，然后呢，是我们的API在API里边呢，我们得去声明一个的一个接口。

啊，我们的API呢，是这个工程啊的API。嗯。这写上啊，这是my circle provider的服务啊，这是服务，但是这个API不是服务，它只是个工程啊。去声明一个。找借口。当然是和前面这和它这个暴露的这个啊，是是对应的。再下来呢，我们就是在我们的authentication。Consumer。中我们去调用啊这个。MySQL provider暴露的这个接口。好。呃，它这边调用这个接口呢，返回数据，返回数据存到模型里面，到页面上去显示，所以说呢，我们就需要在我们这个。

Port。啊，就是我们首页这个页面啊，我们去找一下。首页的页面在我们time place里边po点啊，是它现在我们这现在用的都是假数据，我们要给它换成这个真实的数据啊。哎，显示。啊，我们。模型。中的这个数据啊，模型里边数据是哪来的呢？是调MySQL provider这个接口之后拿到数据去存入。存入大模型。哎，是这么几个啊过程，所以下边这个，我们通过刚才这个分析，咱们就知道我们下边要具体要去做什么了，然后咱们就一步一步去把它给实现。