day15【微信扫描支付】/04-尚硅谷-谷粒学院-课程支付功能（准备工作）

就是下面解决一个小问题啊，就是一个还是一个CSS样式问题，这步要求掌握，各位了解一下啊，大家看啊，你看我这课程。其实这么看也无所谓，但功能都能做，但是这么看有些同学觉得是不太难受了，这课程正常是不是应该是往下拉一点啊，因为咱这课程这图片不太合适，所以这个它里边显示有点小问题，另外还有一点。不知各位是否注意啊，咱的这个位置。是不是应该是有指定，目前是没有显示啊，它应该显示什么呢？是不是应该显示这些东西啊，什么购买数，课时数，浏览数，当然目前没有，这咱把这个问题给它做个解决，就是把里边第一个图片让它显示的往下一点，中间内容它再显出来，其实值都有，只是它的样式把内容给它覆盖掉，让你看不到了，但是功能都有，咱就把这个CSS解决一下啊。那我说一下怎么解决，这一步要求重点掌握，但要各位能做到啊，因为有的时候呢，在实际工作中会有类似这种bug，比如说有时候你找美工帮你解决，美工可能不愿意帮你做这个事情，那咱就需要自己来弄，有这句话吗？求人不如求自己吗？求别人肯定是最难受一件事情，有时候自己做肯定最方便，那咱们解决一下啊。

怎么解决呢？第一个这个页面是不是课程详情页面，那那来到详情页面。因为咱们都不是专业美工啊，当然这种小问题应该能解决，大家往上找啊，因为你看啊，现在这是我们那个图片的位置，咱就找到课程图片在哪里。网上找一下啊课程图片。是不是这里？Call是图片，那咱怎么解决呢？其实很简单啊，你看这个标签。是不是叫隐秘值在标签里边啊，有个属性，这个属性。各位应该都看得懂，He什么意思，是不是高啊，那咱把它的高给它调整一下，是不是可以了，给它调一下啊，虽然这种方式不是特别好，但是能把问题解决，那怎么调呢？咱们看一下啊，这个地方有个高是357，跟它应该差不多，那我也改成357TX。

是个单位，比如说咱厘米，毫米单位，这叫做像素，就是一个单位，那我们给它改成357，然后再看一下。是不是就可以了，把这就显示出来，给它加的高一点啊，你看默认没那么大，咱给它加的高一点就可以了，这是第一个啊，解决一下这么看就更好一点了，然后除了他之外还有一个问题。这个位置应该会显示内容，但是它没有显示，咱家给他解决一下啊，看怎么做。那我们看怎么实现啊，因为它这个位置要显示的应该是咱们里边的。就是这个内容。购买数，课时数，还有什么浏览数，但是目前没有，那怎么做呢？咱看说我说一下啊，这里边有一种最简单方式。

你注意看啊。这两个标签里边是不是内容，而在我们标签上边有这些东西。这是什么？是不是在样式就是一个最的方式，你把样式都去掉，它就可以显示，因为样式可能做了覆盖，那比如说咱去试一下啊，看去合不合适，比如现在我把这个样式去掉。那咱看啊，它能不能显示啊，到里边看一下啊刷新。书可以了，它就是样式覆盖啊，你把样式比如给它加上，你再一看，那它里边。就是没那个值啊。等它保存啊，它就比较慢一点，然后你把这个去掉，你再给它显示，它就有这个值了啊，就是一个样式覆盖，那把这个去掉可以了，最简单方式把样式给它去掉，然后它的值就可以显示啊，所以咱们解决一个小问题啊，图片的高，包括中间的显示。这个各位给他也能够快速找到啊。然后这个解决之后，咱下面啊，回到回来看我们的具体内容。

