首先是展示页面,商品分类中包含个了多个级别的分类管理,所以我们需要对级别进行区分,首先分析表结构,其中的parentId就是对于我们表结构的划分,一级表的parentId为0,然后二级表的parentId就是其父级的主键,三级表则是同二级表;所以在展示页面中需要设置查询条件,让parentId等于0传递给后台进行查询数据,这样让页面上的数据都是一级分类的数据,之后还要对模板名称进行查询,这里模板表的数据给查询出来,然后通过模板表主键对比templateId,找到与其对应的模板名称,通过插值表达式,将函数的返回值插入页面表格中;接下来就是两个开关的操作,是否展示和是否导航;这里通过粘贴elemenUI组件,把样式放入页面展示表格中,绑定当前列的是否展示或是否导航的数据;通过这个组件的回调函数,就是当我们修改这个开关的时候,就会执行的函数;把当前行的id以及是否展示或是否展示的数据传递;函数中,我们通过ajax将数据传递到后台,后台接收到数据后,需要做的操作是修改,使用mapper接口的等值修改方法根据id修改数据;今天课堂中提到了在这个回调函数中,执行完毕后调用查询所有的方法是可有可无的,这个是因为,我们的前端页面先进行了修改,之后才去后台修改的数据库,所以说这里可以不必再去数据库查询。
其次就是下级页面的查询,这里就需要在我们的页面展示表格中添加两个text类型的按钮,首先是查询下级,这里需要在点击按钮时执行函数,因为我们在查询第一级页面是,让这个parentId默认为0,这个时候就需要让
分类管理二,图片库管理
最新推荐文章于 2024-06-16 09:47:23 发布
本文详细介绍了前端如何实现分类管理,包括多级分类的展示、查询、添加、修改和删除操作。利用ElementUI组件进行开关操作,通过监听和回调函数处理数据更新。同时,讲解了图片库管理,包括相册的增删改查和图片展示,通过传递相册ID获取对应图片列表并展示。
摘要由CSDN通过智能技术生成