创建一个简单的javaweb项目

Java web实现简单登录的小例子
效果图如下

环境:Eclipse（Neon.3 Release4.6.3）+Tomcat8.5+Google浏览器

第一步：安装tomcat及配置环境变量

（1） 官网地址：http://tomcat.apache.org/


（2） 下载好了之后配置环境变量

CATALINA_TMPDIR: D:\Java\service\apache-tomcat-8.5.35\temp
CATALINA_HOME：D:\Java\service\apache-tomcat-8.5.35
CATALINA_BASE：D:\Java\service\apache-tomcat-8.5.35
Path里需要加：D:\Java\service\apache-tomcat-8.5.35\bin
注：JAVA_HOME环境变量也改一下，不然后边启动会出错
JAVA_HOME:D:\java\jdk
(3)配置好之后检查是否成功（显示下面界面就表示启动成功了）


或者在浏览器输入localhost:8080(因为tomcat默认端口号为8080)

第二步：创建一个javaweb项目

选择自己jre安装的目录




Index.jsp代码部分

<div class="loginwrap">
			<form class="logincontent">
				<div class="loginform">
					<div class="loginform-row">
						<label>用户名</label>
					    <input type="text" class="user" name="admin" />
					</div>
					<div class="loginform-row">
						<label>密码&nbsp;</label>
					    <input type="password" class="pwd" name="password" />
					</div>
					<div class="loginform-row">
						<input type="text" name="validateCode" placeholder="验证码"  id="check"/>
						<img />
					</div>
					<div class="loginform-row">
						<input type="submit" placeholder="登录"  id="login" value="登录"/>
					</div>
					
					
				</div>
			</form>
		</div>

文件结构如下

文件结构如下


然后就可以在浏览器查看效果了

注：需要把浏览器改为自己电脑上的浏览器