动力节点-【CRM客户管理系统】SSM框架项目实战教程-157原创

好，然后我们刚才把这个查看交易明细后台写完了，下边就是前台了，前台就是这个页面，这个页面啊。这个是这个得ta.JSP把它改成GSP，然后呢，在这个GSP里边，通过EL表RGSTL从作文中把数据取出来，显示出来就行，那我们首先来改这个JSP吧，改一改，然后呢把它改一下。那这个GSP我们这个地方，我说把它改成GSP，像编码base子标签，GSTL标签库，然后呢，把它把这些把这一部分都拷过来就行，找一个找一个页面都拷过来，填之自己拷贝，然后呢，把它放到我们这里边了，这样就行了。然后加上杯子标签了，所有的点点盖都去掉了。然后呢，这个地方来CTRL啊，然后呢，点操全提完掉。这样的话，这个页面就改造好了，改造好把它重命名成JSP。右键重命名，然后呢，这个地方改成JB是。

好，然后呢，点这个确定修改正确了，然后呢，在这个页面上边，通过E表达式接字条把数据都取出来，显出来，那我们先取这个吧，先取基本信息，你看这是大标题，这包括这些啊，然后呢，我们都显示银了，那取完首先找大标题。这是这是反回来钮是大标题是这美工写死的，这应该是交易的名字，那么直接取就行了，一表的是到了时候，诶到了时候好再传三个声音点二每一米。这个是个金额，到了分哈，这个地方来个穿三个身，第二金额是马的。然后呢，再看，再往后边找这两个显示完了再往下，大家这是图标图标，我们最后再说这个图标，这图标大家这些都是图标，其中图标最后有一个这个，这个是那个预计成交日期就这个地方。

咱们来看一看预计生效日期，也是这笔交易的预计生效日期，然后呢，穿三个辰点预计生日期，这个预计计生效日期可以找一下考一下，就是它，然后呢，这长的我们都考过了，改成通风命运法。然后呢，再看，再往下找，还有这是所有者知道吗？下边就是这些内容，就这些这里边的内容，那我们来看看，这是所有者来个交易的transaction，所有者是欧的。这一个又是金额Dollar分好，然后呢，Transaction金额来一个。然后还有大家这是名称，这是名称Dollar符号啊，哎，这个地方来个Dollar符号啊，名称交易点name。这一个也是预计成交日期Dollar了分啊嗯，然后呢，交易点预计成交日期就是这个完了再扣过了，然后呢，放到我们这里边，然后呢，这个是符合多峰命运法。

然后呢，大家看这是客户的名称，叫客户名称Dollar时取取来交易，取他的哪个属性叫customer ID，你知道吗？因为我们已经连接查询重命名了，它里边存的就是客户的名称，你知道吧。还有大哥，这是阶段交易的阶段，然后呢，这个地方Dollar符号来一个。然后呢交易transaction阶段类，然后呢这是类型Dollar符号，然后呢transaction类型点二。还有大家这个是可能性，可能性这个地方有点问题了，叫什么可能性，大哥这个可能性说这笔交易距离成交的可能性是多少。可能性，大家你发现这个交易这个表里边查明信息的有这个字段吗？没有没有，为什么没有这个字段，大家前面说过了，可能性是可配置的，它不是可存储的，它不是存储在数据库里边，它干嘛，它在配置文件里边存着呢，所以你查数据库查不出来知道吗？那查不出来我这个地方要显示怎么办呢？

那怎么了？对，查到哪去查，配置文件里边查是不是这样的，到配置文件里边查，到配置文件里边去查，在哪个地方查，就在这个地方知吧，你查的这个地方的时候，对吧，查这个明细信息的时候，查完之后那个可能性那个字段没有没有，你得在这个什么CTRL这边去查了。查在哪的，在这个地方可以去查，在这去查询可能性，懂这种查询，查询可能到配置文件里边去查这个吗？这笔交易的可能性，那根据什么去查。对，是不是根据这笔，那么交易它所处阶段的名字啊，对，根据什么，根据交易交易他当上所处阶段的。

名称，然后他去查询可能性在这，你得自己去查询。是吧，那去查那这个交易的名称，所处阶段名称能拿到吗？是不是能拿到，已经查出来了，那怎么拿get stage是不是已经连接查询查出来就是名字就查出来，其实在这地方查的时候，阶段名字已经查出来了，根据它到配置文件里边去查就行了，那根据源到配置文件里边怎么去查呢？是不是得解析那个配置文件了，对解析配置文件叫什么叫resource方啊，它里边有个方法，哪一个把盖报在这里边写你那个。这个什么文件名就行了，我们这个文件名叫什么叫post，然后呢，去读这个文件，读了之后，然后呢，他得到一个B。

然后呢，这个是来个帮，这样的话在这个帮呢里边，然后呢，封装了这个配置文件里边所有的k value，这然后呢，调它里边有个方法叫get s b，把这个什么名字是不是传过去就能拿到可能性了，对拿到方法。这样就可以了，这样就拿到可能性这一个阶段，这个交易处在这个阶段的可能性，那定一个变量保存了，然后呢，这个地方来个possibility，定一个变量来保存，这样就行了。好，这是Apple，这是我们啊这样那获取到他了，要传到前台怎么办呢？对是不是放西里边，按理说放到这边就行了，Set啊吹把这个可能性放过去，然后呢把它放进去，然后呢，从那个页面上通过页表数直接取它就行了。

