關於jsp和eclipse服務器端的相關配置和JS的區別

今天配置了一番eclipse的服務器端，由此從新認識了web技術的皮毛；

話很少說，讓咱們開始：

一：

首先讓咱們瞭解一下js和jsp的技術之間的差異：

1）js：https://zh.wikipedia.org/wiki/JavaScript（維基網址你們能夠了解一下）

　　

概論

通常來講，完整的JavaScript包括如下幾個部分：

• ECMAScript，描述了該語言的語法和基本對象
• 文檔對象模型（DOM），描述處理網頁內容的方法和接口
• 瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口

JavaScript的基本特色以下：

• 是一種解釋性腳本語言（代碼不進行預編譯）。
• 主要用來向HTML頁面添加交互行爲。
• 能夠直接嵌入HTML頁面，但寫成單獨的js文件有利於結構和行爲的分離。

JavaScript經常使用來完成如下任務：

• 嵌入動態文本於HTML頁面
• 對瀏覽器事件做出響應
• 讀寫HTML元素
• 在數據被提交到服務器以前驗證數據
• 檢測訪客的瀏覽器信息
• 控制cookies，包括建立和修改等

 

特性

不一樣於服務器端腳本語言，例如PHP與ASP，JavaScript主要被做爲客戶端腳本語言在用戶的瀏覽器上運行，不須要服務器的支持。因此在早期程序員比較青睞於JavaScript以減小對服務器的負擔，而與此同時也帶來另外一個問題：安全性。而隨着服務器變得強大，如今的程序員更喜歡運行於服務端的腳本以保證安全，但JavaScript仍然以其跨平臺、容易上手等優點大行其道。同時，有些特殊功能（如AJAX）必須依賴JavaScript在客戶端進行支持。隨着引擎如V8和框架如Node.js的發展，及其事件驅動及異步IO等特性，JavaScript逐漸被用來編寫服務器端程序。且在近幾年中，Node.js的出世，讓JavaScript也具備了必定的服務器功能，且在某些方面比PHP的效果更爲顯著

 

2）jsp

JSP（全稱JavaServer Pages）是由Sun Microsystems公司主導建立的一種動態網頁技術標準。JSP部署於網絡服務器上，能夠響應客戶端發送的請求，並根據請求內容動態地生成HTML、XML或其餘格式文檔的Web網頁，而後返回給請求者。JSP技術以Java語言做爲腳本語言，爲用戶的HTTP請求提供服務，並能與服務器上的其它Java程序共同處理複雜的業務需求。

JSP將Java代碼和特定變更內容嵌入到靜態的頁面中，實現以靜態頁面爲模板，動態生成其中的部份內容。JSP引入了被稱爲「JSP動做」的XML標籤，用來調用內建功能。另外，能夠建立JSP標籤庫，而後像使用標準HTML或XML標籤同樣使用它們。標籤庫能加強功能和服務器性能，並且不受跨平臺問題的限制。JSP文件在運行時會被其編譯器轉換成更原始的Servlet代碼。JSP編譯器能夠把JSP文件編譯成用Java代碼寫的Servlet，而後再由Java編譯器來編譯成能快速執行的二進制機器碼，也能夠直接編譯成二進制碼。

 

3）二者區別

這裏着重感謝CSDN的一篇博客https://blog.csdn.net/a2806005024/article/details/28265503

這篇博客很是好的解答了個人疑問

JSP全名爲Java Server Pages，其根本是一個簡化的Servlet設計，他實現了Html語法中的java擴張（以 <%, %>形式）。JSP與Servlet同樣，是在服務器端執行的。一般返回給客戶端的就是一個HTML文本，所以客戶端只要有瀏覽器就能瀏覽。Web服務器在遇到訪問JSP網頁的請求時，首先執行其中的程序段，而後將執行結果連同JSP文件中的HTML代碼一塊兒返回給客戶端。插入的Java程序段能夠操做數據庫、從新定向網頁等，以實現創建動態網頁所須要的功能。

JS是Java Script 的縮寫，是一種基於對象的客戶端腳本語言。主要目的是爲了解決服務器端語言，好比Perl，遺留的速度問題，爲客戶提供更流暢的瀏覽效果。JS能夠直接嵌入到html代碼中進行解析執行，很是簡單易學，能夠產生不少動態的效果。