这个图我先保存一下啊。咱的。第三张图，课程支付这么一个需求。这个咱刚才说到的啊，然后下面咱们继续往下来看，那下面看什么呢？下面呢，因为咱们一会儿啊，肯定要做这个课程支付，所以说我先做个准备工作，咱一会儿也是新建一个模块，包括里边把一些相关配置先写出来，然后给各位再介绍一下。我们这里边涉及到这个课程支付的表有哪些，包括表。是什么样一个结构啊，把这个给大家做说明，那咱下面先做个准备工作，我来写一下啊。怎么准备呢？因为咱是一个新的一个模块，所以说我们新的模块中呢，我就在这个位置，咱就创建一个模块，这模块我是提前创建过了啊，我叫service order，就是做我们的课程，或者说order支付嘛，订单模块这个提前创建了啊，各位按照咱之前说到的右键model慰问工程把掘创建啊，这就不演示了啊，之前都说过了。

然后创建之后有一个小问题，就是这个图标可能不变，你点右键，然后点这个open model setting，把图标改一下，Java改成Java图标，Resource改成它对应图标啊。这也都说过了啊，当然有一点各位注意啊，你要先改图标之后再写代码，不要说先写代码再改图标，先写代码改图标会有问题，什么意思呢？比如说现在图标都没有变，你把代码配置都写过了，你再改图标会有问题啊，你先改再写。这个注意啊，然后这个我把结构都创建了，包括这个启动类，包括配置文件，这个啊是我们建立一个模块，在这里边咱一会儿写它的代码。给各位知道啊，然后这个说完之后，下面给大家介绍一下，咱们做这个课程相关需要哪些表啊，包括依赖这些一说咱引入我先把表做个介绍。

这是啊，我们这张表。把这给大家。截过来啊。我先截到我这个。图上啊，这是一个需求。嗯，然后画到这里啊。然后这是我们做课程支付相关的表，那这个表肯定需要我们创建，怎么创建呢？还是到我的税务脚本中各位找到。这个脚本要鼓励order circle，然后把这打开我们看一下啊，在这脚本中呢，有两张表，一个叫to，就是订单表，一个叫T配log，就是做一个支付记录的表，两张表一个order订单表，一个配支付记录表，所以各位把两张表先做个创建啊，这是我们要做这么一些事情，然后创建之后两张表分别什么意思，给各位来做个介绍。

那我来说一下啊，第一个表叫订单表，第一个表什么意思呢？也就是说咱来到这张图上，当我在这里边点击立即购买，咱是不是要生成订单呀？而在你生成订单的过程中，它会向我的订单表中加这么一条记录，也就是会加入里边的这些数据。那数据我们来看一下啊，首先由你表本身的ID，然后还一个ID。就是这个ID。这叫什么订单号，你注意啊，我这订单号不是用的ID，这订单号跟ID是一个值，但是我一会儿专门写个订单号，专门作为这个专门生成，不用他本身ID，然后除了他之外有这个课程ID，课程信息，因为咱要针对课程生成这个订单，另外有讲师的，有用户的啊，这些都是相关信息，就是你的订单中包含对哪个课程订单有课程ID，课程名称，课程封面有讲师的名称，另外有会员的ID，昵称，手机号。

另外还有这么几个重要的数据，大家看这个。订单是不是有价格或者金额呀，就是订单是多少钱，肯定有，还有一个叫支付类型啊，但是支付类型呢，咱目前就是一个类型，就是微信支付，没有别的类型啊，但是后面我们在电商中会有一个叫支付宝支付，咱目前只有一个微信，除了它之外还有一个东西叫订单状态。什么叫状态啊，比如现在我这订单是一个未支付还是一个已支付，这个叫订单状态，在它里边主要我们有这些数据，也就是啊，我写一下这表咱怎么用的啊，刚才我说的过程。就这张表啊，咱该怎么去使用。写到这个位置啊。希望各位知道。就是现在当我们。点击立即购买，它就会生成这么一个订单，也就是像我们这个订单表里面添加上这么一条记录啊，主要是做这事情，这单的表都这么来用，而添加记录中包含这些数据，包括课程的，包括讲师的，包括会员的，还有另外三个主要的。

