振兴杯试题功能设计（准备）

## 前言 ## 我会根据自己所掌握的知识尽量从基础开始一步步实现整个比赛试题功能，这会是一个漫长的过程，为了帮助学院新鲜血液能过通过实际项目一步步掌握相关知识，我会不断将整个过程更新在该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（不要说没有，好好找找，绝对有）

之后再点击编辑文本

如图，在最后面追加 %CATALINA_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

<%@ 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>

将代码写入中先讲解一下要用到的几个代码

<form>
form 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。
</form>

<input> 标签用于搜集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等

如果你看到里不懂没关系，我抽空会录制视频对代码进行针对性讲解先不追求美观，写入以下代码

<%@ 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程序制作简单的登陆界面