今天配置了一番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 详细教程（不同于网上其他教程，亲测有效） - 知乎
