day11【首页数据显示和添加Redis缓存】/06-尚硅谷-谷粒学院-首页数据显示-banner接口

静态页面都整合之后，下面呢，咱做功能，然后功能中我们主要要做什么，给大家说一下啊，第一部分咱就做这个叫首页数据的单ner的一个显示，也就是我们这个幻灯片的显示，把这个咱们做到啊，包括一会儿咱具体分析，然后做到之后咱们做它的后端接口，还有前端的页面，把这个流程我们都会给他圈出来，然后包括咱还做这个首页的名师和课程显示，也就是里边的这部分。还有热门课程，名师大咖这些咱会把它的接口都做到，然后都做到之后在前端页面中咱做个便利做显示啊，主要咱会完成这些功能。所以大家就知道啊，然后完成之后，最后咱再加那个缓存。那咱们下面来具体分析一下，这功能我们该怎么去做啊。那W来写上啊。我在里边操作一下啊，咱们先来实现就是。首页数据这个banner。

它的这么一个显示banner嘛，理解为就是咱说那个幻灯片或者说轮播图啊，比如我们说的很多人就学叫banner，就是指幻灯片轮播图。那咱们啊，看这个怎么来做啊，按照我的流程啊，首先第一个呢，因为咱们现在啊做的是一个新的一个部分，然后做这个班ner啊，包括做这个相关处理，所以我现在我就把这个ner，包括咱们首页的数据，然后给它放到一个新的一个模块中，比如说我现在在里边呢，因为咱们建个新的模块，我就叫service CS，用于发布咱这个最新的信息，最新数据，CS嘛，就是消息发布系统，信息发布系统啊，咱来做这个东西啊，这是第一个咱一块建个新的模块，然后在模块中来需我们具这些controlrler在里边做这个操作啊，主要咱里边写这个B。在三中做到，那咱们看啊怎么来做。

这位置我现在在Switch里边，我们先创建这么一个，有一个新的一个服务，然后服务我就叫WI3S，这个我提前创建过了，就按照我们之前这个过程，你点个model，然后里边建一个慰问工程，把这个创建出来。这个我提前创建过了，但是在创建过程中呢，各位可能会遇到这么一个问题啊，那我来说一下啊，比如说我在建个模块，咱说一下有一个小问题啊。这模块我先提前创建一个啊，这个模块是咱之前要用的，就是后面要用的啊，不是之前后面用的叫acl，然后做那个权限，我先创建出来啊。给大家说一个小问题啊。现在把它做创建，叫service这个。Acl就这个啊出来了，然后创建之后呢，目前这里边有这么一个问题给大家看一下啊，咱先等它加载完成，你看下面再加载啊，咱们稍等一下啊，加载完成。

因为他要下载里边一些相关的股价或一些相关一些东西。等他啊，先完成啊。就是这个你注意啊，各位在创建的时候，有时候你不用着急，这个如果没加载完成，那你的项目肯定是有问题的，加载之后再看里边有没有问题。啊，这个应该可以了啊，然后加载之后，咱看一下我刚才建这个AC。啊，这问题有啊，挺好，终于演出来了，大家看啊，不知道各位是否能看到目前的项目有一个问题。各位是否能看出来啊，咱跟他对比一下。各位应该能发现问题吧，你注意啊，Java文件夹没有错，但是resource前面图标是不对啊，比如说你这样的话，你再建result里边那个文件，这个文件应该加载不了，因为它这个文件夹的结构不对，类型是不对的。各位可能会遇到这个问题，那遇到这个问题怎么解决呢？之前我说过就当时给你演示，现在我再演示一下啊，咱的解决方案就是两种方式，第一种方式你可以不用理会，只是说啊，你在加载的时候，你需要手动把里边文件复制到你的卡里边去，就是手动做复制，这么做可以直接复制粘贴过来，但是咱们很多人不喜欢手动复制，想让它自动加载，那你需要把这个类型改一下，怎么改呢？点右键。