簡單地說——JS是在客戶端執行的，須要瀏覽器支持Javascript。JSP是在服務器端執行的，須要服務器上部署支持Servlet的服務器程序。JS代碼是可以直接從服務器上download獲得，對外是可見的，jsp(和翻譯後的servlet)代碼是對外不可見的。

JS與JavaScript相比：雖然JavaScript能夠在客戶端動態生成HTML，可是很難與服務器交互，所以不能提供複雜的服務，好比訪問數據庫和圖像處理等等。JSP在HTML中用<%%>裏面實現。JS在html中用<Script></Script>實現

二：eclipse客戶端服務器配置

這裏主要參考：https://blog.csdn.net/qq_39026548/article/details/80259916

　　　　　　　　（精！）解決JSP中文亂碼問題 - life is wonderful - CSDN博客

首先安裝好作好jdk的安裝和環境變量的配置，詳見：Java 開發環境配置 | 菜鳥教程

其次配置好tomcat，從官網上下載tomcat的安裝包（有綠色和藍色版本），博主選擇綠色版本安裝，比較方便；

能夠參考其下博文進行進行設置，tomcat解壓到你選擇的安裝目錄後還要在環境變量裏配置：

1-在"系統變量"裏新建變量名：CATALINA_BASE，變量值：D:\JavaEE\apache-tomcat-9.0.8（此處爲你的解壓包路徑）

2-在"系統變量"裏新建變量名：CATALINA_HOME，變量值：D:\JavaEE\apache-tomcat-9.0.8

3-在"系統變量"裏打開Path變量，添加變量值：%CATALINA_HOME%\lib;%CATALINA_HOME%\bin（這一步無關緊要，有些電腦無需配置此步驟即可完成，所以能夠先跳過）

Apache Tomcat下載、安裝、配置圖文教程 - star_yang的博客 - CSDN博客

配置好以後先打開eclipse，在 Eclipse 中，點擊菜單欄 Window->Preferences ， 點擊 Server / Runtime Environments 

添加你安裝的tomcat服務器便可

 

配置一下你eclipse的默認字符編碼，避免後面的字符亂碼問題

首選項——常規——工做空間——編碼設置

 

下一步就很是關鍵：

 設置 Build Path

在 Eclipse 中，點擊菜單欄 Window->Preferences ， 點擊 Java / Build Path / Classpath Variables :

 

點擊「New"新建名爲「Tomcat Server」的變量，將Path設置爲tomcat的安裝位置中的lib目錄（如上圖所示），點擊「OK」按鈕。

接下來，添加 User Libraries。點擊 Java / Build Path / User Libraries :

點擊「New...」按鈕，新建名爲 Tomcat Server 的User Libraries。而後點擊「Add External JARs...」按鈕，將咱們安裝並使用的tomcal / lib 下的全部 jar 選中（Ctrl + A）並肯定。完成後如上圖所示。

點擊「OK」完成設置。

 

hello word——第一個小項目的實現

每一次搭建完開發環境，寫一個 "hello world" 併成功的顯示出來， 心情會天然變得舒暢。

在 Eclipse Java EE 中， 在左邊的 Project Explorer 的空白區域點擊鼠標右鍵， 而後點擊 「New->Dynamic Web Project" 

 

點擊「Finish」完成。

而後在WebContent上右鍵，在右鍵菜單中點擊「New->JSP File」，新建一個 Index.jsp 頁面。

 

在工程管理器的HelloWorkd的工程根目錄上右鍵，點擊「Properties」。而後在彈出的工程屬性對話框中，點擊「Java Build Path」， 而後切換到 Libraries 選項卡。

點擊 「Add Library...」按鈕：

 

雙擊 「User Library」， 在彈出的 Add Library 對話框中， 選中 "Tomcat Server"，點擊「Finish」按鈕。

 

 

而後切換到 Order and Export 選項卡， 選中 Tomcat Server 。完成設置。

 

 

自此你的project已經完成相關的配置你們能夠在瀏覽器輸入http://localhost:portname/projectname/filename:打開本身的網頁，可是切記：在這以前咱們須要把咱們的tomcat服務器打開

具體方法在上面貼出的博客已經給出，很詳細，很是感謝那些博主的貢獻，請給他們點贊，謝謝；

 

PS：相關問題解決：Windows10 上安裝Apache Tomcat 9 詳細教程（不一樣於網上其餘教程，親測有效） - 知乎