Javaweb項(xiàng)目框架搭建-準(zhǔn)備篇

前言

Java從大二開(kāi)始學(xué)習(xí)到現(xiàn)在大四也有差不多兩年了面哼,但是由于之前一直在玩逞姿,沒(méi)有認(rèn)真學(xué)過(guò),直到現(xiàn)在才開(kāi)始重新學(xué)習(xí)蝙云。也是很湊巧氓皱,看到了黃勇老師的《架構(gòu)探險(xiǎn)》,于是便開(kāi)始學(xué)習(xí)寫(xiě)Java Web框架勃刨。

1.開(kāi)發(fā)工具

《架構(gòu)探險(xiǎn)》書(shū)中提到說(shuō)IntelliJ IDEA(簡(jiǎn)稱(chēng)IDEA)是業(yè)界最牛的Java開(kāi)發(fā)工具波材,但是它有兩個(gè)版本,一個(gè)社區(qū)版不花錢(qián)身隐,屬于開(kāi)源的個(gè)人版廷区,但是功能不全面,另一個(gè)是完全版贾铝,屬于收費(fèi)的企業(yè)版隙轻,功能全面。于是我本著要用就用最好的的宗旨垢揩,毅然下載了收費(fèi)版的玖绿,在安裝過(guò)程中也發(fā)現(xiàn)了這款開(kāi)發(fā)工具的一個(gè)小Bug,因?yàn)檫@個(gè)工具收費(fèi)版有30天的試用期水孩,我們可以在安裝之前把電腦系統(tǒng)時(shí)間修改到推后半年镰矿,比如現(xiàn)在是2016年12月,我們可以改成2017年6月俘种,這樣安裝完成后它的試用期就會(huì)到2017年7月,之后先關(guān)閉軟件再把系統(tǒng)時(shí)間改回來(lái)就OK了绝淡,它的試用期依然是2017年7月宙刘。

IDEA.png

之后的安裝過(guò)程就比較簡(jiǎn)單了,提醒一點(diǎn)的是牢酵,最好不要改的太多悬包,推后的時(shí)間在一年之內(nèi),超過(guò)一年安裝會(huì)有報(bào)錯(cuò)馍乙。

2.做一個(gè)小項(xiàng)目

在開(kāi)始正式工作之前布近,先做一個(gè)Hello World(好像所有開(kāi)發(fā)都離不開(kāi)這一步)。一是熟悉一下Maven丝格,二是復(fù)習(xí)一下Servlet和JSP撑瞧。開(kāi)始!O则颉预伺!

1.創(chuàng)建一個(gè)Maven的項(xiàng)目

Maven 是一個(gè)項(xiàng)目管理和構(gòu)建自動(dòng)化工具。不過(guò)對(duì)于程序員而言,更看重它的項(xiàng)目構(gòu)建功能酬诀。但是對(duì)于使用IDEA作為開(kāi)發(fā)工具脏嚷,也不用單獨(dú)下載、配置Maven瞒御,因?yàn)镮DEA默認(rèn)將其整合了父叙。使用IDEA創(chuàng)建Maven項(xiàng)目很簡(jiǎn)單:
a.點(diǎn)擊右上角工具欄的File/New/Project。
b.在彈出框選擇Maven肴裙,然后Next趾唱。
c.在接下來(lái)的窗口中,這三個(gè)是必填的践宴,很重要的東西鲸匿。GroupId建議為網(wǎng)站域名的倒排方式,確保唯一性阻肩,類(lèi)似于Java的包名带欢;ArtifactId是模塊名稱(chēng),這個(gè)自行起名烤惊。
d.繼續(xù)Next乔煞,輸入Project name,然后Finish柒室。
到此渡贾,Maven項(xiàng)目就創(chuàng)建完成了。

2.配置Maven