这样能传过去，我这样能传过去，但是这样传过去我不准备这么传了，就是获取到这可能性之后，我不准备这么传了，我怎么这么，为什么不能不这么传了，就万一我还是过去别的数据往request里边放的数据太多了，就放一放一排，那怎么办呢？我准备我不准这么排，不准备这么传。那我怎么怎么怎么办呢？这这个可能性，它本来就是描述谁的，是描述交易的某一些特性呢。他应该属于交易的某一个属性，应该说。那属于交易的某一个属性，那我准备这样，这个交易的所有的属性都在这个实体的对象里边，放到作文里边传过里，我怎么这样，我把这个什么在这个实体类里边再定一个属性叫什么叫possibility，把这个possibility呢，涉及到这个实体类的这个属性里面去。这样的话，这个实体内传到前台了，那我从这个实体内点possibility贝里是不是也能传过去啊，也能获取到，所以我就准备这么来干。

然后呢，就这因为它就是属于一个属性，所以我什么就属于一个实体类的，就是修饰这个实体类的嘛，所以我就在里边定一个属性，然后传过就行，知道吧。这个实体类传过去了，这个属性一块传过去了，你知道吗？所以我在这么放到这个实体类里边，放到实体里边，这个实体类我们说它这里边的属性都是跟字段相关的。所以它里面没有po贝那个属性。没有的话，我这个地方可以给他加一个加一个属性。哦，实体类的属性我可以随意加，随意加或者加一个属性。然后呢，这个地方来一个啊，然后呢，这个地方那我就定一个spring，然后呢，这个叫possibility，随意加一个水平模拟人家的甲知道吗？这个地方就是为了为了吧，这这是扩展的属性吗？扩展属性用来保存可能性的，那加上这个属性了盖的他的方法。

既然是个属性就盖在他的手上，就扩展，扩展之后呢，在这个地方拿我这这个可能性拿到，拿到之后干什么，把它设置到这个么，这个实体类的那个属性里，用给它加了一个属性叫网络设置，那就什么set possibility，然后呢，把这个possibility的设置过去，这样的话，这一个实体类里边就多了这么一个属性，把这个实体类传过去了，在前排在这个地方。在前台这个地方，可能性这个地方我就可以从哪取了，是不是从实体类里边取啊，点取它那个属性叫possibility就这了。这样的话我们就可以了，这样也能传过来啊。好，这个地方其实蕴含着一个一个思想中有的家可能也么这做法，有有也有疑问说老师你这个实体类怎么能自己写属性的，对实体类不是给数据库表相对应吗？实体类的属性和表里边字段相对应，属性的类型和表里边字段的类型相对应，你这样自己给他扩展一个属性。

那么它岂不是这个实体类里边属性和表里面的字段不对应了。是不是这样子，这有这种疑问吗？我们习惯上应该说实体类里边属性和表里边资源相对应对是相对应啊，是要相对应，这是这是没错的是吧，这是没错的，当然我们前面老师给大家讲过什么实体类就是用来操作表的，就实体类一般来讲是用来操作表的，这是咱以前老师给大家讲的这种思想。这样然后呢，就Java中的实体类，那么Java中的实体类。实体类。我们认为Java中的实体类，之所以创建这一实体类，我们说我们就是什么为了操作表呢？是为了操作数据库表，数据库表啊，为什么要这么定义实体类，就是为了操作数据库表。

那为什么操作生求表要定义实体类？因为表不是Java语言，我以后用Java语言操作表不好操作，所以我要实体类给表建立一个对应关系，我只需要操作实体内就达到操作表的目的。所以为了好容易操作表，所以我们定义实体类。那基于这种思想，我们说就是么？大家老师前面给大家说了，知道吧，Java中的实体类要和表相对应，就所以所以是吧，要什么就是为了操作表格，所以那么Java中的实体类，实体类要和数据库中的表相对应，相对应知道吗？而且什么实体类中的属性要和什么要和表中的字段相对应，字段相对应。

相对应，而且什么属性的类型，实体类属性的类型要和什么表字段的类型相对应，这是我们一直就是这这种思想，就是一直这种。知道吧，那我们说的这种思想，但你不要什么把它固化了，是固化成说实体类是和表相对应。谁说属性是和表里的字段相对应，就是为了操作表你知道吗？但是可没有谁必给你说了吗？实体类必须要和表一一对应，没有人跟你说必须一一对应。一对应什么意思？就是有一个实体类必有一个表，有实体里边有一个属性，必须在表里边有一个字段相对应。这就一一对吗。是要对应，但是没有必要一一对应，不是一一对应。

