关于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 详细教程（不一样于网上其余教程，亲测有效） - 知乎