(除非刚学开发,否则别点开看,太基础)FORM提交文本内容到电脑端

做开发那么久,对使用别人的软件不放心,你不知道它们会保留你的什么信息啊,虽然早就被获取了不少,但还是尽量避免吧。本人有用手机记录便签记录内容,关闭了自动同步等等,不然上传了谁都能看不是吗?(你以为的不能看是你以为)所以就用TOMCAT搭配一个简单的HTML表单在局域网中传输,防止内容被拦截 

  

确保电脑上已安装 Java 环境 JDK JRE 等等,还有 TOMCAT

  

编写一个JSP页面,TOMCAT会对其进行编译,生成CLASS文件,此处命名为 txt.jsp,存放位置为 {TOMCAT所在位置}\webapps\ROOT\txt.jsp ,注意 FORM 标签的 action 属性值,需要是保存的 jsp 文件名称

<%@ page import="java.net.URLDecoder"%>
<%@ page import="java.util.Date"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%@ page import="java.io.File"%>
<%@ page import="java.io.FileWriter"%>
<%@ page import="java.io.BufferedWriter"%>
<%@ page pageEncoding="utf-8"%>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="shortcut icon" href="icon.png" type="image/*" />
	<title>Text</title>
	<style>
	<!--
		.title {
			font-size:24px;color:#009696;border-bottom:1px solid;
		}
		.sync-row {
			min-height:50px;
		}
		.span-btn {
			color:#333;border:1px solid;padding:4px 16px;cursor:pointer;position:relative;top:10px
		}
		.span-btn:hover {
		    color:#ec06d0;
		}
		.link-dir {
		    color:#d4912d;text-decoration:none;padding:2px 10px;
		}
	-->
	</style>
	<style media="only screen and (max-width:767px)">
	<!--
		.title {
			text-align:center;padding-top:20px;
		}
		.sync-row.sel-file {
			height:auto;padding-top:20px;
		}
		.sync-row.sub-cmd {
			text-align:center;
		}
		.span-btn {
			font-size:14px;color:#14a6ad;width:70%;padding:10px;display:block;margin:0 auto;
		}
		.link-row.download-1 {
			text-align:center;
		}
		textarea{width:100%;}
	-->
	</style>
</head>

<body>
	<h2 class="title">Text</h2>
<%
    // 防止提交乱码
	request.setCharacterEncoding("utf-8");
	String content = request.getParameter("content");
	if (content != null && content.trim().length() > 1) {
		// 保存文本内容到文件到 TOMCAT所在根路径下的 tmp 文件夹内
        // 文本文件形以 text-20210201-020201.txt
		SimpleDateFormat fmt = new SimpleDateFormat("yyyyMMdd-HHmmss");
		File loc = new File("/tmp", "text-"+fmt.format(new Date())+".txt");
		BufferedWriter writer = new BufferedWriter(new FileWriter(loc));
		writer.write(content);
		writer.newLine();
		writer.close();
%>
    <!-- 展示存储路径及上传内容 -->
	<p><%=loc.getAbsolutePath() %></p>
	<p><%=content %></p>
<%
	} else {
%>
	<form action="txt.jsp" method="post">
		<div class="sync-row sel-file">
			<textarea name="content" rows="20"></textarea>
		</div>
		<div class="sync-row sub-cmd">
			<span class="span-btn sub-btn" onclick="commit()">Submit [səbˈmɪt]</span>
		</div>
	</form>
<%
	}
%>
</body>
<script type="text/javascript">
<!--
	function commit() {
		document.forms[0].submit();
	}
//-->
</script>
</html>

本人使用了非安装版本(压缩包解压版)TOMCAT,切换到bin目录,双击 startup.bat 启动

上图中显示,已加载了 webapps\ROOT\ 目录下的资源,此时浏览器可以访问

http://{用你的IP地址替换}:8080/txt.jsp 展示内容如下图

 

输出内容,点击下方按钮即可

 

最终展示

 

  

打开对应文本文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值