how2j.cn

-->
下载区
文件名 文件大小
j2ee.rar 520k

解压rar如果失败,请用5.21版本或者更高版本的winrar

点击下载 winrar5.21

工具版本兼容问题
通过Servlet 实现增加功能


步骤 1 : 先运行,看到效果,再学习   
步骤 2 : 模仿和排错   
步骤 3 : 准备增加的页面 addHero.html   
步骤 4 : 编写 HeroAddServlet   
步骤 5 : 配置web.xml   
步骤 6 : 测试   

步骤 1 :

先运行,看到效果,再学习

edit
老规矩,先下载右上角的可运行项目,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。
模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码,来定位问题所在。
采用这种方式,学习有效果,排错有效率,可以较为明显地提升学习速度,跨过学习路上的各个槛。

推荐使用diffmerge软件,进行文件夹比较。把你自己做的项目文件夹,和我的可运行项目文件夹进行比较。
这个软件很牛逼的,可以知道文件夹里哪两个文件不对,并且很明显地标记出来
这里提供了绿色安装和使用教程:diffmerge 下载和使用教程
步骤 3 :

准备增加的页面 addHero.html

edit
web目录下增加addHero.html

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

表示用UTF-8显示中文,同时浏览器也会使用UTF-8编码提交中文

form:
action设置为addHero路径
method设置为post 也是为了提交中文
准备增加的页面 addHero.html
<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <form action="addHero" method="post"> 名字 : <input type="text" name="name"> <br> 血量 : <input type="text" name="hp"> <br> 伤害: <input type="text" name="damage"> <br> <input type="submit" value="增加 "> </form>
<!DOCTYPE html>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<form action="addHero" method="post">
	 名字 : <input type="text" name="name"> <br>
血量 : <input type="text" name="hp"> <br>
伤害: <input type="text" name="damage"> <br>
		 <input type="submit" value="增加 ">
</form>
步骤 4 :

编写 HeroAddServlet

edit
HeroAddServlet 中根据浏览器传过来的参数,创建一个Hero对象。 接着通过HeroDAO把该对象保存到数据库中。
最后使用客户端跳转到listHero查看所有的Hero,就能看到新加入的Hero对象了

request.setCharacterEncoding("UTF-8");

表示使用UTF-8的方式获取浏览器传过来的中文
编写 HeroAddServlet
package servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import bean.Hero; import dao.HeroDAO; public class HeroAddServlet extends HttpServlet { protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); Hero hero = new Hero(); hero.setName(request.getParameter("name")); hero.setHp(Float.parseFloat(request.getParameter("hp"))); hero.setDamage(Integer.parseInt(request.getParameter("damage"))); new HeroDAO().add(hero); response.sendRedirect("/listHero"); } }
在web.xml中设置路径addHero对应HeroAddServlet
<?xml version="1.0" encoding="UTF-8"?> <web-app> <servlet> <servlet-name>HelloServlet</servlet-name> <servlet-class>HelloServlet</servlet-class> <load-on-startup>10</load-on-startup> </servlet> <servlet-mapping> <servlet-name>HelloServlet</servlet-name> <url-pattern>/hello</url-pattern> </servlet-mapping> <servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>LoginServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>LoginServlet</servlet-name> <url-pattern>/login</url-pattern> </servlet-mapping> <servlet> <servlet-name>RegisterServlet</servlet-name> <servlet-class>RegisterServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>RegisterServlet</servlet-name> <url-pattern>/register</url-pattern> </servlet-mapping> <servlet> <servlet-name>HeroListServlet</servlet-name> <servlet-class>servlet.HeroListServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>HeroListServlet</servlet-name> <url-pattern>/listHero</url-pattern> </servlet-mapping> <servlet> <servlet-name>HeroAddServlet</servlet-name> <servlet-class>servlet.HeroAddServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>HeroAddServlet</servlet-name> <url-pattern>/addHero</url-pattern> </servlet-mapping> </web-app>
重启tomcat,访问增加页面

http://127.0.0.1/addHero.html

提交数据,接着客户端跳转到/listHero,就可以显示新增加的这条数据了
测试


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2024-08-03 Servlet-新增数据库数据
虚心求学