打開(kāi)Maven配置文件pom.xml雄右,之后進(jìn)行一系列的配置空骚,配置完成后的樣子:
<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>org.smart4j</groupId> <artifactId>chapter1</artifactId> <version>1.0.0</version> <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> </properties> <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId> maven-compiler-plugin</artifactId> <version>3.3</version> <configuration> <source>1.8</source> <target>1.8</target> </configuration> </plugin> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-surefire-plugin</artifactId> <version>2.18.1</version> <configuration> <skipTests>true</skipTests> </configuration> </plugin> <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId>tomcat7-maven-plugin</artifactId> <version>2.2</version> <configuration> <path>/${project.artifactId}</path> </configuration> </plugin> </plugins> </build> <packaging>war</packaging> <dependencies> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>3.1.0</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>jsp-api</artifactId> <version>2.2</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> <scope>runtime</scope> </dependency> </dependencies> </project>
首先是配置編碼格式為UTF-8:
<properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding></properties>
然后配置JDK為1.8(這個(gè)看個(gè)人,因?yàn)槲译娔X里JDK版本為1.8)和Tomcat為7(這個(gè)也是看個(gè)人電腦里Tomcat的版本),看著有些亂擂仍,這個(gè)代碼格式調(diào)半天沒(méi)調(diào)好囤屹。。逢渔。肋坚。。:
<build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId> maven-compiler-plugin</artifactId> <version>3.3</version> <configuration> <source>1.8</source> <target>1.8</target> </configuration> </plugin> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-surefire-plugin</artifactId> <version>2.18.1</version> <configuration> <skipTests>true</skipTests> </configuration> </plugin> <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId>tomcat7-maven-plugin</artifactId> <version>2.2</version> <configuration> <path>/${project.artifactId}</path> </configuration> </plugin> </plugins> </build>
再然后配置打包類(lèi)型為war包:
<packaging>war</packaging>
最后配置Servlet肃廓、JSP智厌、JSTL(Maven三坐標(biāo)必須提供,之后的Servlet和JSP因?yàn)門(mén)omcat自帶有相應(yīng)的jar包盲赊,故scope設(shè)置為provided铣鹏;而JSTL是在運(yùn)行時(shí)需要,編譯時(shí)不需要角钩,故scope設(shè)置為runtime):
<dependencies> <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> <version>3.1.0</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>jsp-api</artifactId> <version>2.2</version> <scope>provided</scope> </dependency><dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> <scope>runtime</scope> </dependency> </dependencies>
到此吝沫,Maven的配置也完成了(確實(shí)比Eclipse之類(lèi)的配置簡(jiǎn)單的多)呻澜。

3.轉(zhuǎn)換為Java Web項(xiàng)目

只需3步,輕松搞定惨险,
a.在main目錄下新建webapp目錄羹幸。
b.在webapp目錄下新建WEB-INF目錄。
c.在WEB-INF目錄下新建web.xml辫愉。
此時(shí)栅受,屏幕右下角會(huì)有個(gè)提示:

valid.png

那么表示,web項(xiàng)目已經(jīng)創(chuàng)建完成恭朗。

4.編寫(xiě)Servlet類(lèi)和JSP頁(yè)面

在main目錄下的java目錄下新建包屏镊,包名,然后新建一個(gè)Servlet(HelloServlet)痰腮,該Servlet負(fù)責(zé)頁(yè)面跳轉(zhuǎn)而芥,并且將當(dāng)前時(shí)間轉(zhuǎn)換為標(biāo)準(zhǔn)格式傳遞到頁(yè)面當(dāng)中。(在這里有一點(diǎn)膀值,我照著黃勇老師的步驟在Servlet頁(yè)面跳轉(zhuǎn)時(shí)候的路徑是"/WEB-INF/jsp/hello.jsp"棍丐,但是頁(yè)面一直報(bào)錯(cuò)提示404,后來(lái)我查找資料才找到沧踏,頁(yè)面不能寫(xiě)在"/WEB-INF"目錄下歌逢,于是改成下面這個(gè)樣子就可以顯示了):
package org.smart4j.chapter1; 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.text.DateFormat; import java.text.SimpleDateFormat; import java.util.Date; @WebServlet("/hello") public class HelloServlet extends HttpServlet{ @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String currentTime = dateFormat.format(new Date()); req.setAttribute("currentTime", currentTime); req.getRequestDispatcher("/jsp/hello.jsp").forward(req, resp); } }
之后新建一個(gè)負(fù)責(zé)顯示的JSP頁(yè)面,該頁(yè)面接收Servlet傳遞過(guò)來(lái)的參數(shù)并通過(guò)JSTL表達(dá)式顯示:
<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head><title>Hello</title></head><body><h1>Hello!</h1><h2>當(dāng)前時(shí)間為:${currentTime}</h2> </body> </html>

