详解velocity模板使javaWeb的html+js实现模块化

详解velocity模板使javaWeb的html+js实现模块化

页面上一些基础数据或者其他页面经常用到部分，可以独立出来做成小组件，组件预留调用入口，需要的页面直接调用即可。
如图，页面中的展示分类和搜索标签在多个页面重复使用，可以将这部分内容独立出来，做成组件，供后续开发调用：

classify_search_tag.html文件如下，其中包含HTML节点和jQuery代码；

 
 
 
  
 
    
 
      展示分类 
      
 
         
          请选择 
         
      
 
      
 
         
          请选择 
         
      
 
      
 
         
          请选择 
         
      
 
    
 
  
 
 
 
 
  
 
    
搜索标签：
 
  
 
 
 
  
 
    
 
    
 
  
 
 
 
 
 
 
 
 
 
 
 
 

调用页面的HTML文件中该模块的位置用velocity引用该组件：

#parse("/classify_search_tag.html")

调用页面的js文件中，调用入口方法即可：

新增调用

$(function () {
  goodsClassifyAndSearchTag.getFirstLevelClassify();/** 初始化一级展示分类 **/
});

编辑调用：

$(function () {
  goodsClassifyAndSearchTag.getClassifyAndSearchTag("需要的参数");/** 回显展示类目以及搜索标签 **/
});

获取选中的返回值：

goodsClassifyAndSearchTag.returnSelectedClassifyAndTag()

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！