The embodiment of the invention discloses a method and a device for generating web page dynamic menu. The method comprises the following steps: according to preset menu data generation menu tree model; the menu tree model menu items loaded into the routing service; according to the menu in the menu item tree model and dynamically generate the routing service menu \. Through the technical proposal of the invention, the configuration of the routing file can be reduced, the development and the maintenance of the dynamic menu can be simplified, and the development efficiency can be improved.
【技术实现步骤摘要】
本专利技术实施例涉及网页前端技术，尤其涉及一种网页动态菜单生成方法及装置。
技术介绍
在Web前端系统的开发中，开发者们总需要将变化的数据实时反应到用户界面上，这时就需要对DOM(DocumentObjectModel，文档对象模型)进行操作，而复杂或频繁的DOM操作通常是性能瓶颈产生的原因，ReactJS作为当前最流行的前端框架之一，其改变了传统意义上直接操作DOM的方式，引入了虚拟DOM的机制，当数据发生变化时，React会重新构建DOM，并与上一个DOM比对出差异部分，通过render方式刷新到页面，提高了软件性能。动态菜单是前端开发中必不可少的一部分，目前基于React技术的网页动态菜单生成方法是，直接在路由中对每个菜单相应的路由服务进行配置，再通过URL(UniformResourceLocator，统一资源定位符)匹配路由，最后由相应的Menu菜单组件对页面进行处理，从而实现动态菜单在网页中的展示。现有的技术方案中，随着菜单项目的增加，将使得在开发过程中会重复编写例如网页标签等内容，从而使路由配置文件变得越来越臃肿，同时也不便于对动态菜单进行后期的开...
【技术保护点】
一种网页动态菜单生成方法，其特征在于，包括：根据预设的菜单数据生成菜单树模型；将所述菜单树模型中的菜单项加载到路由服务中；根据所述菜单树模型中的菜单项以及所述路由服务生成网页动态菜单。
【技术特征摘要】
1.一种网页动态菜单生成方法，其特征在于，包括：根据预设的菜单数据生成菜单树模型；将所述菜单树模型中的菜单项加载到路由服务中；根据所述菜单树模型中的菜单项以及所述路由服务生成网页动态菜单。2.根据权利要求1所述的方法，其特征在于，所述根据预设的菜单数据生成菜单树模型，包括：从目标数据库中获取预设的菜单数据，其中，所述菜单数据包括数据类型以及与数据类型对应的数据值；根据预设的树形结构中包括的待填充数据值的数据类型，将所述预设的菜单数据封装在所述树形结构中，生成菜单树模型。3.根据权利要求1或2所述的方法，其特征在于，所述菜单数据的数据类型包括：菜单标识码、菜单名称、父节点、是否子节点以及统一资源定位符URL路径。4.根据权利要求1所述的方法，其特征在于，所述将所述菜单树模型中的菜单项加载到路由服务中，包括：读取所述菜单树模型中的一个根菜单的根菜单URL路径；将所述根菜单URL路径加载至路由服务中；获取所述菜单树模型中位于所述根菜单下的全部子菜单的URL路径，并将所述全部子菜单的URL路径加载至路由服务中；返回执行读取所述菜单树模型中的一个根菜单的根菜单URL路径的操作，直至完成对所述菜单树模型中的全部菜单项的处理。5.根据权利要求1所述的方法，其特征在于，所述根据所述菜单树模型中的菜单项以及所述路由服务生成网页动态菜单，包括：将所述菜单树模型中的菜单项添加到菜单显示组件中；将所述菜单显示组件中的菜单项与所述路由服务加载的与菜单项对应的URL路径进行关联，以生成所述网页动态菜单。6.根据权利要求3所述的方法，其特征在于，所述菜单数据的数据类型还包括：处理页面展示的组件；所述方法还包括：在所述目标...
【专利技术属性】
技术研发人员：罗星星，
申请(专利权)人：深圳竹信科技有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。