5.配置Tomcat

寫(xiě)好頁(yè)面和Servlet之后就需要配置一個(gè)服務(wù)器翘狱,把寫(xiě)的東西在可以展示出來(lái)秘案。在這里肯定是要配置Tomcat服務(wù)器了:
a.點(diǎn)擊右上角工具欄中的“Edit Configurations...”(這是一個(gè)下拉框)。
b.點(diǎn)擊左上角的“+”按鈕潦匈,選擇“Tomcat Server/Local”阱高。
c.Name自己起個(gè)名字,然后去掉勾選的After launch茬缩。
d.點(diǎn)擊Application server右邊的“Configure...”按鈕讨惩,配置Tomcat(這個(gè)會(huì)自動(dòng)幫你尋找你電腦上的Tomcat)。
e.切換到Deployment選項(xiàng)卡寒屯,點(diǎn)擊右側(cè)“+”按鈕,選擇“Artifact...”選項(xiàng)黍少,在彈出框中選擇“項(xiàng)目名:war exploded”寡夹,點(diǎn)擊OK,然后在Application context中輸入項(xiàng)目名厂置。
f.切換回Server選項(xiàng)卡菩掏,在On frame deactivation下拉框選擇“Update resources”選項(xiàng),點(diǎn)擊OK昵济。
到此智绸,Tomcat配置完成野揪。

6.上傳到git

我照著書(shū)上的方法上傳時(shí)候一直提示錯(cuò)誤:“fatal: The current branch master has no upstream branch.”。后來(lái)我又重新從git上先clone下來(lái)瞧栗,然后把倉(cāng)庫(kù)導(dǎo)入項(xiàng)目根目錄下 之后才正常提交斯稳,可能是我操作有問(wèn)題,但是我也一直沒(méi)有找到問(wèn)題在哪兒迹恐,只好用最笨的方法了挣惰。。殴边。憎茂。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末锤岸,一起剝皮案震驚了整個(gè)濱河市竖幔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌是偷,老刑警劉巖拳氢,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異晓猛,居然都是意外死亡饿幅,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門(mén)戒职,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)栗恩,“玉大人,你說(shuō)我怎么就攤上這事洪燥】某樱” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵捧韵,是天一觀的道長(zhǎng)市咆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)再来,這世上最難降的妖魔是什么蒙兰? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮芒篷,結(jié)果婚禮上搜变,老公的妹妹穿的比我還像新娘。我一直安慰自己针炉,他們只是感情好挠他,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著篡帕,像睡著了一般殖侵。 火紅的嫁衣襯著肌膚如雪贸呢。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,730評(píng)論 1 289
  • 那天拢军,我揣著相機(jī)與錄音楞陷,去河邊找鬼。 笑死朴沿,一個(gè)胖子當(dāng)著我的面吹牛猜谚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播赌渣,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼魏铅,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了坚芜?” 一聲冷哼從身側(cè)響起览芳,我...
    開(kāi)封第一講書(shū)人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎鸿竖,沒(méi)想到半個(gè)月后沧竟,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡缚忧,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年悟泵,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片闪水。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡糕非,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出球榆,到底是詐尸還是另有隱情朽肥,我是刑警寧澤,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布持钉,位于F島的核電站衡招,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏每强。R本人自食惡果不足惜始腾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望空执。 院中可真熱鬧窘茁,春花似錦、人聲如沸脆烟。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)邢羔。三九已至驼抹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間拜鹤,已是汗流浹背框冀。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留敏簿,地道東北人明也。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像惯裕,于是被迫代替她去往敵國(guó)和親温数。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

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