[JavaWeb - 1] Hello World

時(shí)間軸:
17年12月首次發(fā)表
18年12月第一次更新

0.準(zhǔn)備

我們使用SpringBoot進(jìn)行JavaWeb開發(fā),首先準(zhǔn)備的東西是IDEA,下面的操作都是在IDEA安裝好的基礎(chǔ)上進(jìn)行的,所以如果參考本文章新建工程的話,請(qǐng)先裝好IDEA,本篇文章簡單介紹一些簡單的JavaWeb的操作,對(duì)于有些專業(yè)名詞解釋,或者小小小小小白入門的文章,以后會(huì)考慮增加一篇,然后在下一篇,我們將正式認(rèn)識(shí)SpringBoot。

目錄:
1.新建Web工程
2.配置環(huán)境
3.測試Jsp
4.測試Servlet
5.測試數(shù)據(jù)庫

1.新建工程

打開IDEA


一路安裝顯示的界面
啟動(dòng)界面
新建頁面

點(diǎn)擊新建工程


然后就進(jìn)入了這個(gè)頁面

首先我們看右上角的紅色,提示No SDK,那么這里其實(shí)是讓我們配置jdk,我們把安裝好的jdk路徑給它,來new一個(gè)


配置JDK

這樣子就有了jdk

然后我們新建Web工程,選中Web Application,點(diǎn)擊next


新建Web工程

起個(gè)名字放個(gè)目錄

工程

點(diǎn)擊Finish我們的工程就算建立完成了。

這是新工程的頁面

出現(xiàn)新工程頁面,Tip的話直接把Show Tips 的小對(duì)勾去掉關(guān)掉就行了。

2.配置環(huán)境

接下來我們配置Web容器,選擇File->setting->Application Servers,三步Application Servers 點(diǎn)擊綠色添加按鈕,選擇Tomcat Server


image.png

小彈窗,添加Tomcat路徑,(Tomcat可以去官網(wǎng)下載,下載后解壓放在一個(gè)地方就可以用了),如果容器都已經(jīng)配置好的,可以跳過這一步


Tomcat路徑

確定之后我們的Tomcat也就配置好了。然后它自動(dòng)導(dǎo)入了tomcat的一些文件,點(diǎn)擊Apply再點(diǎn)OK,這一步就完成了。

接下來我們回到主界面,點(diǎn)擊右上角的帶藍(lán)點(diǎn)點(diǎn)的圖標(biāo)
配置

在出現(xiàn)的頁面中選擇Modules,然后選擇Dependencies,然后點(diǎn)擊綠色小按鈕添加Library
配置

選擇你剛才弄好的Application Server


配置

然后添加到Lib里,現(xiàn)在顯示如下
image.png

Apply->ok,回到主界面。
此時(shí)側(cè)邊目錄External Libraries也多了Tomcat


目錄

【以后,每次通過藍(lán)點(diǎn)點(diǎn)圖標(biāo)配置依賴或者maven配置依賴,如果成功了,都會(huì)在這里看到相應(yīng)的第三方庫,可以用來檢查你有沒有添加好依賴,當(dāng)然還有別的界面也可以看,以后再說】

3.測試Jsp

新建的Web工程一般都會(huì)有一個(gè)默認(rèn)的jsp(在web目錄下,如圖所示),我們選擇index.jsp,右鍵運(yùn)行(注意看圖,我的JSP文件內(nèi)容被我改過,所以如果你運(yùn)行后得不到下圖的結(jié)果也是正常的,一般是點(diǎn)擊運(yùn)行后,沒什么大問題會(huì)自動(dòng)彈出默認(rèn)瀏覽器,請(qǐng)仔細(xì)留意下瀏覽器地址欄的網(wǎng)址,我們以后是需要通過這種網(wǎng)址訪問的)


index

可能初次運(yùn)行還需要給個(gè)java環(huán)境,就把jdk目錄放進(jìn)去就行了。
【當(dāng)然不需要可以直接跳過】
以后運(yùn)行就可以在右上角點(diǎn)擊綠色按鈕了。


運(yùn)行

點(diǎn)擊綠色按鈕后,會(huì)出現(xiàn)四種選項(xiàng),優(yōu)先使用第四種,其他的以后再介紹。
啟動(dòng)

這個(gè)就是我們的結(jié)果啦!


Hello World

4.測試Servlet

Servlet

新建一個(gè)Servlet,自己取個(gè)名字。
內(nèi)容如下

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>

然后運(yùn)行一下。

出現(xiàn)一個(gè)警告,雖然是警告,但是已經(jīng)影響了運(yùn)行


問題

解決方案就是選擇Project Structure(藍(lán)點(diǎn)點(diǎn)圖標(biāo))


解決

設(shè)置一個(gè)新版本的level,盡量選擇與jdk匹配的吧,應(yīng)該也沒什么道理,但是這樣就好了。

點(diǎn)擊運(yùn)行


image.png

image.png

成功!

5.測試數(shù)據(jù)庫[如果還沒深入學(xué)習(xí)數(shù)據(jù)庫,可以跳過此部分,等學(xué)會(huì)了再回來看]

我們這里用的是mysql數(shù)據(jù)庫,安裝時(shí)采用xampp,因?yàn)槲乙玫絧hpmyadmin來管理數(shù)據(jù)庫,具體安裝不在這里多說。我們直接看servlet鏈接數(shù)據(jù)庫,也就是Jdbc鏈接。

建立測試數(shù)據(jù)庫并打開。

在這之前另一篇blog也寫了mysql的一些踩坑,這里再整理一下。
首先我們要用mysql,必須導(dǎo)入lib。

打開project Structure(藍(lán)點(diǎn)點(diǎn)圖標(biāo))

我們選擇libraries,從maven導(dǎo)入mysql


導(dǎo)入包

搜索。

image.png

選第一個(gè),一路ok。
這個(gè)東西理論上可以自己生成一個(gè)WEB-INF下的lib,如果沒有的話,參考http://www.lxweimin.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數(shù)據(jù)庫訪問URL jdbc:mysql://localhost/數(shù)據(jù)庫名字
    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 {
            //設(shè)置響應(yīng)內(nèi)容類型
       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驅(qū)動(dòng)
            Class.forName("com.mysql.cj.jdbc.Driver");
            //鏈接數(shù)據(jù)庫
            conn = DriverManager.getConnection(DB_URL,"root","");
            //執(zhí)行一個(gè)查詢
            stmt = conn.createStatement();
            String sql = "SELECT * FROM books";
            ResultSet rs = stmt.executeQuery(sql);

            //取得結(jié)果集
            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();
        }

    }
}

這樣運(yùn)行起來就OK啦!

好啦,這篇文章就到這里啦!

文章集合
JavaWeb - 2 SpringBoot新工程

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,362評(píng)論 6 544
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,577評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,486評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,852評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,600評(píng)論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,944評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,944評(píng)論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,108評(píng)論 0 290
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,652評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,385評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,616評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,111評(píng)論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,798評(píng)論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,205評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,537評(píng)論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,334評(píng)論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,570評(píng)論 2 379

推薦閱讀更多精彩內(nèi)容