利用Response在浏览器上展示九九乘法表！

最新推荐文章于 2022-03-13 19:00:41 发布

DaMeng1219

最新推荐文章于 2022-03-13 19:00:41 发布

阅读量407

点赞数

文章标签： Response 九九乘法表

本文链接：https://blog.csdn.net/DaMeng1219/article/details/100567097

版权

利用Response在浏览器上展示九九乘法表！

代码展示：

package com.mage.servlet;

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

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


public class Servlet02 extends HttpServlet {
	private static final long serialVersionUID = 1L;
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		//统一编码格式防止乱码
		response.setContentType("text/html;charset=utf-8");
		//创建response.getWriter()
		PrintWriter out=response.getWriter();
		//拼接html代码
		out.write("<html>");
		out.write("<head>");
		out.write("<title>九九乘法表</title>");
		//设置css样式，注意不要随意换行
		out.write("<style>");
		out.write("#table{border: 1px #00BFFF;border-collapse: collapse;}");
		out.write("#s{border-collapse: collapse;border: 1px solid black;}");
        //设置表格隔行变色
		out.write("#table tr:nth-child(2n-1){background-color: #E9967A;	}");
		out.write("	#table tr:nth-child(2n){background-color: bisque;}");
        //设置鼠标悬停变色
		out.write("#table tr:hover{width: 100%;height: 100%;background: #F08080;background-repeat: round;}");
		out.write("#table tr:active{width: 100%;height: 100%;background: #FFD700;background-repeat: round;}");
		out.write("</style>");
		out.write("</head>");
		out.write("<body>");
		out.write("<div>");
		//将九九乘法表显示在表格中
		out.write("<table id='table' border='1'>");
		//九九乘法表具体实现代码
		for(int i=1;i<=9;i++){
			out.write("<tr>");
			for(int j=1;j<=i;j++){
				out.write("<td>");
				out.write(j+"*"+i+"="+j*i+"\t");
				out.write("</td>");
			}
			out.write("</tr>");
		}
		out.write("<br />");
		out.write("</div>");
		out.write("</body>");
		out.write("</html>");
		out.flush();
		out.close();
	}

}

运行结果图：

在这里插入图片描述

DaMeng1219

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
利用Response在浏览器上展示九九乘法表！

利用Response在浏览器上展示九九乘法表！代码展示：package com.mage.servlet;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import j...
复制链接

扫一扫