那你说不是一定，那是不是意味着什么？我有一个身体可以没有表情的可以。我有一个实体类里边有一个属性在表里边没有字段相对可以对，它不是一一对应的，就不是一一对应的。就为什么是为什么是这样，就有实数，Java中有实体类和表，它和它没没有表相对应，或实体类属性没有表里边字段和调性对应，为什么是让大家知道主要是为了什么呢？知道前面我们给大家说定义实体类就是为了操作表。那我先要问你了，我以后定一个实体店是不是只是为了操作表，不是我还有别的用途的。啊，实体类，我定一个实体类就专门操作表吗？只只围绕操作表吗？不是，就我们说Java中的实体类不是仅仅围绕操作表，当然主要是围绕操作表，我们有的时候利用实体类还有别的用途吗？定义实体类有别的用途，定义实体里边属性有别的用途，所以我们说Java中的实体类，Java中的使体内并不是什么不是。

只只是不是只为了操作表，操作表那你还有什么用途，我实体内有可能在传递参数呢，那我有些从客户端过来参数，那过来这些参数我想什么一个一个的接触，或者一个一个的什么传，我嫌太麻烦，我可以把它分成一实体对象了吧，我定义实体类或者传参数在我还想干什么，我还想同什么CTRL处理好数据之后要返回到什么页面了，访问数据太多，我可以把这些数据分到一个实体类里边，把实体类访问到页面，让页面去显示啊，那我这些功能用到实体类都不是为了什么操作表呢。就我们也有可能利用实体类来什么在页面和Java代码或者Java代码和Java代码之间来进行传递数据。

这种目的也可以定义实体类，知道吗？所以我们还可能不是不是只只为了操作表，还有可能什么，还有可能还有可能什么来进行什么利用实体类进行什么数据传输，数据传输。所以这个时候，那我这些实体类不是为了操作表了，那就跟什么表里边数据库里边表不对应了，那它的实体这个属性和表里边字段也可以不对应了，你比如说再看我们这个地方，你看吧，我们这个CM项目组其中就有一个实体类，哪一个实体类呢？你看看common下边do妹来看这是不是一个实体类，这个实体类有在数据库有表和它相对应吗？对，没有，为什么没有，因为我我电一个实类压根就不是为了投个表啊，我这个电信实体干什么呢？

在我的Java代码和页面之间是不是传递数据的，所以和表数据库没有表可能性对应。那同样的道理，我怎么定义这个属性，定义这个属性，我定义这个属性是为了操作表格吗？是为了操作标准字段的吗？不是，车是用来干什么的？还是在Java代码和页面之间传递数据的，所以在数据库标准跟没有相应的字段和它相对应。所以我又干别的用途的，我为了操作表，那我可以这么相对应，但是我不是为了操作表，我就没必要相对应知知道吗？这时我们说到这，所以说呢，还有别的用途，所以所以干什么，所以是这样，所以我们是这吗？所以干什么，所以是我们的这个，所以然后呢，Java中的Java中的实体内。

实体类在数据库中，在数据库中不一定有表相对应。就是你有一个实体类，不一定在数据库中必须有一个表和它相对应，就不一定有表来对应。同样道理，Java实体类中叫实体类中的属性，属性在什么数据库表中也不一定有字段相对应。对应就不一定，我不是为了操作表，操作表什么字段嘛，所以什么没必要相对应，就没必要相对应知道吗。就是你Java中有实体类，实体类有属性在表里边，不一定什么，在数据库不一定有表，不一定有相应的字段，不相对应，就这意思。

但是反过来，我现在反过来了。但是我说但是但是但是什么在加入在数据库表中，如果有一个表。是不是在加五中一定有一个实体类和它相对应？是是吗？是是为什么，是不是操作方便呀，操作方便所以但是是吧，反过来是吧，数据库中一张表在Java中，一般来讲在Java中，在Java中一定啊，一定有实体类相对应，如果没有实体类相对应，那你操这个表就不好操作了，打我说你要是非要抬杠我，我就没有表相，我是不是就操作就不能操这个表，你用JDBC不行吗？那你别抬杠是吧，那我们说更好的操作，更方便的操作，就这个意思，知吧，一定有实体类相当于要对应，懂吧。

啊，同样的道理，数据库表中一个字段，数据库表中一个字段是不是在实体类里边一定有相应的属性，要对应对在实体类中，在实体类中一定有属性相对应，相对应相对应，这样以后操作才好操作知道吧。所以说呢，我们这个关系就是什么，从Java有Java到什么。到数据库表。不一定相对应，这个地方不一定不一定成立，它有Java，不一定有数据库表或者字段相对应是吧，这个是不一定的，就有Java推表不一定能推出来，表有属性推字段不一定能推出来，字段就不一定反过来呢。

这个有谁啊，这个有表，看看有没有加Y相对应是不是一定的，这是一定的，这是一定的，这是一定的，知道吗？啊，如果如果如果没有没有就不好操作了，就这意思知道吧，所以这是我们这像这种像这样的代码的，以后的工作过程中也是经常遇到的，说你看一个实体类没有表是在相对应很正常，说实里边有个属性，嗯，没有没有什么没有字段相对很正常。知道吗？这是我们这样啊，那有的同学又说了，哎，老师，你这个地方给这个实体类加这么一个属性，会不会影响将来这个什么对my body so语句的执行。然后呢，这个什么交易，交易谁呢，这个会不会影响这些什么这些的map啊，这些实体类，这些搜务的执行会不会影响到，不会影响，你不管多加多少属性都不会影响这些搜狗的执行，为什么？但你看这些搜O语里边都没有牵扯到什么扩展的属性，没有那些扩展属性什么事。