然后找到一个叫open model settings，找到啊open model setting这里，然后把这个点开，点开之后呢，它又进入到一个设置的页面，那我们记住啊，就这个页面，在页面中找到我们这个项目，刚才是这个项目，然后你看啊，Java这个就是resource resource目前没有，咱改成什么叫resource，你点包括test也不需要变，然后点完之后我们点这个，或者直接点OK。这样的话，咱们点完之后我们再来看。图标是变了，然后变完之后在里边呢，我们给它建一个文件，咱看一下啊叫这个。

Properties。就是一个配置文件，然后创建之后我们点OK，大家看配置文件的图标是不是一个叶子，当你是叶子加载是没有错啊，但是如果你不是叶子，那里边有问题了，但是我们一种最原始方式，你直接复制过去也能加载啊，所以这个问题各位都注意一下啊，你创建之后这个就是图标可能没有变，所以咱需要给他改变之后再创建。但是有一点各位要注意啊，就是你在创建之后，你发现图标没有变，你别先创建application文件，先改完图标再建文件，如果你建文件再改图标，它会有问题。这个注意啊，我再重复一遍，你创建之后看图标有没有变，没有变的话，用我刚才的方式点这个open model settings做这么一个设置，设置之后你在里边再来创建文件，不要说先创建文件再看图标，这样的话会有问题。

啊，这个各位注意一下啊，这是可能遇到的，一般来讲这是idea本身一个问题啊，你一般见三个以内的这个子模块没有错，当你建第四个可能会有问题啊，当然不排除有时候可能也没有问题，没问题最好有问题知道该怎么来解决啊，要么复制，要么改它的类型。都能解决这个问题啊，所以这是我们提到的啊，然后回到主题上来，现在我这个已经创建出来了，叫service CS，咱建一个新的模块，在这个模块中，咱就做那个banner的一些替换操作啊，把banner我们写到这位置。这个写下啊，我们的第一步。在service里面。创建一个子模块，我叫这个service CMS，在里边编写咱们banner的相关内容啊，这是第一步操作，我们就做到了，然后做到之后第二部分咱肯定要创建配置文件，然后来写配置文件中那种啊，第二步就是。

创建这个配置文件，然后编写里边内容，这配置文件我已经提前创建过了，又叫vacation点，然后在里边咱们把它的内容我们来从课件中复制一下啊，这些都有大先复制这个啊。里边就是对的那种。把它我先拿过来啊，然后给它放里面去，咱看一下这个内容中啊，首先我们现在是个新的模块，所以我们按照之前那个排序，我们到了804端口，这是服务名字，然后这个是数据库的地址啊，包括这个时间，还有这个map给咱一块儿改啊，还有那个日志。这些我们都拿过来了啊，这是第二部分，我们创建这个配置文件，包括里边编写配置一些相应信息，然后这个做到之后，因为咱们现在做的是一个叫班ner管理，就是幻灯片管理，所以这个幻灯片给大家说明啊，第三部呢，咱们需要专门建个表来维护这个幻灯片，就是里边的这些内容。

啊，第三步。我们创建一个数据库表。把它创建，然后创建表之后呢，因为咱要操作，所以咱就可以根据这个表使用，咱之前用那个叫代码生成器。把这个代码给它生成出来。这个啊是我们要做的第三部分创建表，用代码生成器生成咱的计算代码，那咱们来看一下怎么做啊，首先创建表就是在我这个。资料里边给各位都提供过啊，就是当时咱没创建过，咱看里面一张表，就这个表叫鼓励CMS。啊，这个表比较简单啊，就是一个半段表就是它。CRM杠班，然后咱们根据语句。把这个表各位给他创建出来，我这里边已经提前创建过了，咱们看一下啊。就是这个表叫cm banner里边啊，就是有这个幻灯片，这数据，包括ID名称啊，比如这是图片，就主要用的是图片。

