## 前言 ## 我会根据自己所掌握的知识 尽量从基础开始一步步实现整个比赛试题功能，这会是一个漫长的过程，为了帮助学院新鲜血液能过通过实际项目一步步掌握相关知识，我会不断将整个过程更新在该bolg里，也许会有知难而退的人，但我相信也有想努力拼搏的人。 因为我也没有完全掌握试题所涵盖的知识层面，如有补充或者建议欢迎评论留言，我会及时更正。 该文章主要讲解tomcat的准备 和eclipse的配置 以及基本语法的使用。 实现一个不需要数据库简易的登陆界面。 整个过程思路都是依据个人分析（见：第15届振兴杯题目分析（一））
准备工
eclipse tomcat(我使用的是9.0版本) jdk环境变量和eclipse安装稍后会发布一个视频进行描述
tomcat下载:点我下载
1.打开apache-tomcat-9.0.26 将文件解压至一个方便找到的目录（推荐解压至除C盘的其他盘） 就比如安装在D盘，那就解压出来放在D盘下就行，里面的文件名不要改动，或者放在D盘某一文件夹下，路径不要包含中文和特殊字符！
2.右键我的电脑（or此电脑），点击属性，高级系统设置，高级,环境变量 然后点新建（注意是系统变量里的新建）如图所示：
特别注意：
在变量值中填写路径；路径就是你解压后Tomcat的文件夹路径，就如上述，那么路径就是： D:apache-tomcat-9.0.26
若解压到了其他盘符，如C盘，那就是 C:apache-tomcat-9.0.26
放在了某个文件夹下那路径就是 ：
盘符: 某文件夹 解压后的tomcat整体文件夹（这里是apache-tomcat-9.0.26，看看你解压的文件夹名是什么）
千万别整错了！！！！！！！（感觉自己好啰嗦，这是和小白说的，新手配置要注意了）
好了，现在点击这个确定，就添加进去了
之后再找到系统变量中的Path（不要说没有，好好找找，绝对有）
之后再点击编辑文本
如图，在最后面追加 �TALINA_HOME%bin;
（小提示：你可以直接按电脑上的 End 键 到最后）
分号结尾，第一个%前面若没有分号，请手动打上去分号，分号是英文状态下输入的，特别注意
然后点确定退出（一直点不要直接关闭窗口） 最后打开你的tomcat文件夹进入bin目录找到startup.bat双击运行 如果出现如下图所示信息tomcat就配置成功了
eclipse安装web插件（这里提供网上步骤照做就行）:传送门
安装完成之后就可以进行Java Web项目的开发了
新建我的第一个项目
关闭eclipse的欢迎界面
点击左上角File，New，Project，在输入框输入WEB,点击Dynamic Web Project
在Project Name后输入项目名字(随便写，我们就写一个test)
请检查一下窗口中其他地方信息是否与图中相同
项目创建完毕后可在左侧导航栏找到该项目，打开是这样的
WebConent下是我们放文件的地方，右键Webconet，New,File,在FileName后输入index.jsp完成创建
到了这一步 接下来可以敲代码了，但是我们还没有将tomcat服务器部署至eclipse中，先部署一下tomcat服务器 点击顶部导航栏的window按钮，点击preferences 在窗口中找到Sever并点击，再点击Runtime Enivronments ，点击Add
选择tomcat9.0 点击finish，再点击apply and Close
部署完成了，通过左侧导航栏找到index.jsp 将编码改为utf-8
代码语言：javascript复制<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>login</title>
</head>
<body>
</body>
</html>将代码写入 中 先讲解一下要用到的几个代码
代码语言：javascript复制<form>
form 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
</form>
<input> 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等如果你看到里不懂没关系，我抽空会录制视频对代码进行针对性讲解 先不追求美观，写入以下代码
代码语言：javascript复制<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>login</title>
</head>
<body>
<form action="chenk.jsp" method="post" ><!-- 以post方式将表单数据传入chenk.jsp页面中-->
用户名:<input type="text" name="uname" /><br/><!-- 以文本用户名：和格式为txet的输入框提示用户输入数据-->
密码:<input type="password" name="pwd" /><br/><!-- 以文本密码：和格式为password的输入框提示用户输入数据-->
<input type="submit" value="登陆" /><br/><!-- 创建一个提交按钮提交表单数据-->
</form>
</body>
</html>一个很简单的初始界面就制作完毕了，最后右键代码部分点击 Run As运行程序看看
总结
配置及部署tomcat 编写第一个Jsp程序制作简单的登陆界面
