[Java] JSP入门教程

Jsp基础教程 » [Java] JSP入门教程

博客首页 » Java JSP入门教程

发布于 03 Jul 2015 10:53
标签 blog
写一个JSP真正入门的教程吧。

做这么一个简单test.jsp网页。

它的功能是在重复显示"你好！"，重复显示的次数可以在页面上的输入。
其中包含HTML的表单与提交，JS的输入校验，Servlet的参数取得，处理，JSP的页面输出。

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%
 
//取得参数
String timesStr = request.getParameter("times");
//定义默认次数
int timesInt = 3;
//如果非空
if (timesStr != null) {
    //解析参数
    timesInt = Integer.parseInt(timesStr);
}
 
//准备显示结果
//定义数组储存结果
String[] hellos = new String[timesInt];
//填充内容
for (int i = 0; i < timesInt; i ++) {
    hellos[i] = "你好 " + i;
}
//设定到相应对象的属性中
request.setAttribute("hellos", hellos);
 
%>
 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
</head>
<body>
 
请输入打招呼的次数:
<!-- 定义表单 action是提交到的页面 onSubmit当表单提交时，预先执行一段JavaScript -->
<form action="test.jsp" onSubmit="return validateSubmit(this)">
    <!-- 次数的栏 -->
    <input id="times" name="times" value="<%= timesInt %>"/>
    <!-- 提交按钮 -->
    <input type="submit" value="提交"/>
</form>
 
<p/>
<% 
//对于结果循环
String[] helloArr = (String[])request.getAttribute("hellos");
for (int i = 0; i < helloArr.length; i ++) {
    //输出数组的每一个元素
    out.println(helloArr[i] + "<br/>");
}
%>
 
</body>
<script>
//JavaScript 检查表单数据
function validateSubmit(form) {
    //取得输入
    var timesInput = document.getElementById('times');
    //取得其中的值
    var value = timesInput.value;
    //检查是否为数字
    if (!value.match(/^\d+$/g)) {
        //当不是数字时，提示需要输入数字
        alert('Please enter a number');
        //返回false，阻止表单提交
        return false;
    }
    //否则正常返回
}
</script>
</html>