各位给他分解出来啊，有一个banner的这么一个表。这给他我截一下啊，就是你到我的资料中找到这个数据库脚本，然后把这个创建出来就可以了。写一下啊，到资料里中找到这个数据库。脚本，然后创建，创建之后它就是。这个啊CM班，然后创建之后呢，下面咱就用这个代码生成器，把这个班的切换代码，我们给它快速就生出来。那咱们来生成一下啊，我这里边呢，把这个就是启动类已经创建过了，但是其他的没有写啊，那咱们来生成里边的代码，怎么生成呢？咱先找到我们里边那个就是代码生气拉到之前项目中，咱直接复制过来，因为之前里边都有。我就到这一丢中啊，找到这个代码生成器。

把它复制到我们这个CMS里边的T中，在T中呢，我先来个包。比如这个包我就叫。就叫code DEMO啊，生成代码。然后在code DEMO这个包里边，把这个类咱给它复制过来，这是代码生成器啊，就复过来了，复制之后呢，里边的内容咱给他要改一下，因为里边现在是我们一个新的部分内容跟之前应该都不一样啊，咱给他修改啊。首先来看改什么啊，第一部分。路径是不是改一下，咱现在不是edu了，我们是这个叫CMS，第一个啊，然后第二部分这些不需要变，数据库不需要变，这个包改一下，改成我们当前这个包，com.at硅谷，我这个叫EDUCMS啊，我是叫这个名字。然后包括这些都要最后这里边写我们那个表的名字，咱看一下表，我的表叫CRM banner啊，把这个表我们给它直接复制过来。

放到这里边，所以这样的话，代码生器我们就改出来了啊，就是这么一个结构，注意路径这些都要改，对啊，这是当前项目路径，然后里边的包改成我们当前的包，包括表改成我们生成那个表，然后都改完之后，咱把这个执行用这个代码生成器把它生出来。好，咱们等待它执行出来啊。就是生成之后，会生成里边的controller service map，包括它的实体类，然后咱用生成代码就能实现我们里边的具体这些功能啊，把这些我们都可以做到。那咱们给它执行下啊，我们稍等一下给它生成。第一次啊会慢一点，因为它要加载啊。啊，它先生成啊，我们先看我这个课件中啊。就是里边我们用代码器生成，然后配置文件，包括里边咱加个启用类啊，启用类里边加一些相关内容，然后这个环境应该就可以了。

那咱们看一下啊，这个应该是生成出来了，然后生成之后我们到里边看一下，大家看到啊，里边有controller entity service map，包括咱们我之前建这个情类是不是都有了，然后control里边是咱们这个具体内容，这个咱稍微改一下啊，比如就叫。Banner。然后把里边就是咱们之前一直说那个跨域给他，我也加上。那咱直接避免这个问题啊，跨域。这些都可以啊，然后加上之后呢，在里边还有一个地方咱也需要加。不知各位是否能想到啊，咱之前呢，在edu中应该是加过的，这两个里面是没有，因为它没有操作数据库是什么呢？咱里边是不是有map map咱是不是要加一个叫map，看那个map扫描啊，要不然他找不到这个map这个内容啊，会报错，所以咱可以加一下加的方式，第一个你可以加个配置类加上，或者说你在群类上面直接加也可以啊，因为咱现在里边没有别的东西，我就为了方便我就直接加到。

启动类上面的，但是你可以写个配置类啊，是咱之前的方式，我就这么加啊map看，然后在里边呢，加上你那个map包的那个地址，把地址咱们给他复制过来。这个地址啊，com.at硅谷edu CMS map。这个啊，咱给它加上，不加上会报错，然后加上之后有个地方咱需要改一下啊，就是。这个地方。这个不知各位是否记得啊，咱在前几天讲到过，如果说啊，你要在叉中写词后语句，那你要加两个配置，一个在po里面加一个，一个在里面加一个，这就是里面的加的，为了加载你的配置文件，这路径咱给它改一下啊，改成我们这个路径。我们这个叫edu ss，所以这样的话，把这些环境我们都做到了啊，包括生成代码，包括行类这些内容就都可以了，咱们完成了环境搭建啊，然后搭建之后呢，下面咱就开始写它的具体代码，把代码我们做个实验。