订单这个金额。支付类型还有订单状态啊，其实我们目前用到就是金额和状态，状态有支付未支付，金额是咱们具体支付多少钱。这是啊，咱们说的第一张表生订单就是你点。立即购买，它就会向里边加的数据，然后加个数据，有这么多数据。但是数据中啊，有一种思想，各位注意啊，你注意看啊，我这里边啊，存的数据中是不是有一个叫讲师名称了，其实我可以存一个ID，但是我这里边为了咱们方便，我存个名称，因为你存ID还需要查别的表，把名称才能查过来，所以我直接存个名称啊，这样的话更方便，在实际中咱为了方便也能这么来做，或者说你的课程之后可以只存ID不存名称，但是咱为了后面方便，我把名称封面也都存过来，包括把会员昵称，会员手机也都存进去。

这样的话，咱后面查询更加方便啊，这个啊是咱们的第一张表订单表，这单就做一个说明。然后这里边啊，我说这么一个问题啊，希望各位注意一下啊，就是咱们这个课程价格嘛，在实际中每个价格肯定都不一样，比如这个课程可能是十块钱，可能100块钱，可能1000块钱都可能。但是咱们测试中呢，我们做的肯定是一个实际的，或者说是一个真正的支付啊，肯定是实际支付，但是咱为了咱们支付就是更好一点啊，不叫更好。所以咱的价格统一都变成这么多钱。

0.01啊，咱就不按照课程的实际价格支付了，我们都变成0.01元啊，为了咱们更省点钱吧，就是咱们支付支付个100块钱没有什么意义，咱就每次支付一分钱，所以各位注意一下啊。你说各位先做件事情，省得说一会儿你支付支付错了，假如你的价格写了100块钱，你真的付了100块钱，那没地方退款去，你注意啊，所以要各位啊，你把这都改成0.01，或者改成0.00，你支付的时候后面方便，省得你一会儿付错了，这太麻烦了。你找那个退款没地方退掉啊，都改成0.01这个注意一下啊，咱是为了学习阶段嘛，一分钱足够咱用了啊，帮你支付个十次也就一毛钱。这个啊，一个小问题，注意一下啊，然后除了这张表之外，咱们还有一张表，这张表。就是当我们订单生成，在订单表中肯定加一条订单数据，而在加完之后咱往下看啊，这张图上。各位看订单生成之后，咱是不是要支付，而支付的时候呢，我们会生成一个二维码，当咱手机一扫这二维码，咱是不是要做这个支付了，所以这个过程中做什么事情的，当咱们手机扫完之后一支付，那这个时候在我这个就是支付这个表中会记录一条你的支付的记录，它就叫支付日志记录表。

给各位写一下啊，这个表我们怎么去用的。聊到这里啊。就是现在当你点击这个去支付，它会生成一个那个支付的二维码。这个可以生成，然后生成之后呢，比如现在我们就是使用。微信去扫描二维码。然后进行这个支付，而在你这个支付之后，就会向我们这个。支付日志表里边添加上一条你的支付的记录，就是你支付之后表中第一条记录，而记录主要有这么几个值，我们来看一下啊，第一个值。

订单号就是你为哪个订单支付的这个东西，第二个是你什么时候支付的完成时间，包括你支付的金额，还有一个叫支交易流水号，咱剩一个ID值，包括里边支付类型等，应该都是支付宝啊，就是微信支付啊，不是支付宝支付，然后里边还有一个叫交易状态。这各位特别说一下啊，什么叫交易状态呢？一会咱都会演这个效果啊，首先把表自我介绍各位看到啊，比如说大家注意，就是我现在啊这个。支付，当我用微信一扫支付，那这个时候它我们是不是要调那个微信的那个官方的后台把支付完成了，但你调完支付，它的后台可能反应慢点，可能还不会马上支付，所以咱有一个支付状态，就你是否成功，还是说目前正在支付，这个叫支付状态，肯定是咱们成功之后才做其他事情，如果没有成功，咱要等待他成功，然后再完成其他内容啊，这是一个叫状态这个内容。

