整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
（1）什么是JSP？
JSP可用簡單易懂的等式表示為：HTML+Java=JSP。JSP技術使用Java編程語言編寫類XML的tags和scriptlets，來封裝產(chǎn)生動態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過tgas和scriptlets訪問服務端的資源的應用邏輯。JSP將網(wǎng)頁邏輯和網(wǎng)頁設計和顯示分離，支持可重用的基于組件的設計，是基于web的應用程序的開發(fā)變得迅速和容易。
（2）使用JSP的目的
1）將內(nèi)容的生成和顯示進行分離 使用JSP技術，Web頁面開發(fā)人員可以使用HTML或者XML標識來設計和格式化最終頁面。使用JSP標識或者小腳本來生成頁面上的動態(tài)內(nèi)容。
2）強調(diào)可重用的組件 絕大多數(shù)JSP頁面依賴于可重用的，跨平臺的組件（JavaBeans或者Enterprise JavaBeansTM組件）來執(zhí)行應用程序所要求的更為復雜的處理。
3）采用標識簡化頁面開發(fā) Web頁面開發(fā)人員不會都是熟悉腳本語言的編程人員。JavaServer Page技術封裝了許多功能，這些功能是在易用的、與JSP相關的XML標識中進行動態(tài)內(nèi)容生成所需要的。
（3）JSP技術使用時的優(yōu)缺點
優(yōu)點：
（1）一次編寫，到處運行。由于JSP/Servlet都是基于Java的，所以它們也有Java語言的最大優(yōu)點——平臺無關性，也就是所謂的“一次編寫，隨處運行。
（2）系統(tǒng)的多平臺支持。基本上可以在所有平臺上的任意環(huán)境中開發(fā)和部署。
（3）強大的可伸縮性。從只有一個小的Jar文件就可以運行Servlet/JSP，到由多臺服務器進行集群和負載均衡。
（4）多樣化和功能強大的開發(fā)工具支持。
缺點：
（1）Java的一些優(yōu)勢正是它致命的問題所在。正是由于為了跨平臺的功能，為了極度的伸縮能力，所以極大的增加了產(chǎn)品的復雜性。
（2） Java的運行速度是用class常駐內(nèi)存來完成的，所以它在一些情況下所使用的內(nèi)存比起用戶數(shù)量來說確實是“最低性能價格比”了。
（3）在調(diào)試JSP代碼時，如果程序出錯，JSP服務器會返回出錯信息，并在瀏覽器中顯示。這時，由于JSP是先被轉(zhuǎn)換成Servlet后再運行的，所以，瀏覽器中所顯示的代碼出錯的行數(shù)并不是JSP源代碼的行數(shù)，而是指轉(zhuǎn)換后的Servlet程序代碼的行數(shù)。這給調(diào)試代碼帶來一定困難。
（1）JSP編譯階段
當瀏覽器請求JSP頁面時，JSP引擎會首先去檢查是否需要編譯這個文件。如果這個文件沒有被編譯過，或者在上次編譯后被更改過，則編譯這個JSP文件。
編譯的過程包括三個步驟：
1）解析JSP文件。
2）將JSP文件轉(zhuǎn)為servlet。
3）編譯servlet。
（2）JSP初始化
容器載入JSP文件后，它會在為請求提供任何服務前調(diào)用jspInit()方法。如果您需要執(zhí)行自定義的JSP初始化任務，復寫jspInit()方法就行了，就像下面這樣：
public void jspInit(){
// 初始化代碼
}
一般來講程序只初始化一次，servlet也是如此。通常情況下您可以在jspInit()方法中初始化數(shù)據(jù)庫連接、打開文件和創(chuàng)建查詢表。
（3）JSP執(zhí)行
這一階段描述了JSP生命周期中一切與請求相關的交互行為，直到被銷毀。
當JSP網(wǎng)頁完成初始化后，JSP引擎將會調(diào)用_jspService()方法。
_jspService()方法需要一個HttpServletRequest對象和一個HttpServletResponse對象作為它的參數(shù)，就像下面這樣：
void _jspService(HttpServletRequest request,
HttpServletResponse response)
{
// 服務端處理代碼
}
_jspService()方法在每個request中被調(diào)用一次并且負責產(chǎn)生與之相對應的response，并且它還負責產(chǎn)生所有7個HTTP方法的回應，比如GET、POST、DELETE等等。
（4）JSP銷毀
JSP生命周期的銷毀階段描述了當一個JSP網(wǎng)頁從容器中被移除時所發(fā)生的一切。
jspDestroy()方法在JSP中等價于servlet中的銷毀方法。當您需要執(zhí)行任何清理工作時復寫jspDestroy()方法，比如釋放數(shù)據(jù)庫連接或者關閉文件夾等等。
jspDestroy()方法的格式如下：
public void jspDestroy()
{
// 清理代碼
}
第一步：編寫代碼：smzq.JSP
第二步：在eclipse中運行tomcat，訪問鏈如下：
http://localhost:8080/jsptest/smzq.jsp
效果圖如下：
此外，我們也會不定期的分享JavaEE工程師的筆試題，供大家研究。現(xiàn)已分享的筆試題如下，
精選11道Java技術面試題并有答案（包含部分阿里和華為的面試題）
京東和騰訊精選12道Java筆試題并有答案
精選20道Java多線程面試題并有答案！
最近需要面試的同學可以關注這個頭條號，即可獲取面試題和技術文章。
者：楊明翰
來源：https://blog.csdn.net/piantoutongyang/article/details/50878214
一、前戲
前后端分離已成為互聯(lián)網(wǎng)項目開發(fā)的業(yè)界標準使用方式，通過nginx+tomcat的方式（也可以中間加一個nodejs）有效的進行解耦，并且前后端分離會為以后的大型分布式架構、彈性計算架構、微服務架構、多端化服務（多種客戶端，例如：瀏覽器，車載終端，安卓，IOS等等）打下堅實的基礎。這個步驟是系統(tǒng)架構從猿進化成人的必經(jīng)之路。
核心思想是前端html頁面通過ajax調(diào)用后端的restuful api接口并使用json數(shù)據(jù)進行交互。
在互聯(lián)網(wǎng)架構中，名詞解釋：
Web服務器：一般指像nginx，apache這類的服務器，他們一般只能解析靜態(tài)資源。
應用服務器：一般指像tomcat，jetty，resin這類的服務器可以解析動態(tài)資源也可以解析靜態(tài)資源，但解析靜態(tài)資源的能力沒有web服務器好。
一般都是只有web服務器才能被外網(wǎng)訪問，應用服務器只能內(nèi)網(wǎng)訪問。
二、術業(yè)有專攻（開發(fā)人員分離）
以前的JavaWeb項目大多數(shù)都是java程序員又當?shù)之攱專指闱岸耍指愫蠖恕?/p>
隨著時代的發(fā)展，漸漸的許多大中小公司開始把前后端的界限分的越來越明確，前端工程師只管前端的事情，后端工程師只管后端的事情。正所謂術業(yè)有專攻，一個人如果什么都會，那么他畢竟什么都不精。
大中型公司需要專業(yè)人才，小公司需要全才，但是對于個人職業(yè)發(fā)展來說，我建議是分開。
1、對于后端java工程師：
把精力放在java基礎，設計模式，jvm原理，spring+springmvc原理及源碼，linux，mysql事務隔離與鎖機制，mongodb，http/tcp，多線程，分布式架構，彈性計算架構，微服務架構，java性能優(yōu)化，以及相關的項目管理等等。
后端追求的是：三高（高并發(fā)，高可用，高性能），安全，存儲，業(yè)務等等。
2、對于前端工程師：
把精力放在html5，css3，jquery，angularjs，bootstrap，reactjs，vuejs，webpack，less/sass，gulp，nodejs，Google V8引擎，javascript多線程，模塊化，面向切面編程，設計模式，瀏覽器兼容性，性能優(yōu)化等等。
前端追求的是：頁面表現(xiàn)，速度流暢，兼容性，用戶體驗等等。
術業(yè)有專攻，這樣你的核心競爭力才會越來越高，正所謂你往生活中投入什么，生活就會反饋給你什么。并且兩端的發(fā)展都越來越高深，你想什么都會，那你畢竟什么都不精。
通過將team分成前后端team，讓兩邊的工程師更加專注各自的領域，獨立治理，然后構建出一個全棧式的精益求精的team。
三、原始人時代（各種耦合）
幾曾何時，我們的JavaWeb項目都是使用了若干后臺框架，springmvc/struts + spring + spring jdbc/hibernate/mybatis 等等。
大多數(shù)項目在java后端都是分了三層，控制層，業(yè)務層，持久層。控制層負責接收參數(shù)，調(diào)用相關業(yè)務層，封裝數(shù)據(jù)，以及路由&渲染到jsp頁面。然后jsp頁面上使用各種標簽或者手寫java表達式將后臺的數(shù)據(jù)展現(xiàn)出來，玩的是MVC那套思路。
我們先看這種情況：需求定完了，代碼寫完了，測試測完了，然后呢？要發(fā)布了吧？你需要用maven或者eclipse等工具把你的代碼打成一個war包，然后把這個war包發(fā)布到你的生產(chǎn)環(huán)境下的web容器里，對吧？
發(fā)布完了之后，你要啟動你的web容器，開始提供服務，這時候你通過配置域名，dns等等相關，你的網(wǎng)站就可以訪問了（假設你是個網(wǎng)站）。那我們來看，你的前后端代碼是不是全都在那個war包里？包括你的js，css，圖片，各種第三方的庫，對吧？
好，下面在瀏覽器中輸入你的網(wǎng)站域名（www.xxx.com），之后發(fā)生了什么？（這個問題也是很多公司的面試題）我撿干的說了啊，基礎不好的童鞋請自己去搜。
瀏覽器在通過域名通過dns服務器找到你的服務器外網(wǎng)ip,將http請求發(fā)送到你的服務器，在tcp3次握手之后（http下面是tcp/ip），通過tcp協(xié)議開始傳輸數(shù)據(jù)，你的服務器得到請求后，開始提供服務，接收參數(shù)，之后返回你的應答給瀏覽器，瀏覽器再通過content-type來解析你返回的內(nèi)容，呈現(xiàn)給用戶。
那么我們來看，我們先假設你的首頁中有100張圖片，此時，用戶的看似一次http請求，其實并不是一次，用戶在第一次訪問的時候，瀏覽器中不會有緩存，你的100張圖片，瀏覽器要連著請求100次http請求（有人會跟我說http長連短連的問題，不在這里討論），你的服務器接收這些請求，都需要耗費內(nèi)存去創(chuàng)建socket來玩tcp傳輸（消耗你服務器上的計算資源）。
重點來了，這樣的話，你的服務器的壓力會非常大，因為頁面中的所有請求都是只請求到你這臺服務器上，如果1個人還好，如果10000個人并發(fā)訪問呢（先不聊服務器集群，這里就說是單實例服務器），那你的服務器能扛住多少個tcp連接？你的帶寬有多大？你的服務器的內(nèi)存有多大？你的硬盤是高性能的嗎？你能抗住多少IO？你給web服務器分的內(nèi)存有多大？會不會宕機？
這就是為什么，越是大中型的web應用，他們越是要解耦。理論上你可以把你的數(shù)據(jù)庫+應用服務+消息隊列+緩存+用戶上傳的文件+日志+等等都扔在一臺服務器上，你也不用玩什么服務治理，也不用做什么性能監(jiān)控，什么報警機制等等，就亂成一鍋粥好了。但是這樣就好像是你把雞蛋都放在一個籃子里，隱患非常大。如果因為一個子應用的內(nèi)存不穩(wěn)定導致整個服務器內(nèi)存溢出而hung住，那你的整個網(wǎng)站就掛掉了。
如果出意外掛掉，而恰好這時你們的業(yè)務又處于井噴式發(fā)展高峰期，那么恭喜你，業(yè)務成功被技術卡住，很可能會流失大量用戶，后果不堪設想。（注意：技術一定是要走在業(yè)務前面的，否則你將錯過最佳的發(fā)展期喲，親~）
此外，你的應用全部都耦合在一起，相當于一個巨石，當服務端負載能力不足時，一般會使用負載均衡的方式，將服務器做成集群，這樣其實你是在水平擴展一塊塊巨石，性能加速度會越來越低，要知道，本身負載就低的功能or模塊是沒有必要水平擴展的，在本文中的例子就是你的性能瓶頸不在前端，那干嘛要水平擴展前端呢？？？還有發(fā)版部署上線的時候，我明明只改了后端的代碼，為什么要前端也跟著發(fā)布呢？？？
正常的互聯(lián)網(wǎng)架構，是都要拆開的，你的web服務器集群，你的應用服務器集群+文件服務器集群+數(shù)據(jù)庫服務器集群+消息隊列集群+緩存集群等等。
四、JSP的痛點
以前的javaWeb項目大多數(shù)使用jsp作為頁面層展示數(shù)據(jù)給用戶，因為流量不高，因此也沒有那么苛刻的性能要求，但現(xiàn)在是大數(shù)據(jù)時代，對于互聯(lián)網(wǎng)項目的性能要求是越來越高，因此原始的前后端耦合在一起的架構模式已經(jīng)逐漸不能滿足我們，因此我們需要需找一種解耦的方式，來大幅度提升我們的負載能力。
1、動態(tài)資源和靜態(tài)資源全部耦合在一起，服務器壓力大，因為服務器會收到各種http請求，例如css的http請求，js的，圖片的等等。一旦服務器出現(xiàn)狀況，前后臺一起玩完，用戶體驗極差。
2、UI出好設計圖后，前端工程師只負責將設計圖切成html，需要由java工程師來將html套成jsp頁面，出錯率較高（因為頁面中經(jīng)常會出現(xiàn)大量的js代碼），修改問題時需要雙方協(xié)同開發(fā)，效率低下。
3、jsp必須要在支持java的web服務器里運行（例如tomcat，jetty，resin等），無法使用nginx等（nginx據(jù)說單實例http并發(fā)高達5w，這個優(yōu)勢要用上），性能提不上來。
4、第一次請求jsp，必須要在web服務器中編譯成servlet，第一次運行會較慢。
5、每次請求jsp都是訪問servlet再用輸出流輸出的html頁面，效率沒有直接使用html高（是每次喲，親~）。
6、jsp內(nèi)有較多標簽和表達式，前端工程師在修改頁面時會捉襟見肘，遇到很多痛點。
7、如果jsp中的內(nèi)容很多，頁面響應會很慢，因為是同步加載。
8、需要前端工程師使用java的ide（例如eclipse），以及需要配置各種后端的開發(fā)環(huán)境，你們有考慮過前端工程師的感受嗎。
基于上述的一些痛點，我們應該把整個項目的開發(fā)權重往前移，實現(xiàn)前后端真正的解耦！
五、開發(fā)模式
以前老的方式是：
1、產(chǎn)品經(jīng)歷/領導/客戶提出需求
2、UI做出設計圖
3、前端工程師做html頁面
4、后端工程師將html頁面套成jsp頁面（前后端強依賴，后端必須要等前端的html做好才能套jsp。如果html發(fā)生變更，就更痛了，開發(fā)效率低）
5、集成出現(xiàn)問題
6、前端返工
7、后端返工
8、二次集成
9、集成成功
10、交付
新的方式是：
1、產(chǎn)品經(jīng)歷/領導/客戶提出需求
2、UI做出設計圖
3、前后端約定接口&數(shù)據(jù)&參數(shù)
4、前后端并行開發(fā)（無強依賴，可前后端并行開發(fā)，如果需求變更，只要接口&參數(shù)不變，就不用兩邊都修改代碼，開發(fā)效率高）
5、前后端集成
6、前端頁面調(diào)整
7、集成成功
8、交付
六、請求方式
以前老的方式是：
1、客戶端請求
2、服務端的servlet或controller接收請求（后端控制路由與渲染頁面，整個項目開發(fā)的權重大部分在后端）
3、調(diào)用service,dao代碼完成業(yè)務邏輯
4、返回jsp
5、jsp展現(xiàn)一些動態(tài)的代碼
新的方式是：
1、瀏覽器發(fā)送請求
2、直接到達html頁面（前端控制路由與渲染頁面，整個項目開發(fā)的權重前移）
3、html頁面負責調(diào)用服務端接口產(chǎn)生數(shù)據(jù)（通過ajax等等，后臺返回json格式數(shù)據(jù)，json數(shù)據(jù)格式因為簡潔高效而取代xml）
4、填充html，展現(xiàn)動態(tài)效果，在頁面上進行解析并操作DOM。
總結(jié)一下新的方式的請求步驟：
大量并發(fā)瀏覽器請求-→web服務器集群(nginx)-→應用服務器集群(tomcat)-→文件/數(shù)據(jù)庫/緩存/消息隊列服務器集群，同時又可以玩分模塊，還可以按業(yè)務拆成一個個的小集群，為后面的架構升級做準備。
關注微信公眾號：Java技術棧，在后臺回復：架構，可以獲取我整理的 N 篇最新架構教程，都是干貨。
七、前后分離的優(yōu)勢
1、可以實現(xiàn)真正的前后端解耦，前端服務器使用nginx。前端/WEB服務器放的是css，js，圖片等等一系列靜態(tài)資源（甚至你還可以css，js，圖片等資源放到特定的文件服務器，例如阿里云的oss，并使用cdn加速），前端服務器負責控制頁面引用&跳轉(zhuǎn)&路由，前端頁面異步調(diào)用后端的接口，后端/應用服務器使用tomcat（把tomcat想象成一個數(shù)據(jù)提供者），加快整體響應速度。（這里需要使用一些前端工程化的框架比如nodejs，react，router，react，redux，webpack）
2、發(fā)現(xiàn)bug，可以快速定位是誰的問題，不會出現(xiàn)互相踢皮球的現(xiàn)象。頁面邏輯，跳轉(zhuǎn)錯誤，瀏覽器兼容性問題，腳本錯誤，頁面樣式等問題，全部由前端工程師來負責。接口數(shù)據(jù)出錯，數(shù)據(jù)沒有提交成功，應答超時等問題，全部由后端工程師來解決。雙方互不干擾，前端與后端是相親相愛的一家人。
3、在大并發(fā)情況下，我可以同時水平擴展前后端服務器，比如淘寶的一個首頁就需要2000+臺前端服務器做集群來抗住日均多少億+的日均pv。（去參加阿里的技術峰會，聽他們說他們的web容器都是自己寫的，就算他單實例抗10萬http并發(fā)，2000臺是2億http并發(fā)，并且他們還可以根據(jù)預知洪峰來無限拓展，很恐怖，就一個首頁。。。）
4、減少后端服務器的并發(fā)/負載壓力。除了接口以外的其他所有http請求全部轉(zhuǎn)移到前端nginx上，接口的請求調(diào)用tomcat，參考nginx反向代理tomcat。且除了第一次頁面請求外，瀏覽器會大量調(diào)用本地緩存。
5、即使后端服務暫時超時或者宕機了，前端頁面也會正常訪問，只不過數(shù)據(jù)刷不出來而已。
6、也許你也需要有微信相關的輕應用，那樣你的接口完全可以共用，如果也有app相關的服務，那么只要通過一些代碼重構，也可以大量復用接口，提升效率。（多端應用）
7、頁面顯示的東西再多也不怕，因為是異步加載。
8、nginx支持頁面熱部署，不用重啟服務器，前端升級更無縫。
9、增加代碼的維護性&易讀性（前后端耦在一起的代碼讀起來相當費勁）。
10、提升開發(fā)效率，因為可以前后端并行開發(fā)，而不是像以前的強依賴。
11、在nginx中部署證書，外網(wǎng)使用https訪問，并且只開放443和80端口，其他端口一律關閉（防止黑客端口掃描），內(nèi)網(wǎng)使用http，性能和安全都有保障。
12、前端大量的組件代碼得以復用，組件化，提升開發(fā)效率，抽出來！
八、注意事項
1、在開需求會議的時候，前后端工程師必須全部參加，并且需要制定好接口文檔，后端工程師要寫好測試用例（2個維度），不要讓前端工程師充當你的專職測試，推薦使用chrome的插件postman或soapui或jmeter，service層的測試用例拿junit寫。ps：前端也可以玩單元測試嗎？
2、上述的接口并不是java里的interface，說白了調(diào)用接口就是調(diào)用你controler里的方法。
3、加重了前端團隊的工作量，減輕了后端團隊的工作量，提高了性能和可擴展性。
4、我們需要一些前端的框架來解決類似于頁面嵌套，分頁，頁面跳轉(zhuǎn)控制等功能。（上面提到的那些前端框架）。
5、如果你的項目很小，或者是一個單純的內(nèi)網(wǎng)項目，那你大可放心，不用任何架構而言，但是如果你的項目是外網(wǎng)項目，呵呵噠。
6、 以前還有人在使用類似于velocity/freemarker等模板框架來生成靜態(tài)頁面，仁者見仁智者見智。
7、這篇文章主要的目的是說jsp在大型外網(wǎng)java web項目中被淘汰掉，可沒說jsp可以完全不學，對于一些學生朋友來說，jsp/servlet等相關的java web基礎還是要掌握牢的，不然你以為springmvc這種框架是基于什么來寫的？
8、如果頁面上有一些權限等等相關的校驗，那么這些相關的數(shù)據(jù)也可以通過ajax從接口里拿。
9、對于既可以前端做也可以后端做的邏輯，我建議是放到前端，為什么？因為你的邏輯需要計算資源進行計算，如果放到后端去run邏輯，則會消耗帶寬&內(nèi)存&cpu等等計算資源，你要記住一點就是服務端的計算資源是有限的，而如果放到前端，使用的是客戶端的計算資源，這樣你的服務端負載就會下降（高并發(fā)場景）。類似于數(shù)據(jù)校驗這種，前后端都需要做！
10、前端需要有機制應對后端請求超時以及后端服務宕機的情況，友好的展示給用戶。
九、擴展閱讀
1、其實對于js，css，圖片這類的靜態(tài)資源可以考慮放到類似于阿里云的oss這類文件服務器上（如果是普通的服務器&操作系統(tǒng)，存儲在到達pb級的文件后，或者單個文件夾內(nèi)的文件數(shù)量達到3-5萬，io會有很嚴重的性能問題），再在oss上配cdn（全國子節(jié)點加速），這樣你頁面打開的速度像飛一樣， 無論你在全國的哪個地方，并且你的nginx的負載會進一步降低。
2、如果你要玩輕量級微服務架構，要使用nodejs做網(wǎng)關，用nodejs的好處還有利于seo優(yōu)化，因為nginx只是向瀏覽器返回頁面靜態(tài)資源，而國內(nèi)的搜索引擎爬蟲只會抓取靜態(tài)數(shù)據(jù)，不會解析頁面中的js，這使得應用得不到良好的搜索引擎支持。同時因為nginx不會進行頁面的組裝渲染，需要把靜態(tài)頁面返回到瀏覽器，然后完成渲染工作，這加重了瀏覽器的渲染負擔。瀏覽器發(fā)起的請求經(jīng)過nginx進行分發(fā)，URL請求統(tǒng)一分發(fā)到nodejs，在nodejs中進行頁面組裝渲染；API請求則直接發(fā)送到后端服務器，完成響應。
3、如果遇到跨域問題，spring4的CORS可以完美解決，但一般使用nginx反向代理都不會有跨域問題，除非你把前端服務和后端服務分成兩個域名。JSONP的方式也被淘汰掉了。
4、如果想玩多端應用，注意要去掉tomcat原生的session機制，要使用token機制，使用緩存（因為是分布式系統(tǒng)），做單點，對于token機制的安全性問題，可以搜一下jwt。
5、前端項目中可以加入mock測試（構造虛擬測試對象來模擬后端，可以獨立開發(fā)和測試），后端需要有詳細的測試用例，保證服務的可用性與穩(wěn)定性。
十、總結(jié)
前后端分離并非僅僅只是一種開發(fā)模式，而是一種架構模式（前后端分離架構）。千萬不要以為只有在擼代碼的時候把前端和后端分開就是前后端分離了，需要區(qū)分前后端項目。
前端項目與后端項目是兩個項目，放在兩個不同的服務器，需要獨立部署，兩個不同的工程，兩個不同的代碼庫，不同的開發(fā)人員。前后端工程師需要約定交互接口，實現(xiàn)并行開發(fā)，開發(fā)結(jié)束后需要進行獨立部署，前端通過ajax來調(diào)用http請求調(diào)用后端的restful api。前端只需要關注頁面的樣式與動態(tài)數(shù)據(jù)的解析&渲染，而后端專注于具體業(yè)務邏輯。
言：在CGI（通用網(wǎng)關接口）編程風行的日子，人們紛紛尋思簡化并讓其更加靈活的新方法和新技術，包括PHP、JSP、ASP。1997年SUN公司推出了servlet，1999年初，SUN公司推出了JSP，實際上在servlet基礎上修改而成。JSP即Java服務器頁面（Java Server Page），將HTML和JAVA代碼使用某種方式結(jié)合起來，完成前后端的有效交互。本文通過JSP歷史回顧和應用總結(jié)來審視過去和開拓未來。
其實，從現(xiàn)在看來JSP依然極具魅力，據(jù)了解很多JSP老項目還在維護。下面使用STS作為IDE構建一個實例項目，先體驗其效果。
如下圖，使用new dynamic web project創(chuàng)建項目：
進入preferences修改JSP文件的編碼：
新增一個JSP文件到WebContent目錄，如下
然后檢查并修改編碼，應該都是UTF-8，如下圖：
如果不是，就修改。
選中項目名稱，點郵件菜單的Run as ...-->Run on server
之后出現(xiàn)如下界面：
若沒有現(xiàn)存的tomcat server，就自己加一個。點Finish。然后自動調(diào)用chrome，界面如下：
自動調(diào)用瀏覽器設置的地方是windows-->Web browser菜單：
（1）顯示ip地址：getRemoteAddr
（2）變量聲明<%! %>
(3)表達式<%=%>
語法 | 描述 |
<%-- 注釋 --%> | JSP注釋，注釋內(nèi)容不會被發(fā)送至瀏覽器甚至不會被編譯 |
<!-- 注釋 --> | HTML注釋，通過瀏覽器查看網(wǎng)頁源代碼時可以看見注釋內(nèi)容 |
<\% | 代表靜態(tài) <%常量 |
%\> | 代表靜態(tài) %> 常量 |
\' | 在屬性中使用的單引號 |
\" | 在屬性中使用的雙引號 |
指令 | 描述 |
<%@ page ... %> | 定義頁面的依賴屬性，比如腳本語言、error頁面、緩存需求等等 |
<%@ include ... %> | 包含其他文件 |
<%@ taglib ... %> | 引入標簽庫的定義，可以是自定義標簽 |
屬性 | 描述 |
buffer | 指定out對象使用緩沖區(qū)的大小 |
autoFlush | 控制out對象的 緩存區(qū) |
contentType | 指定當前JSP頁面的MIME類型和字符編碼 |
errorPage | 指定當JSP頁面發(fā)生異常時需要轉(zhuǎn)向的錯誤處理頁面 |
isErrorPage | 指定當前頁面是否可以作為另一個JSP頁面的錯誤處理頁面 |
extends | 指定servlet從哪一個類繼承 |
import | 導入要使用的Java類 |
info | 定義JSP頁面的描述信息 |
isThreadSafe | 指定對JSP頁面的訪問是否為線程安全 |
language | 定義JSP頁面所用的腳本語言，默認是Java |
session | 指定JSP頁面是否使用session |
isELIgnored | 指定是否執(zhí)行EL表達式 |
isScriptingEnabled | 確定腳本元素能否被使用 |
行為標簽語法：<jsp:行為名稱 attribute="value" />
語法 | 描述 |
jsp:include | 用于在當前頁面中包含靜態(tài)或動態(tài)資源 |
jsp:useBean | 尋找和初始化一個JavaBean組件 |
jsp:setProperty | 設置 JavaBean組件的值 |
jsp:getProperty | 將 JavaBean組件的值插入到 output中 |
jsp:forward | 從一個JSP文件向另一個文件傳遞一個包含用戶請求的request對象 |
jsp:plugin | 用于在生成的HTML頁面中包含Applet和JavaBean對象 |
jsp:element | 動態(tài)創(chuàng)建一個XML元素 |
jsp:attribute | 定義動態(tài)創(chuàng)建的XML元素的屬性 |
jsp:body | 定義動態(tài)創(chuàng)建的XML元素的主體 |
jsp:text | 用于封裝模板數(shù)據(jù) |
使用bean是最好用的行為標簽，例如，我們創(chuàng)建一個java類：
然后，在JSP中使用useBea/setProperty/getProperty三個行為標簽：
測試：
對象 | 描述 |
request | HttpServletRequest類的實例 |
response | HttpServletResponse類的實例 |
out | PrintWriter類的實例，用于把結(jié)果輸出至網(wǎng)頁上 |
session | HttpSession類的實例 |
application | ServletContext類的實例，與應用上下文有關 |
config | ServletConfig類的實例 |
pageContext | PageContext類的實例，提供對JSP頁面所有對象以及命名空間的訪問 |
page | 類似于Java類中的this關鍵字 |
Exception | Exception類的對象，代表發(fā)生錯誤的JSP頁面中對應的異常對象 |
判斷語句包括兩種：if else和switch case
示例如下：
循環(huán)語句包括兩種：for和while
示例如下：
類別 | 操作符 | 結(jié)合性 |
后綴 | () [] . (點運算符) | 左到右 |
一元 | ++ - - ! ~ | 右到左 |
可乘性 | * / % | 左到右 |
可加性 | + - | 左到右 |
移位 | >> >>> << | 左到右 |
關系 | > >=< <= | 左到右 |
相等/不等 | ==!= | 左到右 |
位與 | & | 左到右 |
位異或 | ^ | 左到右 |
位或 | | | 左到右 |
邏輯與 | && | 左到右 |
邏輯或 | || | 左到右 |
條件判斷 | ?: | 右到左 |
賦值 | =+=-=*=/=%=>>=<<=&=^=|= | 右到左 |
逗號 | , | 左到右 |
布爾值(boolean)：true 和 false;
整型(int)：與 Java 中的一樣;
浮點型(float)：與 Java 中的一樣;
字符串(string)：以單引號或雙引號開始和結(jié)束;
Null：null。
以下提供一個例子來說明：
（1）創(chuàng)建FormProcess.jsp文件：
其中提供了兩個input輸入框。
（2）再創(chuàng)建FormProcessMain.jsp文件，如下：
其中使用request對象的getParameter方法來獲取Get參數(shù)。
JSP過濾器實際上和Servlet過濾器一樣。
以下通過示例來說明：
（1）在web.xml中增加一個過濾器：
（2）然后創(chuàng)建過濾器處理類com.hunting.LogFilter，如下：
（1）核心標簽：
標簽 | 描述 |
<c:out> | 用于在JSP中顯示數(shù)據(jù)，就像<%=... > |
<c:set> | 用于保存數(shù)據(jù) |
<c:remove> | 用于刪除數(shù)據(jù) |
<c:catch> | 用來處理產(chǎn)生錯誤的異常狀況，并且將錯誤信息儲存起來 |
<c:if> | 與我們在一般程序中用的if一樣 |
<c:choose> | 本身只當做<c:when>和<c:otherwise>的父標簽 |
<c:when> | <c:choose>的子標簽，用來判斷條件是否成立 |
<c:otherwise> | <c:choose>的子標簽，接在<c:when>標簽后，當<c:when>標簽判斷為false時被執(zhí)行 |
<c:import> | 檢索一個絕對或相對 URL，然后將其內(nèi)容暴露給頁面 |
<c:forEach> | 基礎迭代標簽，接受多種集合類型 |
<c:forTokens> | 根據(jù)指定的分隔符來分隔內(nèi)容并迭代輸出 |
<c:param> | 用來給包含或重定向的頁面?zhèn)鬟f參數(shù) |
<c:redirect> | 重定向至一個新的URL. |
<c:url> | 使用可選的查詢參數(shù)來創(chuàng)造一個URL |
（2）格式化標簽：
標簽 | 描述 |
<fmt:formatNumber> | 使用指定的格式或精度格式化數(shù)字 |
<fmt:parseNumber> | 解析一個代表著數(shù)字，貨幣或百分比的字符串 |
<fmt:formatDate> | 使用指定的風格或模式格式化日期和時間 |
<fmt:parseDate> | 解析一個代表著日期或時間的字符串 |
<fmt:bundle> | 綁定資源 |
<fmt:setLocale> | 指定地區(qū) |
<fmt:setBundle> | 綁定資源 |
<fmt:timeZone> | 指定時區(qū) |
<fmt:setTimeZone> | 指定時區(qū) |
<fmt:message> | 顯示資源配置文件信息 |
<fmt:requestEncoding> | 設置request的字符編碼 |
（3）SQL標簽：
標簽 | 描述 |
<sql:setDataSource> | 指定數(shù)據(jù)源 |
<sql:query> | 運行SQL查詢語句 |
<sql:update> | 運行SQL更新語句 |
<sql:param> | 將SQL語句中的參數(shù)設為指定值 |
<sql:dateParam> | 將SQL語句中的日期參數(shù)設為指定的java.util.Date 對象值 |
<sql:transaction> | 在共享數(shù)據(jù)庫連接中提供嵌套的數(shù)據(jù)庫行為元素，將所有語句以一個事務的形式來運行 |
（4）XML標簽：
標簽 | 描述 |
<x:out> | 與<%=... >,類似，不過只用于XPath表達式 |
<x:parse> | 解析 XML 數(shù)據(jù) |
<x:set> | 設置XPath表達式 |
<x:if> | 判斷XPath表達式，若為真，則執(zhí)行本體中的內(nèi)容，否則跳過本體 |
<x:forEach> | 迭代XML文檔中的節(jié)點 |
<x:choose> | <x:when>和<x:otherwise>的父標簽 |
<x:when> | <x:choose>的子標簽，用來進行條件判斷 |
<x:otherwise> | <x:choose>的子標簽，當<x:when>判斷為false時被執(zhí)行 |
<x:transform> | 將XSL轉(zhuǎn)換應用在XML文檔中 |
<x:param> | 與<x:transform>共同使用，用于設置XSL樣式表 |
下面從前后端分離角度展現(xiàn)JSP的產(chǎn)生和發(fā)展脈絡。
1957年美國國防部（DoD）組建了高級研究計劃局（ARPA）。1961年7月，MIT工程師Leonard Kleinrock發(fā)表Information Flow in Large Communication Nets論文。1962年8月， MIT工程師J.C.R. Licklider和W. Clark發(fā)表On-Line Man Computer Communication論文。1967 2月，在ARPA IPTO PI會議上，Larry Roberts組織了有關ARPANET設計方案的討論。互聯(lián)網(wǎng)雛形ARPANET由此產(chǎn)生。
互聯(lián)網(wǎng)最初的目的是訪問和復制文件從一臺計算機到另一臺遠程計算機，兩臺計算機之間有網(wǎng)絡，但速度慢，而且經(jīng)常專用于大學或者研究機構是昂貴的，不支持大規(guī)模用戶。1970年，ARPANET主機開始使用網(wǎng)絡控制協(xié)議(NCP)，這就是后來的傳輸控制協(xié)議(TCP)的雛形。
人們基于TCP/IP構建了更快的網(wǎng)絡，其中應用層文件傳輸協(xié)議(FTP)規(guī)范提供了交換這些文件的標準方法。1973年，文件傳輸協(xié)議(FTP)推出，用于在異構系統(tǒng)之間交換文件。FTP傳輸?shù)奈募⒉荒苡行Р榭矗虼税l(fā)明了超文本標記語言(HTML)，使我們能夠在互聯(lián)網(wǎng)上看到文檔。
1989年蒂姆伯納斯-李寫了一份關于建立一個通過網(wǎng)絡傳輸超文本系統(tǒng)的報告，其中創(chuàng)建了單行 HTTP 協(xié)議，這個協(xié)議在1991年被命名為HTTP/0.9，萬維網(wǎng)由此產(chǎn)生，1996年超文本傳送協(xié)議HTTP 1.0發(fā)布。
盡管FTP可以傳輸HTML文件，但是并沒有提供有效小文件傳輸機制和無狀態(tài)管理能力，超文本傳輸協(xié)議(HTTP)才被發(fā)明出來專門用于傳輸HTML文檔，HTTP是一種無連接/無狀態(tài)協(xié)議，這使得許多短連接更加有效，而且可以不使用密碼就可以獲取HTML文檔，這讓萬維網(wǎng)真正到來，真正體現(xiàn)了互聯(lián)網(wǎng)的快捷、免費思維。
上面提到了TCP/IP，HTTP，F(xiàn)TP都是通信管道，后來大家把注意力轉(zhuǎn)向內(nèi)容。我們感興趣的文件隨著IT技術的發(fā)展而快速爆發(fā)，例如數(shù)據(jù)庫快速發(fā)展導致各種應用系統(tǒng)快速發(fā)展。同時，數(shù)據(jù)的更新頻度更加快速，這種即時信息推動了互聯(lián)網(wǎng)流量快速增長。通過基于HTTP的HTML，最終用戶可以瀏覽位于遠程服務器上的文件。
當時，遠程服務器屬于局域網(wǎng)，局域網(wǎng)連接到互聯(lián)網(wǎng)需要專用設備，可惜的是這種專用設備并不好用（直到后來路由器和交換機被思科發(fā)明出來），因此通用網(wǎng)關接口(CGI)規(guī)范被制定出來，它允許Web服務器超越文件服務器并從內(nèi)部數(shù)據(jù)庫中獲取數(shù)據(jù)，并動態(tài)更改HTML。
最初，CGI是在1993年由美國國家超級電腦應用中心（NCSA）為NCSA HTTPd Web服務器開發(fā)的，當年NCSA內(nèi)部有一份簡單的CGI規(guī)范說明，后來在1997年Ken Coar領導的團隊制定了CGI1.1規(guī)范，并提交RFC。CGI規(guī)范是Web應用程序開發(fā)中的一個重大突破，確保了相同的CGI程序在不同的Web服務器上工作。
CGI成為傳遞動態(tài)內(nèi)容的最常用手段。只是互聯(lián)網(wǎng)發(fā)展太快了，CGI的性能無法跟上，每個對CGI腳本的請求都會產(chǎn)生一個單獨的進程。這種設計讓CGI在高峰負載時也消耗大量資源。解決方案非常多，功能性和可伸縮性成為關鍵。
許多CGI替代者都采用服務器端編程技術來實現(xiàn)業(yè)務邏輯，包括ASP、ColdFusion、PHP和Perl等等，其中至今仍然在大量使用的是PHP ，PHP 繼承自一個老的工程，名叫 PHP/FI，PHP/FI 在 1995 年由 Rasmus Lerdorf 創(chuàng)建，最初只是一套簡單的 Perl 腳本，用來跟蹤訪問他主頁的人。然后，即使是PHP，最終由于可移植性和面向?qū)ο蟮木幊淘O計，Java超越了PHP和其他CGI平臺。
Java自1991年誕生以來已經(jīng)走過了很長的一段路，當時Sun公司推出了“綠色計劃”，試圖集成數(shù)字消費設備，如電視機、CD播放機和計算機。OAK(名字來自高斯林窗外的一棵橡樹!)誕生了，但直到出現(xiàn)HotJava和小程序，才開始活躍起來。1995年，Sun發(fā)布了開源Java，向微軟發(fā)起了挑戰(zhàn)，反響巨大。這促使Java深入到服務器端開發(fā)領域。
Sun在Java中加入了Internet功能，并在1997年6月發(fā)布了servlet接口。servlet以CGI替代為目標。與CGI為每個請求啟動一個進程不同，servlet使用更細粒度的線程在單個進程中運行。servlet采用了更有效的體系架構，能夠應對互聯(lián)網(wǎng)上的復雜情況。Java servlet為開發(fā)Java Web組件提供了基礎。servlet優(yōu)點是每個額外的并發(fā)請求帶來的額外開銷非常小。
servlet技術需要真正的Java編程技能才能有效應用，外觀和良好體驗為web應用帶來了巨大方便，但是圖像支持還不是那么良好。于是Sun公司在1998年發(fā)布了JavaServer Pages (JSP)，這來自于微軟ASP的啟發(fā)，也有些人說是復制的，它使得編寫動態(tài)HTML頁面變得容易。
使用JSP的使用非常簡單，有些工具（例如Dreamweaver）能讓非程序員來構建WWW網(wǎng)站前端頁面，當然要servlet帶動后端服務器代碼（例如javabean）才能完成完整的WWW網(wǎng)站構建工作，這樣構建的WWW網(wǎng)站具有模塊化、可維護、可伸縮和可移植優(yōu)點，從而完成簡單網(wǎng)站到復雜Web應用程序的轉(zhuǎn)變，從而實現(xiàn)前后端分離。
JSP官方版本1.0和1.1都出現(xiàn)在1999年，都很受歡迎，版本1.2出現(xiàn)于2001年，是目前最流行的實現(xiàn)。
JSP終究還是含有Java代碼，前后端沒有徹底分離，因此人們在2009年發(fā)明了node-js，這讓前端開發(fā)人員崛起，他們單純使用HTML+CSS+JavaScript前端語言就能完成前端頁面的開發(fā)，而不需要使用含有各種后端交互印記的標簽。
于是，基于node-js的React、Angela、VUE框架成為潮流。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