关于 J2EE-Servlet-增加 的提问



首先 进入 addHero.html 新增数据, 在新增的 html 页面内,input 具备检查功能, 当数值输入内容非整数,就会提示错误, 如果输入不合理就拦截 submit 请求, 合理才提交 新增成功跳转到 hero 页面,显示全部数据
加载中
-------------------------addHero.html-----------------------------
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>

		<style>
		input{
			width:100px;
			margin:5px;
		}
		div{
			float:left;
			width:80px;
			text-align:right;

		}
		form{
			border:1px solid lightSkyBlue;
			margin:50px;
			width:190px;
			padding:5px;
			float:left;
		}
		input.fright{
			float:right;
			margin-top:10px;
		}
		</style>

		<script>
		function checkEmpty(){
			let is = document.getElementsByTagName('input');
			for(const i of is){
				let value = i.value;
				if(!value||value.trim()==""){
					let name = i.previousElementSibling.innerText;
					showMsg(name+"\r\n不允许为空",'red');
					return false;
				}
			}
			return true;
		}
		function check(sender,e){
			if(e!=null&&e.key=='Backspace')return true;
			let value = sender.value.trim();
			if(Number.isNaN((Number)(value))){
				let name = sender.previousElementSibling.innerText;
				showMsg(name+"\r\n请输入整数",'red');
				let num = parseFloat(value);
				sender.value =  Number.isNaN(num)?"":num;
				return false;
			}
			return true;
		}
		function showMsg(text,color){
			let msg = document.getElementById('msg');
			msg.style.display="inline";
			msg.style.color=color;
			msg.innerText = text;
		}
		function hideMsg(){
			let msg = document.getElementById('msg');
			msg.style.display="none";
		}
		function clearWhen(sender){
			let value = sender.value.trim();
			if(Number.isNaN((Number)(value))){
				let name = sender.previousElementSibling.innerText;
				showMsg(name+"\r\n请输入整数",'red');
				let num = parseFloat(value);
				sender.value =  Number.isNaN(num)?"":num;
				return false;
			}
			return true;
		}
		</script>
	</head>
	<body>
		<form action="addHero" method="post">
			<div>name:</div><input name="name"  placeholder="输入英雄名称" type="text"><br/>
			<div>hp:</div><input onblur="clearWhen(this)" onkeydown="return check(this,event)" name="hp" placeholder="输入 HP " type="text"><br/>
			<div>damage:</div><input onblur="clearWhen(this)" onkeydown="return check(this,event)" name = "damage" placeholder="输入伤害值" type="text">
			<div style="display:none;text-align:center" id="msg"></div><input type="submit" onclick="return checkEmpty()" value="添加" class="fright">
		</form>
		
	</body>

</html>

---------------------------- AddHeroServlet.java --------------------------------

import java.io.IOException;

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

import bean.Hero;
import dao.HeroDAO;

public class AddHeroServlet extends HttpServlet{
	private static final long serialVersionUID = 1L;

	public void doPost(HttpServletRequest request,HttpServletResponse response){
		try {
			request.setCharacterEncoding("UTF-8");
			String name = request.getParameter("name");
			float hp = Float.parseFloat(request.getParameter("hp"));
			int damage = Integer.parseInt(request.getParameter("damage"));
			Hero hero = new Hero(name,hp,damage);
			HeroDAO dao = HeroDAO.getInstance();
			dao.insert(hero);
			response.sendRedirect("/hero");
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
	}
}

							


1 个答案

虚心求学
答案时间:2024-08-03
javascript 有个坑,不能以 clear 作为方法名,可能已经是关键字了



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2021-09-04 为啥访问addHero.html 显示404?
NeilLearnJava

关于 J2EE-Servlet-增加 的提问



http://localhost:8080/j2eeDWeb/addHero.html 访问不到是为什么
加载中

							

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2021-04-06 给大家避一个大坑花了2小时
2020-11-25 步骤3的“在web目录下”改为“在WebContent目录下”
2020-09-29 页面无法显示


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 27 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 J2EE-Servlet-增加 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 578362961
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图