好，这图我先保存一下啊。就是我们刚才说那个。第六个图。就是那中那个。路由。啊，咱们啊刚才讲到的，然后里边还有这个图，是咱们目前做的这个事情啊。代码生气生代码。你图先保存一下啊。是第七个。咱来实现这个。首页数据的banner。他这个操作。那咱们下面呢，我们就继续往下来做，下面要做的肯定是写我们的相关的接口部分，把接口我们要写一下，那接口怎么做，给大家来说一下啊，我强调啊，这一部分中我只写接口，有一部分交给各位去做啊，说一下我们要写什么啊。

第一个各位要知道啊，咱这班的里边是不是有数据啊，而我在就是我的前台，就是这个前台水面中，咱这数据是不是只做显示，也就是我普通用户看到幻灯片，他是不是只能看不能去改呀，他只能去显示数据，所以咱一块写的第一个接口，在我的项目的前台系统中，把这数据要做个显示，这是第一个，但是我这数据是不是也能做增加、修改、删除这些功能啊，就是这些功能应该是咱们的管理员去做的，所以咱应该这个功能中有一个管理员的部分，但是管理员部分呢，做的就是自然改操作，这个前端我就不写了，我就交给各位去做啊，我就写个接口，所以咱一会儿写两部分，一个是管理员做的增删改查操作，一个是普通用户做的查询操作，我把这块写到咱重点写我们的前台系统。当然你可以在我们的之前那个课程就是。讲讲师管理，课程分类管理，课程管理下面再加一个叫班ner管理，然后里边写这个banner的自卡操作啊，但是这个我就不在课上写了，因为这个功能咱们在写意义不大啊，你可以参考之前的写一下，现在我重点写前台，但是我把这接口咱都写出来啊，就为了我们后面操作方便。

啊，这是我要写的一个过程啊，各位把那个咱们那个后台的前端页面给他自己完善一下啊，我写接口。那咱们下面我们就来写一下啊，这里。我来写一下啊，咱们看到第四个啊。我们就来创建接口，首先呢，咱先实现就是我们这个后台对这个banner。他这个管理的一个接口，也就是做它那个增删改查的这些操作啊，做管理接口就是c rud的一个操作，然后这个写完之后，咱再写他这个前台。对，这个班。进行显示的一个接口啊，所以咱写两部分，一个是后台用的，一个是前台用的，把它写成两部接口，那咱们来啊，把这个写一下啊。

我在里面创建，比如我现在啊，来到我的这个位置中来，里边有第一个叫CMB，为了区分，我把这个CTRL的名字，咱给他改一下啊，改成我们那个就是。后台用的改个名字应该是这个位置啊。比如这个名字，我就叫这个。呃，就叫。Bannerin。这个controller啊，它用于我们的后台管理员使用的，这叫我me叫这个名字，然后这个创建之后，比如说咱们为了区分，我们再来建个controller，这controller给它改个名字，我就叫这个班的个。Front就是前台用的controller，咱们把前台后台给它串成两个，然后给它区分来写，一个叫banner me，一个叫banner，这个B啊，这个各位也知道啊，然后里边的地址改一下啊，因为他们不写成一样的啊，这个我就叫。

Banner for me。就是EDUCS班尔密，然后这叫edu CS banner front。把这个咱们分开创建啊，我们就这么来做的啊。我这里标注一下啊，这是我们那个。管理员用那个后台的那个部分啊，这是后台。是后台系统中的接口，然后下面是前台系统中用的这个接口。这个啊，两部分。给大家。截过来啊，然后咱们来具体写一下啊，我们先写这个后台，就是做它的最基本的增删改查操作，咱之前都写过，然后把它咱就快速写一下啊。来到咱的in里边来写这个代码，就是实现对这个banner的增删改查操作，那比如说第一个啊，咱先写一个就是ban的这个，呃，我就写一个最基本的分页查询班的这么一个功能。