No。没有其氧属性，那有老师我要查一个法规人大B那这个POS贝扩展那个属性值识了空的。默认值是什么？就是闹他就闹知道吧，空的就行了，你不用它就行了，它不会影响你这骚机的执行了，然他不会说啊，你我定一个瑞达map是吧，然后呢，瑞达map里边把这些什么。把这些什么实体的属性名和字段名一一对应了，其中有一个没对应是会，会不会报错，不会。你想对应几个，对应几个。所以这些你不用担心它影响so肉鱼的执行，它永远不会影响so肉鱼的执行，知道，所以大家我们这个地方，我们就给他说到这了吧，这是所以说大家我们说这个实体类啊，这种实体类，这基于这种思想的话，实体类的属性可以随意扩展，根据自己的需要随意扩展，想扩展几个扩展几个知道吧。

这时我们这样在一个实体类想创建几个创建几个不一定为了操作表，根据自己的编程需要，这样吧，好，这个我们就下边呢，我们继续来写我们这个这个页面了，写我们的detail页面，大家看这个possibility就可以了，然后呢，再往下找大纲，这个是来源，来源这个地方来一个还是取得Dollar for来一个transaction.false啊还这个是吧，然后呢，还有这个是市场活动员，这个市场活动员到了时候啊，市场活动员叫transaction点叫activity ID，当然它连接查询都是已经起别名了，这是市活动员的名字，然后呢，大家这是联系人。然后呢叫transaction点联系人叫contact ID，这都是连检查给查出来的，然后呢，大家看这是创建者，到了时候叫transaction点叫correct吧，然后呢，这是修改这Dollar符号，然后呢transaction.edit。

到我这这这是创建时间符号，然还这个地方还一个Dollar符号叫trans，叫创建时间，叫create，看然后呢，这是修改时间。啊，然后呢，这个地方Dollar符号，然后呢，transaction.edit看见没？然后呢，再往下找来看啊还有什么呢？还有描述，这个描述，然后呢，Dollar for号，这个是Dollar for号描述来个trans，第二叫description。然后呢，还有什么呢？看还有这是联系纪要，联系叫Dollar分啊，然后呢，Transaction联系要就这个了，考回来就要考一份。

联系GOGO1啊联系G要就这个，然后呢这个地方拿过来，然后呢这个是summary，然后呢再来一个，这是下次联系时间，这个地方来一个，到了时候好，然后呢穿塞辰，下次联系时间这一长呢，我们就考一下。把它CTRLC拷贝好了，然后呢，这个地方来个托峰面膜，下次联系时间。然后呢，这个地方下次联系时间好，这样的话，大概我们这个基本信息都显示完了，知吧，基本信息显示完了，下边显示备注信息了，那备注信息我们说跟我们以前一样了，每一个备注都是div，要显示他们得遍利那个备注的list，知道吧，那不简单便利一下吧，这个东方来一个，然后呢，把他说先把美工写子的注释掉，注释掉，然后在这里便利我们的这个remark list，那便利的话用到我们的GSTL便利。

这样啊，然后呢，在这边便利哪一个集合，这个地方Dollar分来获取的啊，哪一个集合，那就我们那个什么叫叫什么来着，这个remark克利子是吧，就这个便利套，然后呢，拷贝它放到我们这里边就行了，然后在这里边有一个什么循环变量，这个旋环你随便洗了，我叫remark了。从这每拿一个备注放到mark里边，执行循环题，把它写到这里边，知道吗？然后在这里边去显示战士备注创建者的名字德乐佛，然后呢，从这里边取remark点叫BY，还有这是备注的内容，到时啊，然后呢，这个地方来个remark点叫not知道，然后呢，这是属于哪个交易的，交易的名字Dollar for，然后呢叫transaction.name然后呢，再往后边找还有谁呢？

这个时间，这个时间要么创建时间，要么修改时间，到底显示哪个时间判断好判断谁判断这次变论这个remark谈到什么edit，然后呢，Flag等不等于，那么这个是吧，等于零等于一都行，这等不等于零，如果等于零，那就显示谁啊。Remark表创建时间是吧，Correct m，否则显示remark表修改时间，后边这个创建者或者修改者一样判断到了十好，然后呢，这个地方来个remark.edit flag，让等不等于零等于零显示叫remark。

然后呢，这个是什么？对创建者的名字，然后否则显示remark，点修改者的名字，后边还有俩字Dollar啊，然后呢，remark.edit flag等不等于零。等于零，显示创建俩字啊，否则显示修改俩字。这样行了，好，这样我们就可以了，下边这两个图标，这两图标要给ID绑定，这ID叫remark ID等于Dollar符号来每次变出来这个remark.id。然后呢，这个地方继续来remark ID等于然后呢，Dollar符号哈，然后呢，remark.id以后为了给这两个图标加视角，好加给他提上内幕，这个内幕等于叫什么。叫edit a，然后这个地方内等于，然后呢，Delete a。

