常用菜单开发设计思路

最新推荐文章于 2025-04-29 18:46:04 发布

原创

最新推荐文章于 2025-04-29 18:46:04 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javaScript #java #常用菜单

本文介绍了如何设计用户常用菜单，以提高用户体验。通过创建用户菜单表和结合系统角色菜单表，解决菜单过多导致的困扰。同时讨论了菜单弹窗、选择处理以及处理取消选择时返回原节点的难点，提出了保存父节点ID的解决方案，并提供了相应的数据库表结构和注释。

1.常用菜单便于用户使用

遇到一系列的菜单，眼花缭乱！设计一张菜单用户表加上系统原有的角色菜单表即可解决

2.常用菜单弹窗

<!-- 常用菜单 弹窗 -->
<div class="addpop normal-addpop dis-none " id="addpop">
   <div class="addpop_title">
      常用菜单配置
      <a href="javascript:void(0)" onclick="closeMenu()" class="btn_addpopClose"></a>
   </div><!--ddpop_title end-->
   <div class="addpop_cont pdlr-0">
      <div class="normal-subtitle">常用菜单已选（<span class="num"></span>/10）</div>
      <form:form id="saveUserMenuForm" modelAttribute="sysUserMenu" action="${
   
   ctx}/sys/menu/saveUserMenu" method="post">
      <div class="normal-select">
               <ul class="js_normal_selected">
                     <c:forEach items="${
   
   fns:getUserMenuList()}" var="subMenu" >
                                    <c:if test="${
   
   subMenu.isShow==1}">
                                       <li data-tag="${
   
   subMenu.parent.id}"  id="${
   
   subMenu.id}">${
   
   subMenu.name}</li>
                                    </c:if>
                     </c:forEach>
               </ul>
            </div>
         </form:form>
      <div class="normal-subtitle mgt-10">点击添加菜单<a  href="#" onclick="saveAllMenu()" class="font-blue fr">完成</a></div>
      <div class="normal-con">
         <%--<c:if test="${secondMenu.parent.id != '1'}">--%>
            <