- 两个数求和
- 用javascript实现。
- 输入、处理、输出用同一个页面(自己处理自己)。
- 输入1.jsp，处理和输出2.jsp。
（4）输入1.jsp，处理2.jsp，处理完转回1.jsp显示结果。
（5）输入1.jsp，处理2.jsp，输出3.jsp。
- Jsp
<%@ page pageEncoding="UTF-8" %>
<html>
<body>
<form method="post" action="2.jsp">
输入第一个整数：<input type="text" name="n1" value="${param.n1}"><br>
输入第二个整数：<input type="text" name="n2" value="${param.n2}"><br>
<input type="submit" value="求和"/>
</form>
</html>
- Jsp
<%@ page pageEncoding="UTF-8"%>
<html>
<body>
<%
String sn1 = request.getParameter("n1");
String sn2 = request.getParameter("n2");
int n1 = Integer.parseInt(sn1);
int n2 = Integer.parseInt(sn2);
String s="结果为：" + (n1 + n2);
request.setAttribute("result", s);
%>
<jsp:forward page="3.jsp"></jsp:forward>
</body>
</html>
- Jsp
<%@ page pageEncoding="UTF-8"%>
<html>
<body>
${result}
</body>
</html>
2、登录功能实现
3.简单购物车（session应用）
2、程序设计
（1）一个项目中包含一个菜单页面menu.jsp，和几个主页面c.jsp,python.jsp,java.jsp,javaweb.jsp，每个主页面中都要显示菜单。要求活动菜单项有所区分，比如本网站的活动链接下有下划线。
Menu.jsp
<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style>
ul li{
display:inline;
margin:10px;
}
ul li a{
text-decoration:none;
}
</style>
</head>
<body>
<div id="ha">
<nav style="background-color:#3a5795;height:80px">
<div >
<span style="color:#00ff00;font-size:18px;font-family:black">java作业</span>
</div>
<div >
<ul>
<li class="j1"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="c.jsp">c++</a></li>
<li class="j2"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="python.jsp">python</a></li>
<li class="j3"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="java.jsp">java</a></li>
<li class="j4"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="javaweb.jsp">java web</a></li>
</ul>
</div>
</nav>
</div>
</body>
</html>
- Jsp
<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style>
ul li{
display:inline;
margin:10px;
}
ul li a{
text-decoration:none;
}
</style>
</head>
<body>
<nav style="background-color:#3a5795;height:80px">
<div >
<span style="color:#00ff00;font-size:18px;font-family:black">java作业</span>
</div>
<div >
<ul>
<li class="j1"><a style="color: white; font-size: 15px; font-family: black; border-bottom: 2px solid rgb(255, 255, 255);background-color: transparent;" href="c.jsp">c++</a></li>
<li class="j2"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="python.jsp">python</a></li>
<li class="j3"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="java.jsp">java</a></li>
<li class="j4"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="javaweb.jsp">java web</a></li>
</ul>
</div>
</nav>
c.jsp
</body>
</html>
Python.jsp
<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style>
ul li{
display:inline;
margin:10px;
}
ul li a{
text-decoration:none;
}
</style>
</head>
<body>
<nav style="background-color:#3a5795;height:80px">
<div >
<span style="color:#00ff00;font-size:18px;font-family:black">java作业</span>
</div>
<div >
<ul>
<li class="j1"><a style="color: white; font-size: 15px; font-family: black;background-color: transparent;" href="c.jsp">c++</a></li>
<li class="j2"><a style="color: white; font-size: 15px; font-family: black; border-bottom: 2px solid rgb(255, 255, 255);background-color: transparent;" href="python.jsp">python</a></li>
<li class="j3"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="java.jsp">java</a></li>
<li class="j4"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="javaweb.jsp">java web</a></li>
</ul>
</div>
</nav>
python.jsp
</body>
</html>
Java.jsp
<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style>
ul li{
display:inline;
margin:10px;
}
ul li a{
text-decoration:none;
}
</style>
</head>
<body>
<nav style="background-color:#3a5795;height:80px">
<div >
<span style="color:#00ff00;font-size:18px;font-family:black">java作业</span>
</div>
<div >
<ul>
<li class="j1"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="c.jsp">c++</a></li>
<li class="j2"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="python.jsp">python</a></li>
<li class="j3"><a style="color: white; font-size: 15px; font-family: black; border-bottom: 2px solid rgb(255, 255, 255);background-color: transparent;" href="java.jsp">java</a></li>
<li class="j4"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="javaweb.jsp">java web</a></li>
</ul>
</div>
</nav>
java.jsp
</body>
</html>
Javaweb.jsp
<%@ page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style>
ul li{
display:inline;
margin:10px;
}
ul li a{
text-decoration:none;
}
</style>
</head>
<body>
<nav style="background-color:#3a5795;height:80px">
<div >
<span style="color:#00ff00;font-size:18px;font-family:black">java作业</span>
</div>
<div >
<ul>
<li class="j1"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="c.jsp">c++</a></li>
<li class="j2"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="python.jsp">python</a></li>
<li class="j3"><a style="color: white; font-size: 15px; font-family: black; background-color: transparent;" href="java.jsp">java</a></li>
<li class="j4"><a style="color: white; font-size: 15px; font-family: black; border-bottom: 2px solid rgb(255, 255, 255);background-color: transparent;" href="javaweb.jsp">java web</a></li>
</ul>
</div>
</nav>
javaweb.jsp
</body>
</html>
- 设计一个用户注册表单，用户填写完并提交后输出用户填写的信息。如图所示：
- Jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<body>
<a href="2.jsp?p1=abc&p2=123"></a>
<form action="3.jsp" method="post">
用户名：<input type="text" name="xm">（必填）
<br>
密码:<input type="password" name="password">（必填）
<br>
确认密码:<input type="password" name="turepassword">
<br>
性别:
<input type="radio" name="xingbie" value="男">男
<input type="radio" name="xingbie" value="女">女
<br>
爱好：
<input type="checkbox" name="aihao" value="计算机">计算机
<input type="checkbox" name="aihao" value="音乐">音乐
<input type="checkbox" name="aihao" value="体育">体育
<input type="checkbox" name="aihao" value="文学">文学
<br>
<div>
<label for="xingzuo">星座</label>
<select name="xingzuo" id="xingzuo">
<option >巨蟹</option>
<option >水瓶</option>
<option >白羊</option>
<option >其他</option>
<select>
</div>
<br>
<div>
<label for="message">个人简介</label>
<textarea name="message" id="message" cols="50" rows="4"></textarea>
</div>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
</body>
</html>
- Jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<%
out.print(request.getParameter("p1")+","+request.getParameter("p2")+","+request.getParameter("p3")+","+request.getParameter("p4")+","+request.getParameter("p5")+","+request.getParameter("p6"));
%>
</body>
</html>
- Jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
out.print("您的姓名是:"+request.getParameter("xm")+"<br/>");
out.print("您的密码是:"+request.getParameter("password")+"<br/>");
out.print("您的性别是：");
String[] xingbie=request.getParameterValues("xingbie");
if(xingbie!=null){
for(String a:xingbie){
out.print(a+" ");
}
}
out.print("<br/>");
out.print("您的爱好是：");
String[] aihao=request.getParameterValues("aihao");
if(aihao!=null){
for(String s:aihao){
out.print(s+" ");
}
}
out.print("<br/>");
out.print("您的星座是：");
String[] xingzuo=request.getParameterValues("xingzuo");
if(xingzuo!=null){
for(String b:xingzuo){
out.print(b+" ");
}
}
out.print("<br/>");
out.print("您的个人简介是:"+"<br/>"+request.getParameter("message")+"<br/>");
%>
</body>
</html>
