頁面開發中經常使用到的功能

1.Java鏈接SqlServer2005

String connectionUrl = "jdbc:sqlserver://192.168.1.252:1433;" +"databaseName=phonesale;user=sa;password=ctct";

Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
con = DriverManager.getConnection(connectionUrl);

2.應用註銷：經過超連接訪問Servlet註銷，跳出框架，跳轉到登錄頁面

HTML:
<a href="/note/login?action=loginout" target="_top">退出系統</a>

Servlet:
request.getSession().removeAttribute("loginFlag");
request.getSession().removeAttribute("UserInfo");
request.getSession().invalidate();
request.getRequestDispatcher("login.jsp").forward(request, response);

JSP:
<%
response.setHeader("Cache-Control","no-cache");
response.setHeader("Cache-Control","no-store");
response.setDateHeader("Expires", 0);
response.setHeader("Pragma","no-cache");
if(session.getAttribute("loginFlag") != "true") {
    response.sendRedirect("/note/login.jsp");
}
%>

3. JSP讀取XML文件

1.先導入相關的包
<%@ page javax.xml.parsers.*,org.w3c.dom.*,java.io.*" %>

2.讀取xml文件，並循環節點值
<%
            String path1 = request.getRealPath(request.getServletPath());
            String xmlPath = path1.substring(0,path1.lastIndexOf("\\")+1) + "navLink.xml";
            File f = new File(xmlPath);

            //創建一個解析器工廠
            DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();

            //得到一個具體的解析器對象
            DocumentBuilder builder = factory.newDocumentBuilder();

            //對XML文檔進行解析，得到Document對象
            Document doc = builder.parse(f);
            doc.normalize();

            //獲取全部的book元素列表
            NodeList books = doc.getElementsByTagName("我的報表");
            //out.println(books.getLength());

            for(int i=0; i<books.getLength(); i++) {
                //獲取某個元素
                Element e = (Element)books.item(i);
            %>
                <div id="personalSubMenu" class="firstDivOne"><a href='<%=e.getElementsByTagName("url").item(0).getFirstChild().getNodeValue() %>' target="I1"><%=e.getElementsByTagName("name").item(0).getFirstChild().getNodeValue()%></a></div>
            <%
            }
            %>
            <div class="firstDiv" onClick="javascript:show('group');" id="groupChart" name="groupChart">小組報表</div>
            <%
            books = doc.getElementsByTagName("小組報表");
            for(int i=0; i<books.getLength(); i++) {
                //獲取某個元素
                Element e = (Element)books.item(i);
            %>
                <div id="GroupSubMenu" class="firstDivOne"><a href='<%=e.getElementsByTagName("url").item(0).getFirstChild().getNodeValue() %>' target="I1"><%=e.getElementsByTagName("name").item(0).getFirstChild().getNodeValue()%></a></div>
            <%
            }

            %>

4.JavaScript 控制菜單的隱藏和顯示

<script type="text/JavaScript">
<!--

//隱藏全部的菜單
function hideAll() {

    var obj = document.getElementsByName("personalSubMenu");
    for(i=0; i<obj.length;i++) {
        obj[i].style.display = "none";
    }

    obj = document.getElementsByName("groupSubMenu");
    for(i=0; i<obj.length;i++) {
        obj[i].style.display = "none";
    }

}

//根據傳遞的參數，控制某個菜單的顯示
function show(obj) {

    if(obj=="per") {
        hideAll();
        var obj1 = document.getElementsByName("personalSubMenu");
        for(i=0; i<obj1.length;i++) {
            obj1[i].style.display = "block";
        }
    }

    if(obj=="group") {
        hideAll();
        var obj2 = document.getElementsByName("groupSubMenu");
        for(i=0; i<obj2.length;i++) {
            obj2[i].style.display = "block";
        }
    }

}
//-->
</script>

<div class="firstDiv" onClick="javascript:show('per');" id="personalChart" name="personalChart">我的報表</div>

<div class="firstDiv" onClick="javascript:show('group');" id="groupChart" name="groupChart">小組報表</div>

 5.表單提交前驗證

<form name="form1" method="post" action="/chartnew/JFreeChart?action=CircleChart_Group" onSubmit="return check();">
<input type="submit" value="查詢">
</form>

<script language="javascript">
    function check() {

        var flag = false;
        var radio = document.getElementsByName("circle");
        var checkbox = document.getElementsByName("data");

        for(i=0; i<radio.length; i++) {
            if(radio[i].checked) {
                flag = true;
            }
        }

        if(!flag) {
            alert("請選擇週期！");
            return false;
        }
        flag = false;

        for(i=0; i<checkbox.length; i++) {
            if(checkbox[i].checked) {
                flag = true;
            }
        }
        if(!flag) {
            alert("請選擇須要展現的數據！");
            return false;
        }

        return true;
    }
</script>

 6.getElementsByName和getElementById

//獲取元素集合，好比像：radio或select元素
document.getElementsByName("tagName");
//獲取單個元素，好比像：text等
document.getElementById("tagName");