文章目录



前后端分离



目前Java Web中一个比较流行的前后端分离方案是SpringBoot+vue.js,而这种前后端分离又有两种方式:


  • 1、【不推荐】在html中直接使用script标签引入vue和一些常用的组件,这种方式和以前传统的开发是一样的,只是可以很爽的使用vue的双向数据绑定,这种方式只适合于普通的全栈开发。
  • 2、【推荐】使用vue官方的脚手架创建单独的前端工程项目,做到和后端完全独立开发和部署,后端单独部署一个纯restful的服务,而前端直接采用nginx来部署,这种称为完全的前后端分离架构开发模式,但是在分离中有很多api权限的问题需要解决,包括部署后的vue router路由需要在nginx中配置rewrite规则。

创建单独的前端工程项目要用到NPM方法,NPM是个什么呢,是个管理工具,同NodeJS一起安装,在学习vue.js之前了解node.js是非常有必要的。


介绍



Node.js是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node.js对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。

Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。


安装



官方下载地址:https://nodejs.org/en/download/

Node.js学习笔记(一、安装与Hello World)_node.js


windows下载地址:


  • 32 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/node.exe
  • 64 位安装包下载地址 : http://nodejs.org/dist/v0.10.26/x64/node.exe

按照对应的系统和位数下载,下载解压是一个.exe可安装文件,一步步安装下去就行了。

怎么校验安装是否成功了呢?

打开Dos窗口,输入命令:

node --version

Node.js学习笔记(一、安装与Hello World)_下载地址_02


至此,node.js的安装就完成了。


第一个应用



  • 首先创建个项目以及源文件目录。
E:\project\nodejs\src

  • 在这个目录新建一个文件server.js。
// require 指令来载入 http 模块,并将实例化的 HTTP 赋值给变量 http
var http = require('http');
http.createServer(function (request,response) { //创建服务器
// 发送 HTTP 头部
// HTTP 状态值: 200 : OK
// 内容类型: text/plain
response.writeHead(200, {'Content-Type': 'text/plain'});
//发送响应数据
response.end('Hello World\n');
}).listen('8888'); // 绑定 8888 端口

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');
  • cmd控制台进入项目路径,输入命令:
node server.js

Node.js学习笔记(一、安装与Hello World)_下载地址_03

  • 打开浏览器访问: http://127.0.0.1:8888/ ,
    Node.js学习笔记(一、安装与Hello World)_node.js_04

    OK,第一个应用就跑起来了。


​下一篇:Node.js学习笔记(二、NPM 使用)​



参考:

【1】、https://blog.csdn.net/wolf_goat/article/details/81201370

【2】、https://blog.csdn.net/fuzhongmin05/article/details/81591072

【4】、https://2014.jsconfchina.com/slides/herman-taobaoweb/index.html#/6

【5】、https://mp.weixin.qq.com/s/bSl1FKWFznVzn_1wbBoOCA

【6】、http://how2j.cn/k/nodejs/nodejs-start/1760.html