[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

这样子就有了jdk

然后我们新建Web工程，选中Web Application，点击next

新建Web工程

起个名字放个目录

工程

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

这是新工程的页面

出现新工程页面，Tip的话直接把Show Tips 的小对勾去掉关掉就行了。

2.配置环境

接下来我们配置Web容器，选择File->setting->Application Servers，三步Application Servers 点击绿色添加按钮，选择Tomcat Server

image.png

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

Tomcat路径

确定之后我们的Tomcat也就配置好了。然后它自动导入了tomcat的一些文件，点击Apply再点OK，这一步就完成了。

接下来我们回到主界面，点击右上角的带蓝点点的图标

配置

在出现的页面中选择Modules，然后选择Dependencies，然后点击绿色小按钮添加Library

配置

选择你刚才弄好的Application Server

配置

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

image.png

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

目录

【以后，每次通过蓝点点图标配置依赖或者maven配置依赖，如果成功了，都会在这里看到相应的第三方库，可以用来检查你有没有添加好依赖，当然还有别的界面也可以看，以后再说】

3.测试Jsp

新建的Web工程一般都会有一个默认的jsp(在web目录下，如图所示)，我们选择index.jsp，右键运行（注意看图，我的JSP文件内容被我改过，所以如果你运行后得不到下图的结果也是正常的，一般是点击运行后，没什么大问题会自动弹出默认浏览器，请仔细留意下浏览器地址栏的网址，我们以后是需要通过这种网址访问的）

index

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

运行

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

启动

这个就是我们的结果啦！

Hello World

4.测试Servlet

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


  


Hello World

然后运行一下。

出现一个警告，虽然是警告，但是已经影响了运行

问题

解决方案就是选择Project Structure（蓝点点图标）

解决

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

点击运行

image.png

image.png

成功！

5.测试数据库[如果还没深入学习数据库，可以跳过此部分，等学会了再回来看]

我们这里用的是mysql数据库，安装时采用xampp，因为我要用到phpmyadmin来管理数据库，具体安装不在这里多说。我们直接看servlet链接数据库，也就是Jdbc链接。

建立测试数据库并打开。

在这之前另一篇blog也写了mysql的一些踩坑，这里再整理一下。
首先我们要用mysql，必须导入lib。

打开project Structure（蓝点点图标）

我们选择libraries，从maven导入mysql

导入包

搜索。

image.png

选第一个，一路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啦！

好啦，这篇文章就到这里啦！

文章集合
JavaWeb - 2 SpringBoot新工程