把这个写下啊，那咱来操作在位置，比如来一个。Get，提交。里边我给它起个名字啊，就叫这个。配班。因为咱要做个简单的分页查询，因为咱们写过分页里边是不是有两个参数，一个是你的当前页。还有一个是每页的记录数，我们叫limit，然后下面咱们把方法快速写一下啊。我就写一个public r也叫这个配置班。就是它啊，然后在里边呢，我们就是得到这个。配置和limit这么两个值就是当前页，我们也就是数。我们写一下，一个叫pass，这叫浪。配置。还有一个是用pass这个注解。加上一个LA limit把这两得到，然后得到之后我们就做一个最基本的一个分页查询就可以了，咱直接给他查一下就可以了啊，那我给他就直接实验一下啊。

那咱们就直接调方法，首先先溜上一个配置对象，这个先溜出来啊。这我先给他捋那个值，先让他报错啊。R点这个OK。啊，先不让他报错啊。然后这个做到之后，咱来做这个分页，分页中呢，首先咱肯定是先溜上这么一个配置对象啊，之前咱都写过了，然后在配置里边我们加上就是这个叫CRM。Banner啊，然后咱们妞上一个叫配置这个banner。等于new上一个配置，把这个啊对象我们先做个创建啊，然后包括在里边传入里边那个当前页和每的技录数，就是一个配置一个limit啊，这是我们的第一部分，然后把依赖我们给它引进来啊，注意别引错啊，是那个苞米豆中的配置第一部分，然后做到之后咱下面就可以调方法，实现方法呢，我把那给它先注进来。

就是奥。Private CRM banner。Service啊，我们叫banner service。然后咱们调里面的方法做个实现就可以了，我调这个方法分页应该调的就叫。配置第一个传这个配置搬的对象，因为咱没有条件就来一个空。这样的话就可以了啊，然后可以之后呢，最后咱们把值做个返回，还是按照咱之前的方式返回，里边这个叫集合，还有这个total啊就可以了啊，咱就做一个最基本的实现。点data。第一个啊，我们是那个集合，比如叫it。然后它的值我们就是这个配置banner里边的get because啊第一个值，然后第二个来一个date里边来一个叫这个total。

然后total值就是配置banner。里边这个叫get total。啊，盖头透，这样的话，咱们把这个。最基本的分页查询就做到了啊，就是一个最基本方法，包括下面有它的增加，修改，删除这些的方法。咱们把这接口啊，我们就写一下啊，就这几个方法也很简单啊，我就快速写下吧，啊，后面再有这种方法我就都复制了啊，这个我写最后一遍啊，后面就不这么写，这个比较简单了，咱来一个添加版。然后添加在里边，我就来一个POS提交。给它起个名字，我们调这个A的班。然后下面写这个方法，写一个party r，我们叫这个A的班。然后在里边呢，大家还是用我们之前的方式啊，加一个叫request的body。

然后加上叫CRM banner cm banner啊，最后调方法就是banner service中的添加方法，它叫save，把这传进去这个就可以了，最后咱就委这个OK。这是添加，包括还要修改删除啊，这个我就复制了啊，你这就很简单了，我就不想再写了，代码比较简单了啊，这两个直接我就拿过来啊，咱就看一下了。就这位置有一个修改啊，这里我是加了一个注释啊，然后它有那个中文的提示。然后修改的话，这方法改一下啊，咱就直接调这three中的方法叫update ID传一个这个叫B，另外还一个删除，删除我们也是直接调里面的方法，调remove白地房盖地。这样的话可以了啊，然后修改中呢，还少了一个就是根据ID查询的方法，也就是里边的。

