顶部和左侧菜单

【问题标题】：Top and Left menu顶部和左侧菜单
【发布时间】：2020-02-26 16:15:16
【问题描述】：

我是 Spring Boot 的 Angular 应用程序新手。我想用 Top 和 Left 菜单创建示例应用程序。
菜单将从数据库中动态填充。假设我有 TopMenuTable 和 LeftMenuTable。

TopMenuTable 有三个条目：

书籍
电脑/平板
礼物

LeftMenuTable 的条目如下：

漫画、笑话、惊悚片 => 书籍子条目
台式机、笔记本电脑、鼠标垫 => 用于计算机/垫子条目
花瓶、咖啡杯 => 用于礼物子项。

如何实现TopMenuTable项目在Top菜单，LeftMenuTable项目在左侧菜单?

希望有一个关于 Angular 和 SpringBoot 的示例。感谢您的帮助。

【问题讨论】：

标签： angular spring spring-boot

【解决方案1】：

这个建议怎么样：

您为 MenuEntry 创建一个表：

create table MENU_ENTRY
(
    ID  NUMBER constraint MENU_ENTRY_PK primary key,
    TITLE   VARCHAR2(200) not null,
    MENU_PARENT_ID NUMBER, -- parent here is ID of either: Books, Computer or Gift
    MENU_TYPE_ID  NUMBER constraint FK_MENU_TYPE references MENU_TYPE(ID)
)

您为菜单类型创建了一个表（假设您没有只有 2 种类型的菜单）

    create table MENU_TYPE
        (
            ID      NUMBER  constraint MENU_TYPE_PK primary key,
            TITLE VARCHAR2(20) -- either TOP, LEFT or maybe RIGHT
        )

【讨论】：

谢谢开发者。您能否使用这两个表共享代码/示例项目。