学而不思则罔,思而不学则殆。在这里感谢程序员青戈,我是在他的教学中,我才不至于光空想不知道怎么做。
问题发现:在之前的开发过程中,我发现我在写Admin页面时,每写一个页面,就要重新思考,慢慢的实现这个页面的功能,造成了大量的代码冗余,也就是说,在文章管理和新闻管理中,他们用到的代码实际上是差不多的,只是因为名称,列名属性(POJO)的不同,展现出不同的页面。
于是,在学习了Vue3父子组件之后,我在想能不能动态的创建一个通用管理界面,往管理界面中传入我自定义的数据,实现页面的快速创建呢?
(你会发现他俩实际上长得差不多)
以下是我的通用管理界面的代码,也就是子组件:
{{this.CommonData.title}} 新增 详情 编辑 删除 取 消 确 定
这是我的父组件:
实现原理:
父组件会把
commonUrl和title传入到子组件内,子组件会根据父组件的commonUrl进行一系列的活动,例如请求数据,实现动态列等。
下面展示一下我的后台接口:
//新闻数据展示 @RequestMapping("/homenews/{pageNum}/{pageSize}")//新闻模糊搜索 @RequestMapping("/homenews/{pageNum}/{pageSize}/{searchKey}")//新闻上传 @PostMapping("/homenews")//新闻更新 @PutMapping("/homenews")//新闻删除 @DeleteMapping("/homenews/{id}")
能不能实现这个功能,根是否使用了同一个关键字有关。
最后实现的效果是,只需要短短的几行代码,就可以实现新建一个新的文章管理界面。
如果有问题,(例如关于富文本编辑器、动态列的展示),可以联系在评论中提问,如果提问够多,我会单独再出一篇文章,在此再次感谢程序员青戈!