那以后删除，为了能获取到这个div，给他加一个ID值，前面加个前缀给谁绑定remark.id绑定这样就行了。好，这样的话，再让我们这个备注就相关了，知道吧。这些。备注，显示完了，下边来显示这个了，历史，这个历史是个表格，大家看吧，是个table表格，Table表格这一个来，这是表头啊，第一行表头下边是数据行，这是美工写死的数据行，给它注释掉，我们来显示我们的数据行，那显示我们的数据行显示到底显示几行？看完这个历史，历史的历史。然后看历史的，历史的，那我们来变历这个历子了，那变历这个历史的，我们这个地方继续来，在这变历，历子每变了一个历史加一横就行了，那么来变利吧，来一个来一个这个东西来一个C，来一个叫for h这个东还是便利，便利作用域里边数据用GSTL1你要便利哪一个集合就是它。

然后这个地方起一个循环变量，李影循环变量你随便起，我叫TH了，就随便起了，然后呢，这个地方它将来每取一个历史放到这里边，在我们这里边应该显示一个，应该显示一行，变出来显示一行，但是这一行里边数据从每次变出来，这个历史表边取，历史对象里边取，那取的话那一个就取吧，这是谁啊，那这是这个阶段到符号啊，然后呢，TH点阶段点的stage。这是这一条历史记录的这笔交易在这个阶段中呢，金额money，然后呢，这是一个是哪一个时间，预计成交日期Dollar了时候哈叫TH点预计成交日期，预计成交日期我们是拿一个。

他这个字段名跟这个字段名一样，预计成交日期跟这个字段名一样，这个历史的预计成效期，然后呢，这一个是创建时间，说这叫历史的创建时间，到时啊叫什么trans创建时间点correct瑞看见没。然后呢，这是这头历史的矿建者，到了时候trans表叫Y。而且在我们习惯上就是什么呢？一般把人放在前面，就人是最主要的，就是他这个美工设计的不太，就是有的很多细节他没没注意到，那一般来讲都是把人放在前边，然后呢，这个时间放在后边，如果有描述，描述放在最后边，一般都是这样。好，这样的话，再看我们这个历史也什么显示完了，便利完都显示了，一行一行历史。

啊，这样都显示完了，那这个页面上面只有这个图标了，这个图标我们一会儿单独做了，先不管它这个图标。好，这样的话，这个JSP页面就行了，好，JSP页面行了，那整个流程大看还有这个地方发请求了，什么时候发请求，当用户在交易的列表上面一点名称，超级链接就发请求了，所以下边我们做的事就是改这叫超级链接了，把他那URL改了就行了。当然按理说你这个地方应该是分页查询拼出来，当然我们课堂上没做分页查询，我这个地方就写此一条了一点，它就查询某一个历史，就某一个交易的明细息知道吧，所以我就改一下它了，改一个，那改一个吧，应该在交易的主页面上面，交易的主页面在这个上面。它上面找一个列表，他是美工写死的这个列表。Today。随便找一个就行了，我们就写死一条，按理说你得拼出来。

所以我们这个地就写死了，他一点这个超级链接，这个超级链接我们也知搞找一个吧，找一个我们看啊随便找一个这个超级链接名字就一个利交易的名字，假如我们就这个吧，京东这个吧，京东交易测试零三，我们就来查看他的明细，然后呢，这个地方这你去统把这名字写多L这交易的名称，然后呢，大家看这个什么，你点出超键应该去向一个CTRLL，哪一个CTRL就咱们刚才写这个CTRLL。刚才写这个C就这个查看交易明细。拷贝，然后呢，把它放到咱们这里边，你看这个CTRLL。然后呢，再看那什么那一点超限，那就怎么将这CTRL发菌发菌流带过一个参数，通过URL带那什么尾号，把那个ID带过去就行了，哪一个ID就这个ID，然后呢把它带过去拷贝，然后呢放到我们这里边就行了啊。

这样的话，大概我们这个前台也行了，就当然我们这个地方我们就简单一些了，你按理说分页查询拼我自己拼。这样的话，大概我们这个地方就行了。这个发请求也写完了，那发请求也写了，整个查看交易明细的功能，前台后台都写完了，下边我们可以测一测了啊，当然那个图标咱们一会儿再单独的说。好，这样的话我们就可以了，可以完了之后启动服务来测一测就行了，所以我们这个启动服务测一测。然后呢，这个地方来张三，然后呢，这个地方来个YF123回车登录，然后呢，我们来看交易，查看交易明细，这个当然我这个地方写死了。

啊，你得拼出来，你知道，然后呢，一点它，你看看一点它跳转到明细页面，这是基本信息，你看吗？这基本信息，这是备注信息，历史信，你看这个历史信息。这是我们说的这，但这个历史其实还是这样，这个历史最好有排个序，知道吗？因为他这历史都有顺序的，谁先发生的，谁再发谁后发生，就他当时提这个需求的时候应该这样。后发生的历史想到想到下边，前面发生的历史让他想到前面，这样一目了然就能看出来，先谈到哪个阶段，后谈到哪个阶段，知道吧。那这个地方我们什么查历史的时候给他排个序，根据什么排序，对创建时间排序，根据创建时间排序，历史的创建时间排序，然后呢，升序还是降序，后创建呢，显示到后边升序还是降序啊升序对吧，升序根据创建时间排个序，查历史的时候在这个地方这个地方排个序，然后呢，这个地方来个order by叫TH点叫可瑞time声序默认就是声序，那我们一般来给它写上A。

