Java项目 (SpringBoot+SpringCloud) 十次方:前端(一) 前端环境搭建

1 需求分析与技术架构

一.理解前后端分离开发

1. 前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。
2. 以前老的方式是：
   1.产品经理/领导/客户提出需求
   2.UI做出设计图
   3.前端工程师做html页面
   4.后端工程师将html页面套成jsp页面（前后端强依赖，后端必须要等前端的html做好才能套jsp。如果html发生变更，就更痛了，开发效率低）
   5.集成出现问题
   6.前端返工
   7.后端返工
   8.二次集成
   9.集成成功
   10.交付
3. 新的方式是：
   1.产品经理/领导/客户提出需求
   2.UI做出设计图
   3.前后端约定接口&数据&参数
   4.前后端并行开发（无强依赖，可前后端并行开发，如果需求变更，只要接口&参数不变，就不用两边都修改代码，开发效率高）
   5.前后端集成
   6.前端页面调整
   7.集成成功
   8.交付

二.前端技术架构

1. 架构描述：以Node.js为核心的Vue.js前端技术生态架构
   

2 Node.js

一.什么是Node.js

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

二.Node.js安装

1. 下载对应你系统的Node.js版本:https://nodejs.org/en/download/
2. 选安装目录进行安装
3. 测试
   在命令提示符下输入命令
   
   会显示当前node的版本

三.快速入门

1. 控制台输出
   我们现在做个最简单的小例子，演示如何在控制台输出，创建文本文件demo1.js,代码内容
   
   我们在命令提示符下输入命令
   
2. 使用函数
   创建文本文件demo2.js
   
   命令提示符输入命令
   
   运行后看到输出结果为300
3. 模块化编程
   创建文本文件demo3_1.js
   
   创建文本文件demo3_2.js
   
   我们在命令提示符下输入命令
   
   结果为1000
4. 创建web服务器
   创建文本文件demo4.js
   
   http为node内置的web模块
   我们在命令提示符下输入命令