常用菜单开发设计思路

最新推荐文章于 2023-07-15 22:48:08 发布

cheneyjava

最新推荐文章于 2023-07-15 22:48:08 发布

阅读量1.7k

点赞数 1

分类专栏：心得文章标签： javaScript java 常用菜单

本文链接：https://blog.csdn.net/wenwujava/article/details/65437314

版权

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

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

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

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

2.常用菜单弹窗

<!-- 常用菜单 弹窗 -->
<div class="addpop normal-addpop dis-none " id="addpop">
   <div class="addpop_title">
      常用菜单配置
      <a href="javascript:void(0)" οnclick="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="#" οnclick="saveAllMenu()" class="font-blue fr">完成</a></div>
      <div class="normal-con">
         <%--<c:if test="${secondMenu.parent.id != '1'}">--%>