springboot + layui + vue 实现多级菜单

最新推荐文章于 2024-09-09 18:21:44 发布

水果云

最新推荐文章于 2024-09-09 18:21:44 发布

阅读量787

点赞数 1

分类专栏： springboot 文章标签： spring boot layui 数据库

本文链接：https://blog.csdn.net/weixin_44026557/article/details/121027798

版权

本文介绍了如何使用SpringBoot、Layui和Vue来实现多级菜单的功能。通过创建工程、配置POM文件，定义Menu实体类，建立Controller、Service、Service实现及DAO层，配合Mybatis进行数据库操作。前端部分利用layui.js和vue.js，结合HTML和JavaScript完成菜单展示。

摘要由CSDN通过智能技术生成

菜单表

drop database if exists `test`;

create database `test`;

use `test`;

drop table if exists t_menu;
create table t_menu(
    `id` int NOT NULL AUTO_INCREMENT comment '菜单ID',
    `name` varchar(20),
    `url` varchar(200),
    `icon` varchar(100),
    `parent_id` int comment '父菜单ID',

    `create_by` int not null,
    `create_time` datetime not null,

    `update_by` int not null,
    `update_time` datetime not null,
    `status` int,
    `sort` int,
    PRIMARY KEY (`id`)
) ENGINE = InnoDB DEFAULT CHARSET = utf8 COLLATE = utf8_bin COMMENT = '菜单表';

-- 插入菜单记录
INSERT INTO t_menu (`name`, `url`, `icon`, `parent_id`, `create_by` , `create_time`, `update_by`, `update_time`, `status`, `sort`)
VALUES
('设置', NULL, NULL, NULL, 1 , now(), 1, now(), -1, 1),
('app用户', NULL, NULL, NULL, 1 , now(), 1, now(), -1, 1),
('web用户', NULL, NULL, NULL, 1 , now(), 1, now(), -1, 1),
('角色管理', NULL, NULL, NULL, 1 , now(), 1, now(), -1, 1),
('控制台', NULL, NULL, NULL