day16【前台】项目展示/10-尚硅谷-尚筹网-前台-首页显示项目-代码-页面-显示分类信息

好，下边我们来看一下，我们刚才把。假数据哈，删掉多余的啊，只留下一个分类，只留下一个。项目信息只留下一个，那么到页面上呢，我们刷新了以后，就是看到这样一个效果啊，只有一个分类，分类里边只有一个项目。我们以它的标签结构为基础，然后呢，去加入我们真实的数据。这里边儿大家看。我们说每一个container是一个分类啊，所以说呢，我们在这个前面可以先来做一个判断，咱们可以去先去看一下这个，如果没有，万一要是没有加载到这个分类的信息啊。TH的if。在这里边进行一个判断。判断呢，我们要使用的是一个。这是一个的一个内置对象。Is empty。哎，去判断谁呢，判断我们传过来的。

这个东西。CRC。哎，去判断它啊，从请求域里边把这个取出来，判断它是否为空，如果为空的话，在这我们就得说。说这个没有加载。到任何的分类的信息。这是一个。那么另外一个呢，我们在这儿加一个not。就是说如果不为空的话，我们要显示下边的这些个内容。而我们下边这些个内容呢，是在这个container的。要把container给包起来，是这么一个关系啊，所以说在这呢，我们把这一部分container的部分哈，我们要给它缩进一下啊。这两个div并列的这个div是在这个div里边。然后如果我们判断它不为空的话，那么我们就可以去便历上。

这个便利呢，我们要便利的是portal data。哎，然后呢，给他这儿起一个名字，每编列出来的一个东西呢，是一个态度。这个type呢，放在这儿作为我们的分类的名称，这是分类的一个介绍。那分类的这个名称呢。现在这个科技本身并没有包在任何的标签里面。我们要是直接把它替换掉以后呢，也能做就成什么样了呢，就成这样了。太。点内。这个也能显示，我们看一下啊。包括我们后边这个吧，里边呢，TH的T。Type点看一下它显示的效果。哎，科技。涉及农业。

工艺这不都显示了。它能显示，但是这里边儿有一点不太理想啥的，你要是这么写的话呢。这个前前端工程师呢，他看这个他就不知道这要显示的是啥了，前端工程师可能他不明白这个什么意思。所以在这儿呢，我们。建议呢，还是把它放在一个标签里面。比如说我们要把它放在一个SPA表签里面。这样的话呢。前端工程师啊，他就知道我们这儿显示的是一个什么内容。他就知道在这儿啊，要显示的是分类的名称，然后我们这个东西。经过服务器端执行以后，把它替换成以后替换成真实的值，这个前端工程师把它这部分忽略掉就行了。所以说在这儿我们去刷新一下。这时候就变了哈，你看它这个大小就变了。呃，这个这就是我的改了以后是这个效果，那如果说我们介意哈，刚才他这个字体现在跟刚才那个字体不太对啊，那么我们这儿可以不用span标签，咱们用改成一个别的标签，比如说改成一个label标签。

哎，这就这就正常显示了是吧？呃，分类的名字和分类的这个介绍。然后呢，包括我们这样去处理之后呢，前端工程师通过这个还能够看到啊，我们这个当前这个位置要显示的是什么数据。