如何在从数据库中选择值的jsp页面中使用css和脚本创建菜单、子菜单、子菜单？

Question

我需要一些解决方案，我可以从数据库中选择数据并在jsp页面上显示为菜单->子菜单->子菜单。

我有一个数据库表，如下所示：

FIELD-NAME  DATATYPE

Heading         varchar2(50)
Level1         varchar2(50)
Level2         varchar2(50)
Level3         varchar2(50)
Level4         varchar2(50)

其中分别有数据。现在，我想选择基于选择和显示的数据作为菜单和子菜单选项卡。

例如，：

如果我在标题中选择让我们说菜单-1，那么它应该用查询select level1 where heading='Menu-1'显示菜单-1的相应记录。

我已经通过了一些网站的数据是静态的。但我要求它使用任何脚本在jsp页面中动态显示。

提前谢谢。

Answer 1

在JSP页面中创建菜单、子菜单和子菜单的步骤：

1. 从http://onlinehtmltools.com/menu-generator/#sthash.lnae7EdD.dpbs中选择菜单样式的设计
2. 将css代码和html代码复制到单独的页面中。
3. 创建一个数据库连接类，并在其中定义方法来调用特定的列

/GET LEVEL1从标题/

public static ArrayList<HashMap<String, String>> getReport_Area_level1(String val){

String sqlst="select DISTINCT LEVEL1 FROM MENU where heading='"+val+"'";

 /*connecting through appcontext.xml*/
    JdbcTemplate jt=new DbConnection().getJdbctemplate();
    SqlRowSet rs=jt.queryForRowSet(sqlst);


  HashMap<String, String> hm;
  ArrayList<HashMap<String, String>> repList = new ArrayList<HashMap<String, String>>();
  System.out.println("Inside Database");
  while(rs.next())
  {  
          hm=new HashMap<String,String>();
          hm.put("0",rs.getString("LEVEL1") );
          System.out.println(hm.put("0",rs.getString("LEVEL1")));
          repList.add(hm);               
  }  
  return repList;
}

1. 现在调用在JSP文件中有查询的方法

<ul id="menu_wrap1" class="Black">  
<%
    String val=request.getParameter("record");
    HttpSession hs=request.getSession();
    hs.setAttribute("level1", val);
    System.out.println("Value rep: "+val);
    ArrayList<HashMap<String, String>> repname = DbConnection.getReport_Area_level1(val);

    for (int i=0;i<repname.size();i++){ 

        String rep=repname.get(i).get("0");
        StringBuffer reportname=new StringBuffer(rep);
        System.out.println("Value rep inside for loop: "+reportname);
%>
<li class="button"><a href="#" id="<%=reportname%>" onclick="openPage1(this)"><%=reportname%></a></li>  

<%} %>

5.保存文件并执行。您可以观察到，将显示各自字段的相应数据。对任意数量的级别应用相同的逻辑。