这样的话，当我们这个就可以了，这个关于查看交易明细的，除了这个图标之外，别的都已经写了，好，下面来看看这些图标了，这些图标我们说了以后你开发的时候也有可能让你根据数据来显示各种各样的图标，那让你显示这些图标，大家有可能说你没做过，你感觉很懵，这图标，你说这图标我怎么能显示。那所以说大哥你要你要做遇到这一类需求的话，你不用着急是吧，你越着急你越没有思路，那干什么，分析分析这个图标到底什么样子的，有几个图标从数量上来看，再一个从类别上来看，有几类图标从颜色上来看，然后再一个什么，甚至从一些样式上来看，再一个从数据上来看，跟数据结合起来知道吗？再一个从他们的数量变化上来看，这些什么都能我分析清楚了，再一个什么这些图标最终还得用代码来显示出来了，如何用代码来显示这些图标。

所以你得分析它，那你说我我怎么知道代码是他这么这美工都已经做好了，肯定用代码实现了，到时候你看代码就行了，知道吧，看他这个静态网页就行了，知道吗？所以我们先分析一下它这个图标知道吧，我们这个交易阶段的图标，我们来分析一下，那这地方来看吧，交易阶段图标，交易阶段的图标先简单分析一下，叫分析的交易阶段的图标图标知道吧，那分析到哪儿，那我这个地方我就以这个为例给大家分析了，你以后到工作过程不一定是吧，只从这几个方面去考虑，你还可能你别给给别的阶段来考虑呢，我就以它为例给大家简单分析，把我们什么真正做的时候这个思考的过程给大家简单分析，首先来看看这些图标的，首先来看这些图标的这个，先看这图标的这个，看这个。

图标的这个呃，数量吧，先看图标数量，到底显示几个图标，先看图标的数量，我说让你显示图标，到底显示几个图标，你得能知道啊，那图标的输上我这个地方，假如说我要显示图标，也要显示几个图标呢？谁来决定呢？对，你怎么知道显示几个图标，对，根据他的需求，是不他要用图标表示阶段，是不是我有几个阶段就应该显示几个图标，对有几个阶段，那你看交易里边那个表准总共有几个阶段，就交易的总的阶段数量来决定的，所以说我们说图标的数量跟交易总的什么阶段数量是一样的，那么跟什么交易总的阶段。

数量一致啊，一致就是你看那个交易总共有几个阶段了，那前面我们在说我们这个什么CRM项目时，交易有九个阶段，那这你就显示九个图标，它如果十个阶段你显示十个图标，它五个阶段你显示五个图标，知道吧，所以这时候我们说到这是数，这是交图标的数量，那再看看那数量确定了，来看图标有种类，我知道显示这么多的么？图这么多个图标了，那我来看到底显示有几类图标，需要让我显示图标的种类，那图标种类这大家这些都是大家能够看出来的，有几类图标，三类是吧？第一类是呢，已经谈判通过了，绿色的对泡，绿色的灯泡，黑色的圈角，所以总共有三类图标，我显示的时候我就显示三类图标。

有三类，三类图标，再一个你要是要观察的话，我也不知道这些信息有用没有，反正我瞎分析出了。再一个图标的颜色，看图标的颜色都有什么颜色，绿色还有黑色是不是这样的，对绿色和黑色这两类颜色是吧，但你以后实际开发的是你可能不同的情况，那么你可能有好好多种颜色是吧，这我们这个地方就是绿色黑色，那绿色就是说前面已经谈判通过的和当前正在谈的阶段，绿色的后边没谈的都是黑色。没有啊。好，这是我们要说的这种图标的这个颜色，再一个图标的顺序，图标的顺序就我显示到，我知道显示这么多的图标了，我知道有这么多的种类的图标了，那我显示的每一个阶段，每一个图标怎么显示到，是把它显到前面，还是把它显示到，它显示到前面，还是把它显示到前面，到底显示显示哪个阶段图标呢？

那这些图标的顺序怎么去显示去阶段对是不是给阶段的顺序一样呢？第一个阶段对应图标是不是应该显示第一个，第二个阶段对应图标是不是显示第二个对，按理说显示这个图标的顺序给每一个图标对应的那个阶段是一致的，就每一个阶段对应一个图标，应该说就我们这个地方看看数量给它一致，然后呢，这个地方我们这样，然后呢，就每一个阶段知道吗？对应显示一个图标，一个图标知道吗？那既然对应显示一个图标了，那图标的顺序就知了，图标的显示顺序跟阶段的顺序一样，阶段从第一个阶段到最后一个阶段图标显示第一个阶段图标，然后依次往后显示，显示到直到显示最后一个角，所以它的顺序呢，是跟什么，跟阶段的顺序一致一致。

