如何利用小游戏开发框架提升企业小程序的用户体验与运营效率
724
2022-11-08
黑马瑞吉外卖之新增分类
黑马瑞吉外卖之新增分类
前端页面分析后端功能开发
前端页面分析
首先我们可以单独打开这个界面,这里新增分类一共有两个,一个是套餐,一个是菜品。现在我们要去做这个功能。
我们先尝试去看其前端界面。这里是上面两个按钮的具体的展示,它们其实绑定了同一个方法,只是方法传参不同。
其实这两个表单的结构是一样的,只是在标题的名字有所区分。这与按钮调用的方法有关。
调用的是这个方法,然后上面的具体的表单就展示了出来。在这里它会根据type的值来区分是新增的菜品还是新增的套餐。所以在这里也会指定这个type的值,这个type自然在data中的数据模型当中有定义。
其实在这个分类表中我们可以去看到这个type。
然后我们去具体看这个方法。截取了一部分这个方法,其实这个方法写了很多,其实修改的话也是调用了这个方法。我们截取到这里。说明了它具体干了什么。前面部分主要做了一部分的表单验证
后面调用的方法就是具体的新增的方法。这里携带着参数过去了。
我们点进去这个方法。其实这个具体的请求方法还是写在另一个js里面。从这里我们就可以看到它具体的请求方式,以及路径。
其实单单调试页面的话,也是可以找到具体的请求路径的。
在这里的负载呢,我们也可以看到具体的传递的数据。这样也可以。
整体页面查看呢,是为了一个整体的了解。后面我们后端还需要去返回数据。
后端功能开发
很简单的事情。至于前面的实体类等等,在上一篇已经给出了。所以本篇不再赘述。我们只去在Controller里面写出这个功能。
请求方式为post请求。
传递的是json格式的数据,这样的参数体,所以我们用RequestBody。
实体类是category。
@PostMapping public R_
返回R_包装的返回
新增之后给前端,然后前端得到返回code为1,它会对数据界面有一个刷新,具体其实就是一个重新分页查询。
分页查询后的数据展示在这里
我们的数据最终会按照排序去分布。是因为我们的分页查询那边添加的条件,按照升序排列。
测试
这是后台分类界面的前后端分析的整个过程。
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~