这个方法啊，我把它也是直接复制过来了啊。这个方法名字改一下get白地，所以这样的话，咱把这里边的几个方法我们都快速写出来了，就是针对这个banner的增删改查的基本方法，这是用在我们那个后台这个部分啊，就是后台中这个banner的管理接口。写个注释啊。管理的接口，所以这个接口完成了啊，当然这个接口对应会有咱们后台页面，我就不在课上写页面了，页面做到的也就是增删改查操作啊，没有什么特别的啊，所以咱们这个。接口快的完成了啊，然后咱们重点写这个前台部分，因为咱们要在首页面中把这数据做个显示，所以把这个前台部分我们给它就写一下啊，这个叫bner front front，而前台页面咱看这个需求啊，咱们要做的话，前台这里边咱们在水面中是不是只是把数据显示就可以了，它是不需要做别的事情。

而显示数据大家要明确啊，这里边显示数据是不是用幻灯片做到，而且幻灯片显示数据咱应该不需要分页吧，就是你把里边数据都显示出来，在里边一显示是不是就可以了啊，所以咱们就写一个查询所有幻灯片的方法，在这页面中就可显示，只是说一会儿这数据啊，咱肯定要加到咱们那个。Ready的缓存中把这做到啊，所以这个啊，我们把它快速写一下啊，就做一个最基本的显示啊，就是这么一个普通方法。快速实现啊。找到这个front，这里写一下，就是我们做那个前台扳。显示的这么一个接口，那咱们在里面操作啊，还是先把这个service注入。Private叫CRM。这个banner service。

然后它叫banner，下面写这个方法就是查询所有的banner。然后这个位置我加一个叫。Get提交get提交中给它起个名字，比如我叫这个get banner。啊，这是一个方法，然后下面我们写一下啊，就是public are。这叫get banner。因为他是查所有啊，不需要什么条件，然后咱们累退。R点这OK，在这里边呢，我们就调词I中的方法，把这查出来，但这词I的方法我们单独写一下，为了后面咱加那个ready方便，就是这里面直接调，也可以是加rise，不是特别方便啊，咱直接写个方法，我就叫select o ban。然后写到我们中，让它最终返回的是一个历次集合。啊，叫CM。斑的，然后这是例啊，咱这么来做啊，最后通过这个re return给它就返回一下。

点data。这个叫list。然后这个值是绿色。这个啊的一个方法，最后写这个。啊。在里边我先做个创建，查询所有的班，然后找到service对应的实现类，在实现类中把这个查所有B给它，最终就写一下就可以了。然后他要写的话，咱就是直接用这个base map里面的方法叫select list，因为它没有条件是所有直接咱传入空，最终历次集合。把历次集合咱给他做个瑞。就可以了啊，所以咱们这个接口我就快速做到了，就是这么一个东西啊，没有复杂的，在后台中用的就是它的增加就改删除和分页查询，在我们前台用的就是一个查所有，因为前台用的里边不需要分页，它只需要显示做到轮播图就可以了，咱直接就查所有，然后把查所有放到了S中，为了咱一会儿用read方便。

但是你放到CTRL中也可以啊，也能用啊，只是这个更加的直观啊，所以咱们接口快速做到了啊，就这些，然后这个过程中呢，就是我要求各位啊，你把那个后台的页面可以给他完善一下啊，但是这个不是特别重要啊，各位看时间，如果你时间充足，可以完善一下后台，后台前端页面就是做这个自卡操作，跟咱之前做的讲师也都差不多啊，但是你把接口至要要做到，但重点是要写这个前台后台那个我就不在课上去写了，各位给他去完善一下啊。这个接口我们就完成了啊，然后接口完成之后呢，咱下面做的肯定是有前端页面显示，但我一会儿咱先写一个课程跟名师把这写完之后，最后咱再写那个前端页面。啊，所以这节课主要是把这些过程我们做了一个分析，因为整合了，然后咱们班的这个前台和后台的接口我们都写到了下节课啊，咱们把那个名师和那个课程的里边的接口给它写出来。