就这了，好，这是我们的这种图标的顺序，再一个图标数量的变化，图标或或者图标的变化，或者图标数量，我们这个呢，主要是数量的变化，所以这种图标是不是就写死了，就九个图就九个图标。这个数量有没有，有没有可能变化。那你看什么，看看阶段有没有可能变化，那阶段有没有可能变化呢？他这个需求就是他说的阶段有可能变化，现在是九个阶段，以后有可能什么十个阶段，11个阶段他可能随时加，怎么加，在数据字典维护这个地方加这个阶段，对加数据字典，往数据字量表里边在这添加是吧，在这里边可以可以添加一个一，什么一个阶段，那个一个一，那么一个阶段，一个阶段能添加，所以说由于阶段的数量有可能变化，所以说它这图标的数量也有可能变化。

那由于阶段的，那么交易阶段的数量，数量可能变化，可能变化，所以我们说图标的数量，数量也可能变，也可能变，这时候我们这所以这些都是大家我们来说一开始写的，我们也不知道，我们就先把这先把这图标分析透了，懂吗？这是我们这样，就是目前呢，我们分析到这儿，从表面上能看出来这些是这些效果，再一个我们来看看，那既然我说你分析出来了还不行，你还得看看这些图标，这些颜色，这些种类，这些数量到底怎么实现的，你还得看看图标的实现，看看用代码到底怎么实现图标的实现，看怎么怎么显示的这些图标，那怎么显示的，美工已经帮我们做好了。你只要项目原型这边出现这种效果了，美工一定帮你做好，那做好怎么查他的项目，查他这个什么页面原型就行，那这一项目页面原你看看在那个明细页面就他你看看他这图标看啊，它的图标怎么实现的，你看看。

就是这些图标看看这是阶段那俩字哪一个这俩字就这个地方，阶段这俩字后边都是图标了，你看它一个一个图标都是看都是什么，这个看吧，死SPA标签你看吗。它不是图片，它都是都是什么，都是标签做出来效果，都是标签做出来效果，怎么做出来效果就是这种是吧，用CSS着陆效果用他们来实现，其实就一个一个什么，他为什么用用用用这种标签，以前给大家说过这种效率高，它比图片效率高，知知道吧，所以说呢，它的实验其实就是一个一个的什这种这它的实验每一个图标都是一个死瓣标签，其实啊死瓣标签，那你说死瓣标签他怎么显成图片通过。CS怎么通过CSS？你只需要加上class，加上什么class？加上这个class，这个class翻译成中文就是图片的意思。

你只要加上这个class，它这个SPA就给你显示图图标了，那么谁给你显示的就是它这种框架，什么框架，就这种布的框架，你只要你只要引入它那个CSS来，这个CSS就这个，你只要引入它，然后呢，又加上这个class了，它就给你显示图片了。就显示这种图标了。那你说这个，那我加上这个图标，它它怎么它怎么显示不种各种各样的图标呢？你加上它，它能给你显示图标，到底显示什么图标，再加一个拉空格，还再加一个拉哪一个克拉就这个。看就这个看吗。这个来决定到底显示哪一类的图标。他这个美工工作组前四个都是对号，就加这个好吗？前四个这是前四个对号，第五个是什么灯泡加这个克拉。

最后几个都是黑色的，缺点就好，缺点就用它，所以用这些class来决定显示哪一类的图标，知道吗？所以我们这段这些都是都是这些用他们来实现。那你后边这个，后边这可拉，咱们暂时没用到，先不用管它，先不用管它，暂时没用到。所以大家家用这些就能显示图标了，那显示这种显示这种图标了，你想显示什么样的，想显示什么样的图标，你就什么显示一个SPA加上不同的class就行。所以这是它的实现，那你知道它的颜色怎么实现吗？就有的绿色的，有的黑色的，颜色是通过样式实现，怎么意思，什么样式的呢？后边有这个看对star color前面那么四个什么对号，绿色的灯泡也是绿色的，加上它就行。这是控制颜色，那你说后边这个黑色，黑色不加，它默认是黑色。所以大家以控制颜色是通过它控制的，然后呢，这个地方来通过它控制，这是这都是我们观察的东西，还有大概你再看它的图标，你要鼠标就放去。

每一个图标上面还有是不是还有阶段的名字，阶段我说每一个图标都代表一个阶段，阶段这个名字怎么显示出来的，他是在这个，他在每一个图标上面加这个属性，这个属性是什么？是它是它这种框架自定义的一个属性，这个属性干什么？他会将来没显示一个图标，它会自动给这些图标加上鼠标悬停时间，一加上它之后，它会自动的把那个属性值获取到给你显示出来。是的，我们说这些标签都可以随意自定义属性的，所以说大看我说每一个图标上面都有一个data count上面来对应显示这个图标对于对应那个阶段的名字。当鼠标一悬停这边，它会自动把这个属性值取出来给你显示出来，知道吗？所以它这个名字是这么显示啊，我们这个地方就知道吗？这样这这这个死SPA，还有还有什么大纲这样图标你看一个一个都显出来了，放上之后也能显示出来，这样，还有你说老师这横这些怎么中间这间隔线是怎么来的，间隔线就这些是吗。

