[JavaWeb - 1] Hello World
时间轴:
17年12月首次发表
18年12月第一次更新
0.准备
我们使用SpringBoot进行JavaWeb开发,首先准备的东西是IDEA,下面的操作都是在IDEA安装好的基础上进行的,所以如果参考本文章新建工程的话,请先装好IDEA,本篇文章简单介绍一些简单的JavaWeb的操作,对于有些专业名词解释,或者小小小小小白入门的文章,以后会考虑增加一篇,然后在下一篇,我们将正式认识SpringBoot。
目录:
1.新建Web工程
2.配置环境
3.测试Jsp
4.测试Servlet
5.测试数据库
1.新建工程
打开IDEA



点击新建工程

首先我们看右上角的红色,提示No SDK,那么这里其实是让我们配置jdk,我们把安装好的jdk路径给它,来new一个

这样子就有了jdk
然后我们新建Web工程,选中Web Application,点击next

起个名字放个目录

点击Finish我们的工程就算建立完成了。

出现新工程页面,Tip的话直接把Show Tips 的小对勾去掉关掉就行了。
2.配置环境
接下来我们配置Web容器,选择File->setting->Application Servers,三步Application Servers 点击绿色添加按钮,选择Tomcat Server

小弹窗,添加Tomcat路径,(Tomcat可以去官网下载,下载后解压放在一个地方就可以用了),如果容器都已经配置好的,可以跳过这一步

确定之后我们的Tomcat也就配置好了。然后它自动导入了tomcat的一些文件,点击Apply再点OK,这一步就完成了。
接下来我们回到主界面,点击右上角的带蓝点点的图标

选择你刚才弄好的Application Server

然后添加到Lib里,现在显示如下

Apply->ok,回到主界面。
此时侧边目录External Libraries也多了Tomcat

【以后,每次通过蓝点点图标配置依赖或者maven配置依赖,如果成功了,都会在这里看到相应的第三方库,可以用来检查你有没有添加好依赖,当然还有别的界面也可以看,以后再说】
3.测试Jsp
新建的Web工程一般都会有一个默认的jsp(在web目录下,如图所示),我们选择index.jsp,右键运行(注意看图,我的JSP文件内容被我改过,所以如果你运行后得不到下图的结果也是正常的,一般是点击运行后,没什么大问题会自动弹出默认浏览器,请仔细留意下浏览器地址栏的网址,我们以后是需要通过这种网址访问的)

可能初次运行还需要给个java环境,就把jdk目录放进去就行了。
【当然不需要可以直接跳过】
以后运行就可以在右上角点击绿色按钮了。

点击绿色按钮后,会出现四种选项,优先使用第四种,其他的以后再介绍。

这个就是我们的结果啦!

4.测试Servlet

新建一个Servlet,自己取个名字。
内容如下
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
@WebServlet(name = "TestServlet",urlPatterns = {"/TestServlet"})
public class TestServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
PrintWriter printWriter = response.getWriter();
printWriter.print("Hello Servlet");
}
}
修改index.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Jsp测试</title>
</head>
<body>
<a href="TestServlet">Hello World</a>
</body>
</html>
然后运行一下。
出现一个警告,虽然是警告,但是已经影响了运行

解决方案就是选择Project Structure(蓝点点图标)

设置一个新版本的level,尽量选择与jdk匹配的吧,应该也没什么道理,但是这样就好了。
点击运行


成功!
5.测试数据库[如果还没深入学习数据库,可以跳过此部分,等学会了再回来看]
我们这里用的是mysql数据库,安装时采用xampp,因为我要用到phpmyadmin来管理数据库,具体安装不在这里多说。我们直接看servlet链接数据库,也就是Jdbc链接。
建立测试数据库并打开。
在这之前另一篇blog也写了mysql的一些踩坑,这里再整理一下。
首先我们要用mysql,必须导入lib。
打开project Structure(蓝点点图标)
我们选择libraries,从maven导入mysql

搜索。

选第一个,一路ok。
这个东西理论上可以自己生成一个WEB-INF下的lib,如果没有的话,参考https://www.jianshu.com/p/1cec18a146e3。
下面写jdbc的代码,修改TestServlet。
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.*;
@WebServlet(name = "TestServlet",urlPatterns = {"/TestServlet"})
public class TestServlet extends HttpServlet {
//JDBC数据库访问URL jdbc:mysql://localhost/数据库名字
private static final String DB_URL = "jdbc:mysql://localhost/rfid?serverTimezone=UTC";
private static Connection conn;
private static Statement stmt;
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//设置响应内容类型
req.setCharacterEncoding("utf-8");
resp.setContentType("text/html;charset=utf-8");
resp.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
out.print("Hello Servlet");
try
{
//初始化JDBC驱动
Class.forName("com.mysql.cj.jdbc.Driver");
//链接数据库
conn = DriverManager.getConnection(DB_URL,"root","");
//执行一个查询
stmt = conn.createStatement();
String sql = "SELECT * FROM books";
ResultSet rs = stmt.executeQuery(sql);
//取得结果集
while(rs.next()){
//Retrieve by column name
int id = rs.getInt("id");
String isbn = rs.getString("isbn");
String name = rs.getString("name");
int status = rs.getInt("status");
//Display values
out.print("ID: " + id);
out.print(", Age: " + isbn);
out.print(", First: " + name);
out.println(", Last: " + status);
}
} catch (ClassNotFoundException | SQLException e)
{
e.printStackTrace();
}
}
}
这样运行起来就OK啦!
好啦,这篇文章就到这里啦!