所以这个各位给他知道一下啊，然后面就会说到这些具体该怎么做，比如你是一个success成功，那咱再做其他事情，如果说你没有成功，那再等待他成功，再完成我们对应的内容。这个啊，是咱们。说的两张表的一个结构啊，就咱说到的啊这些内容。所以各位把这表给他知道，比如说咱们一会儿做支付，两张表，一个订单表用于存储订单的，一个支付表用于存储你支付记录的。通过两张表，咱来完成我们的具体功能。这个啊，做这个介绍，然后介绍之后呢，因为咱们一会儿要写代码，所以咱们把这两张表对应的那个代码，咱们先生成出来，然后再往下写我们内容啊，那我们来生成啊，就是第一部分导入表。

然后第二部分咱就是使用代码生成器。在我们的service order。这个模块中先生成它相关的代码。代码里面就是两部分，一个订单的，一个支付日志的啊，那咱们把这个我们先给他做到啊，然后再往下进行实现。再来生成一下啊。我们来到这个O的里边，那我把那个代码生成器先先给它复制过来啊。比如说就叫DEMO，那我就到这个edu里边复制一下，我们当时用那个代码生气就是它。把这个拿过来，然后拿回来之后复制到我们这个service order里边。这个啊，咱做一个复制。然后复制之后，把里边内容咱给他快速改一下啊，这个没有什么特别的，之之前都用过，给他快速改一下，咱们把代码生成就可以了。

就按照这个结构啊，改一下，第一个把你的路径改一下，我们这个叫service order。这个路径啊，Order。啊，上面啊，Service order这里。Or DR应该没错啊。这是第一个，然后下面改一下它那个包，这个包我现在都叫edu。我们叫这个名字，或者叫old sweets都一样的啊。然后第三个呢，改一下咱们目前的表，我们目前应该有两张表，把这个改一下啊。然后两张表，这两张表复制一下啊，第一个表叫to。这个咱们拿过来，然后第二张表叫那个t pay log啊，就是支付日志表。

把它我们也复制过来。然后在里边啊写一下。这样的话，咱们把代码一执行就应该可以生出来，但是这个生成啊，其实这么做没有问题，但是里边有一个小细节给大家也说一下啊，各位也了解一下，这不重要，是咱说的更更细节一点啊。各位注意啊，这里边有个地方就是这个行代码什么意思呢？这里写到叫做生成实体类时去掉表的前缀，那什么意思呢？大家注意啊，举个例子，所以你看我的这张表叫edu subject edu下划线是不是它的前缀呀？而咱在生成实体类之后，我们的实体类应该是叫这个名字。咱看十几类的名字啊，是不是叫edu subject就是edu的前缀，其实咱在生活中啊，这edu是可以去掉的，让它名字就叫subject是可以做到，那怎么做到，咱就是改这个代码，比方按我这个为例，大家看啊，我现在前缀是不是叫T啊，如果你这么生成，那它那个ctrl s switchs和map是一类，前面的第一个字母都是一个大写字母的T，包括这个也是一个大写字母T，也就是最终生成的应该都是。

这个样子加一个T这么生成没有错是对的，但是我现在比如说啊这T，我不想让他有这个T，因为我觉得这么看太难受了，它可以去掉，怎么去掉呢？你在这个位置就加上你那个前缀那个名字，比如说我们叫T。这个可以看到啊，当你这么写之后，你再生成那这个T的前缀它就没有了，它是不都是通过后面生成内容啊，就是如何去前缀不去掉，没有任何问题，咱只说了一个细节啊，就是各位如果看到不用觉得奇怪，因为它是加了这么一个规则，这都是代码生气做到的。这个啊，咱们把它去掉啊，你加个T就是你的前缀，如果你之前那个去掉，加上你之前比如edu什么前缀，我们现在是这个字母，那这写完之后，最后执行，咱们把这个啊生出来。

生成之后我们再写它其他的代码，我们先生成。等他执行啊，里边生成肯定会包含我们的controller service map，包括咱的实体类，然后一会儿咱们在中写它的接口，包括生成订单，包括订单支付等等一些内容。这个啊，正常了，到里边我们看一下controller service map，包括咱看这个里边大家注意看。AT是不是都没有啊，它就不带这个字母T啊，生成的就是给那种。所以这个我们就准备工作做到了。