就这些对一个一个的就是什么减号是吧，它不是下划线，是中划线，就一个减号连在一起就是一条线知道吧，所以它呢，这些都是这个地方知道吧，这是它的实现。然后呢，这样我们就可以了，然后呢，最后一个呢，你看最后这个地方有一个预计成交日期，预计成交日期就是这个就是这个地方啊。所以这是他这个伟工帮我们做的时候，这么他这图标的实现就这么实现了，最终还是什么利用他那个步re框架，那么加上这些class，加上这些属性，它就给你显示成相应的效果。这是这种图标的实现。

好，这时候我们这个地方大家对图标有个大概了解之后呢，下边我们就准备来显示我们的交易的阶段的图标了，在下边我们来显示交易阶段的图标，交易阶段的图标显示交易阶段的图标，那我这个地方再看这些图标都是美工现在帮我们写死的，那他写死的都是静态的，我肯定显示的时候我肯定不是写死的。它这个数量也不是写死的，每一个地方阶段对应的图标也不是写死的，所以我这是动态的，动态怎么样把它这一先注释掉，来显示我们自己的图标，这个东西我要显示了知道吧，那显示的话大看那这个什么怎么显示呢。对，怎么显示呢？那根据我们刚才的分析，你首先考虑显示几个图标，那显示几个是不是看有几个阶段啊，总共有几个阶段显示图标。啊，那总共有几个阶段，我能拿到吗？是不是能拿到，能够从数据字典值那个表里查出来，是不是这样的，是查出来，查出来之后怎么呢？那查出来几个阶段是不是就显示几个图标，而且显示那些图标的时候，我说这些图标都有顺序的，那你查那些交易的阶段有顺序吧。

是不是也是排好序的，对，所以说大看我们说它显示图标的顺序跟我们查的顺序是一样的，为什么我们查的顺序是不是已经根据all the number进行排序了，对排序了查的时候就是顺序，所以将来我们说根据我们这个分析的话，是不是可以这样，将来把所有的交易的阶段按顺序都查出来显示的时候呢？便利那个list是不是查出来一定是多个多个阶段，多个阶段啊，多个阶段放list，便利那个阶段的list。遍历查的时候就是顺序，遍历出来肯定也是顺序第一次，那么遍历出来一定是第一个阶段，每变出来一个阶段，然后呢，显示一个图标就行了，第一次出来一定是第一个阶段，显示第一个阶段图标，第二次变出来一定是第二个阶段，显示第二个阶段图标。

第三个变利出来一定是第三个阶段，然后呢，显示第三个阶段图标，一直往后，直到最后一个便利出来一个阶段显示一个阶段图标，而且在显示这个阶段图标的时候，上面还有什么要显示这个阶段名字，那正好变论那个阶段是不是就可以显示上面了，所以这种文章，所以我们的思想就是根据我们刚才的分析，就这样，由于阶段嘛，图标的这个数量跟阶段的数量保持一致，然后呢，图标的顺序跟阶段顺序也是一致，所以我们怎么，而且图标上面要显示这个阶段的内容，所以我们就准备样是么，就可以这么来做了，我按顺序查出所有交易里边交易所有的阶段。然后呢，传到前台便利所有的阶段按顺序，便利每变了一个阶段显示一个图标，知道吗？由于都是有顺序的，所以显示图标也有顺序，知道吗？那便利完所有的图标都显示都是吗？都显示完了，就这个意思，当然没便利没显示一个图标，那上面这个需要的这个名字都从便利权这个阶段上面取就行了。

所以这是我们这个大概这个思想就这，所以我们的思想就这来首先来查询交易所有的阶段，按照顺序查询啊，按照顺序，其实咱们以前查的时候都已经按照顺序查了，按照顺序查询交易所有的阶段。阶段，那交易肯定有多个阶段，目前来讲是九个阶段，以后有可能是多个啊其他的是吧，那所以说这个最终得到一个是个list，肯定是多个阶段，而且这个list里边肯定是什么有顺序的，第一个阶段，第二个阶段，第三个阶段都有顺序的，因为我们查的时候已经排序了段。其实这个方法我们已经写过了，知道吧，好，那那么那按照顺序查询所有阶段，那查出来之后怎么办呢？然后传输到前台，传到前台干什么，是不是要便利这个list子了，对，传到前台就是便利，便利什么便利是这个list子。

那每变出来一个阶段来显示什么一个图标，便利它来显示每一个阶段图标，每变出来一个阶段来显示每一个阶段图标对应的图标吧，每一个阶段对应的图标图标啊，由于查的时候有顺序，所以显显电力的时候也有顺序，显示的时候也有顺序，知道吗？啊下这个图标，那图标上面的图标上面有有阶段的名字，图标上显示的阶段的名字名称，那么就是，那么从这个阶段里边取进了，就从阶段中从便利出的，从便利从每次便利出的阶段中来获取即可，这是我们大概这个思想就是。好，这是我们说的，这那大家基于这种思想的话，我们来实现看看怎么。