开发第一个动态网站———使用JSP

        这是一个用JSP开发第一个动态网站的例子.
        在这个例子中,我们实现的是在第一个页面,让用户输入自己的昵称,然后在第二个页面中显示第一个页面输入的昵称。
通过这个例子,基本了解jsp通过表单传递和接受参数。

         这个项目的目录结构是:
     DynamicSite
                   |-----page1.jsp
                   |-----page2.jsp
                   |-----WEB-INF
                           |---classes
                            |----lib
                            |----web.xml                   

这个例子的下载:附件中有.          好了,开始。

         既然要动态网站,肯定少不了服务器和JAVA虚拟机。入门级别的,肯定首选Tomcat.    下载地址 
                http://java.sun.com/javase/downloads/index.jsp
                 http://tomcat.apache.org/download-60.cgi


下载后解压得到一个目录,里面有一个bin文件夹,有一个tomcat6文件,双击开启tomcat服务器。

将刚才的项目目录放到tomcat的这个路径下: Tomcat 6.0\webapps

           接下去是编写jsp页面了。
           page1.jsp

 
 
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
  2. <html> 
  3.   <head> 
  4.   <title>这是我的第一个Jsp页面</title> 
  5.   </head> 
  6.   <body> 
  7.     <form name="firstForm" action="page2.jsp" method="post"> 
  8.         <input type="text" name="username" /> 
  9.         <input type="submit" value="提交"  /> 
  10.     </form> 
  11.   </body> 
  12. </html> 

上面首先写上一个jsp的头<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 

然后页面中有一个表单,用来让你填写,其中,主要是一个   action="page2.jsp"  
表明了提交的去向。

再是page2.jsp

 
 
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
  2. <html> 
  3.   <head> 
  4.     <title>这是第一个动态显示信息的页面</title> 
  5.   </head> 
  6.     
  7.   <body> 
  8.     <%  
  9.         String _username = request.getParameter("username" );  
  10.     %>  
  11.     你输入的用户名是<%=_username %> 
  12.   </body> 
  13. </html> 

在这个页面中,可以看出,第一个页面提交过来的其实是一个request对象,在这个页面中通过 
String _username = request.getParameter("username" );
获取了request中的值,也就是表单中name属性为username的表单域的值。
好了,看一下效果吧:  http://localhost:8080/DynamicSite/page1.jsp

 

第二个页面如何?ni掌柜为何变成了乱码?

这是因为在jsp表单提交中包含了中文,我们要对request中的编码进行设置.如下:

 
 
  1. <%  
  2.     request.setCharacterEncoding("UTF-8");  
  3.     String _username = request.getParameter("username" );  
  4.    %> 

好了,现在都正常了的.

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值