今天是刘小爱自学Java的第143天。前端
感谢你的观看，谢谢你。vue
学习计划安排以下：web
-
商品分类业务的初步实现。 -
数据模型的分析：数据表字段的设计，Java中对应的实体类，前端页面vue组件。 -
业务模型的分析：请求路径是什么？根据什么去数据库查询？具体实现代码的编写。 -
其中还有一个跨域问题将来得及解决，怎么感受积累的问题愈来愈多了，这样下去可不行啊。
1、商品分类业务
咱们的项目是刘小爱商城，其核心天然是商品了，因此就要涉及到一个商品分类业务。数据库
1需求分析跨域
咱们先看看国内的主流网站上是如何作的？浏览器
好比说家用电器，这是一级类目。服务器
它又分为不少种：好比说电视、空调、洗衣机、冰箱……等，这是二级类目。微信
而且还可以垂直细分，好比说电视又能够被分为：超薄电视、全面屏电视……等。app
好，如何用代码实现这种需求？框架
一个需求拿到手中了，优先创建数据模型。
-
前端页面中的这些数据如何存放到数据库中？ -
数据库中的表如何设计，有哪些字段？ -
设计Java实体类和数据表对应？
这些问题解决了，方向也就定了，剩下的就是具体代码的编写了。
因此说数据模型是很是重要的，你想呀，方向都弄错了，写再多的代码有什么用？
2数据库表关系梳理
商品分类这是一个多级类目的关系。
家用电器是一个父节点，它有多个子节点，子节点往下又有子节点，因此表字段设计：
-
id和name表字段这不用多说。 -
经过表字段parent_id指定对应父节点的id？ -
经过表字段is_parent肯定它是不是父节点？ -
若是是true表示它是父节点，有子节点。 -
若是是false表示它不是父节点，没有子节点。
这样就能把表数据自关联起来了，不管多少级关系，都能表示清楚了。
值得注意的是：
-
数据表字段单词之间用下划线“_”隔开。
-
is_parent是一个布尔值，可是在数据表中用0和1表示，0为false，1为true。
3前端vue代码的编写
好数据分析完成，先从前端页面开始编写，由于请求是从前端页面发出的。
固然实际开发中应该都是根据开发文档来各自完成，我这边的话都得本身来弄。
Category.vue是分类业务对应的具体vue，v-card：卡片，是vuetify框架中提供的组件。
至于具体的前端代码编写，咱们不作详细介绍，可是有一点咱们要搞清楚：
页面发送的请求路径是怎样的？
后台服务器得根据这个路径来接受请求。
咱们能够发现：请求路径为baseUrl+url，也就是上述中两个url相链接。
同时再经过浏览器F12打开控制台确认其请求路径是不是这样的？
2、后台代码编写
1Java实体类
注意实体类是存放在微服务lxa-item的lxa-item-pojo子工程中：
数据库中的表tb_category，关于字段和咱们一开始的分析基本一致，多了一个sort属性。
而Category实体类使用通用mapper将其和表tb_category一一对应起来。
2启动类及mapper层
该业务逻辑很简单，只涉及到了单表查询，因此使用通用mapper便可。
注意具体的业务代码是存放在微服务lxa-item的lxa-item-service子工程中：
①mapper层代码编写
由于是单表查询，因此直接使用通用mappe便可，继承通用mapper中的Mapper接口便可，泛型为对应的实体类Category。
②启动类编写
由于使用了通用mapper，因此要经过注解@MapperScan肯定扫描mapper的路径。
另外两个注解一个开启eureka客户端，一个说明是SpringBoot启动类，写过不少遍了。
注意：通用mapper相关的包为tk开头，必定要注意导包不要导错了。
3Controller层和Service层
①Controller层代码
确认其请求路径：category/list?pid=0
先不考虑网关，直接把整个业务写出来。
请求路径中参数是以问号的形式拼接到路径中的，因此用注解@RequestParam接受参数。
若是是category/list/1这样直接出如今请求路径中，就用注解@Pathvarible接受参数。
②Servic层代码
由于pid并非tb_category表中的主键，因此建立一个对象设定pid再查询。
注意，作一个提醒：
关于通用mapper的使用我专门写过一篇教程，就不作赘述了。
其中还应该作结果判断的处理，若是查询到的数据为空要报错，我这边暂时没作处理。
3、网关测试
代码编写完毕作一个测试：
①直接访问
直接在浏览器上输入对应的路径，参数pid设置为0，能够从数据库中查询到对应数据。
其查询的数据结果上图右侧有显示。
②经过网关访问
回顾：网关的做用至关于加了一层保护，其本质仍是会跳转直接访问时的那个路径。
-
prefix：添加路由前缀，网关访问时路径都要加上设置的这个路由前缀。 -
routes：添加路由，item/及其子路径所有都会跳转到item-service这个微服务。
再次强调：每新建一个微服务，咱们都要以相同的方式配置其网关路由。
③经过域名访问
若是经过咱们昨天设定的网关域名访问，会发现浏览器控制台上报错了，
具体什么缘由呢？
涉及到了一个跨域问题，关于该问题，时间受限，咱们明天再作说明。
最后
我是刘小爱，一个白天上班晚上学习的95后沪漂，不为其它，只为学会自律作好本身，也愿个人每日打卡能给你带来勇气，欢迎点赞关注和评论。
本文分享自微信公众号 - 刘小爱（liuxiaoai946）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。