文章目录
前后端分离
目前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/
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的安装就完成了。
第一个应用
- 首先创建个项目以及源文件目录。
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
- 打开浏览器访问: http://127.0.0.1:8888/ ,
OK,第一个应用就跑起来了。