文章目录

  • 前后端分离
  • 如何理解前后端分离
  • 前后端分离的好处
  • 环境搭建
  • Node.js
  • 安装
  • 测试
  • Npm
  • Nrm
  • 命令配置
  • 使用Nrm配置


前后端分离

如何理解前后端分离

Java服务器端初学者最容易引起误解的一个概念就是: JSP是前端技术。

JSP一定一定一定要知道全称:Java Server Page。是运行在服务器端JVM之上Servlet容器里的,只是执行的结果是HTML,响应给浏览器。

Servlet是Java代码里混入HTML,JSP是HTML代码里混入Java。

浏览器根本不关心服务器端是JSP、ASP、PHP,或者还是原始的Servlet,或是静态服务器上的HTML,只要返回的是合法的HTML就可以。所以,把JSP中静态的HTML部分拿出来,变成简单的HTML文件,放在HTTP服务器上,浏览器只要获取到这些HTML就可以了。动态的数据部分用HTML里的JS通过AJAX的方式从服务器端获取,然后动态操作Dom,完成动态内容的展示。这样前后端就分离了。

引用
作者:陈龙 链接:https://www.zhihu.com/question/304180174/answer/542961677
来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

前后端分离的好处

对于后端程序员来说,省去了等待前端做好.html,并改写成.jsp或者模板引擎的时间,而是前后端约定好接口和参数,并行开发,后端不用考虑前端的集成实现等,而且需求变更或版本迭代,只要接口不变,就无需同时修改前后端的代码。

关于前后端分离的详细介绍,建议参考这里

环境搭建

Node.js

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行
Javascript的速度非常快,性能非常好。

安装

  • 访问官网下载适合自己电脑操作系统版本的可执行文件
  • 双击下载好的.msi文件,记得勾选自动配置环境变量

测试

安装好之后,打开cmd窗口,执行

node -v

能正确返回版本号,比如

v8.11.1

Npm

npm全称Node Package Manager,他是node包管理和分发工具。其实我们可以把NPM 理解为前端的Maven。
我们通过npm 可以很方便地下载js库,管理前端工程。

最近版本的node.js已经集成了npm工具,在命令提示符输入npm -v可查看当前npm版本。

Nrm

就和Maven从中央仓库下载jar速度慢要配置国内的镜像一样,Npm也存在下载速度慢的情况。

命令配置

配置成淘宝的镜像。

npm config set registry https://registry.npm.taobao.org

但是在多镜像源间频繁切换的时候,这样的配置方式就显得很不方便。

使用Nrm配置

npm install nrm -g

安装好后,执行

nrm use taobao

即可切换到淘宝镜像。
执行

nrm ls

展示所有配置的镜像源

vue前端向java后端传值 vue和java前后端分离_java


执行

nrm test

测试各个镜像的网路情况

vue前端向java后端传值 vue和java前后端分离_java_02


能起到同样作用的软件有很多,比如cnpm,这里仅举一个例子。