创建Servlet

一、创建Servlet1、创建Servlet在src目录下的包中，右键New | Servlet输入类名SimpleServlet，其他保持不变，点finish即可2、访问Servlet服务（1）修改server.xml，指向本项目<Context path="/demo" docBase="D:\Javaweb\demo15\WebRoot" />...

森-Js

1042人浏览 · 2019-10-11 16:30:44

森-Js · 2019-10-11 16:30:44 发布

一、创建Servlet

1、创建Servlet

在src目录下的包中，右键New | Servlet

输入类名SimpleServlet，其他保持不变，点finish即可

2、访问Servlet服务

（1）修改server.xml，指向本项目

（2）在myeclipse里运行tomcat

（3）等Tomcat启动成功后...

（4）在浏览器中输入http://127.0.0.1:8080/demo/SimpleServlet

二、创建时间服务

package my;

import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class ShowTimeServlet
 */
@WebServlet("/ShowTimeServlet")
public class ShowTimeServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ShowTimeServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
//		response.getWriter().append("Served at: ").append(request.getContextPath());
		SimpleDateFormat sdf = new SimpleDateFormat("YYYY-MM-dd HH:mm:ss");
		String timerStr = sdf.format(new Date());  //当前时间
		response.getWriter().write("NOW : "+timerStr);
		
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

三、生成HTML

package demo15;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class ShowHtml01
 */
@WebServlet("/sample.js")
public class ShowHtml01 extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ShowHtml01() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html");
		PrintWriter writer = response.getWriter();
		writer.write("<html> <body> 久森 </body> </html>");
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

四、生成JavaScript

使用@WebServlet...指向一个能够返回Js的Servlet，然后使用HTML进行访问此Js语句

js文件：

package demo15;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class ShowHtml01
 */
@WebServlet("/sample.js")
public class ShowHtml01 extends HttpServlet 
{
	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) 
													throws ServletException, IOException 
	{
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html");
		PrintWriter writer = response.getWriter();
		writer.write("var author = '久森';");
	}


}

在HTML中使用此Js文件

<!DOCTYPE html>
<html>
  <head>
<meta charset="UTF-8">
		<title></title>
		
		<script type="text/javascript" src="JS/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="sample.js"></script>
		
    

  </head>
  
  <body>
    <div class='main'>
    </div>
  </body>
  
  <script>
  	$(".main").html(author);
  </script>
</html>