开发者学堂课程【微服务+全栈在线教育实战项目演练（SpringCloud Alibaba+SpringBoot）：搭建项目前台环境（NUXT）】学习笔记，与课程紧密连接，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/667/detail/11426
搭建项目前台环境（NUXT)
内容简介：
一、B2C模式的概念
二、服务端渲染技术NUXT
三、NUXT的概念
四、服务渲染技术示意图
项目第11天
1、搭建项目前台系统环境
(1)NUXT
2、整合前台系统页面
3、首页显示 banner 数据(轮播图或幻灯片者)
4、首页面显示热门课程和名师
5、把首页数据使用 redis 缓存
首先把项目的前台环境做一个搭建，这其中有一个概念。
一、B2C 模式的概念
1、B2C 模式：
里边有两个，一个是管理员一个是普通用户，管理员和普通用户是其中的两个角色，所以这种模式项目中就需要两套系统，一套系统是管理员用的，一套系统是普通用户用的。
不管是讲师管理，课程分类管理还是课程管理都是管理员用的部分，现在要做的就是普通用户的部分。
系统中一般管理员用的部分就叫后台管理系统，而普通用户叫前台系统，现在做前台系统的前端开发和后端开发。
2、搭建项目前台系统环境
使用 NUXT 框架搭建前台环境 服务端渲染技术
二、服务端渲染技术 NUXT
1、什么是服务端渲染
服务端渲染又称 SSR( ServerSideRender )是在服务端完成页面的内容，而不是在客户端通过AJAX索取数据。
服务器端渲染(SSR)的优势主要在于：更好的 SEO，由于搜索引擎爬虫抓取工具可以直接直看完全渲染的页面。
如果你的应用程序初始展示loading菊花图，然后通过Ajax获取内容，抓取工具并不会等待异步完成后再进行页面内容的抓取，也就是说，如果SEO对你的站点至关重要，而你的页面又是异步积极内容，则你可能需要服务器端渲染（SSR情决此问题。
另外，使用服务器调渲染，我们可以获得更快的内容到达时间（time-to-content），无需等待所有的 JavaScript 都完成下载并拢行，产生更好的用户体验，对于那些『内容到达时间（time、to-content）给转化率直接相关』的应用程序而言，服务器端渲染(SSR)至关重要。
Ajks 是异步请求，局部数据进行显示
如果用这种方式，功能能做到但是有一个缺点，不利于 SEO，SEO 就是网络营销，
就比如先打开百度，在搜索栏中输入java，网页就会显示关于Java的信息，但是有先后顺序，当然我们习惯看前几个数据，但是后边的数据不一定比前边数据不好，
这里需要考虑的是，首先不算花钱在排名前的，简单来说就是，输入的东西需要与网页内容匹配更多，匹配的多排名就靠前，比较少排名就靠后。
NEXT 就无形中解决这个问题。
三、什么是 NUXT
Nudjs 是一个基于Vuejs的轻量级应用框架，可用来创建报务器资牵(S5R)应用，也可充当轻态站点引擎生成静态站点应用，具有优雅的代码结构分层和热加载等特性。
在最原始操作过程，在之前向客户端发送东西，需要请求调用，通过服务端请求（ajax 请求）数据，返回数据在客户端得到数据。
Ajax就是叫异步请求，就是在页面局部刷新得到数据做到请求，它的缺点就是不利于网站 SEO（打开网址，在百度里输入 java，页面显示 Java 的相关信息，而这些信息都有它的先后顺序，一般我们都看前几页数据，但是并不一定前边的一定比后边的好，只是没有显示到前边，因为首先百度不考虑花钱的东西，它叫百度竞价，放在第一个的肯定是花了钱的，当然我们想要的是不花钱排在第一个的，不利于 icu，可能搜索引擎匹配度会降低）
现在用的 NUXT，就把问题无形中得到解决，也就是现在的东西都是在服务端完成的，而客户端只做一次显示，不做其他处理。
客户端显示数据，现在就是除了客户端，服务端和 tomcat 还有 nodejs 了，nodejs 去请求 tomcat，再把数据做分配，就把数据直接返回到客户端，过程通过服务端显示，nodejs 是本身的一个框架，用nodejs搭建环境，它就可以很好的解决SEO 的问题，打开浏览器可以全部显示。
四、服务渲染技术示意图
搭建环境是最重要的，这个过程和以前的搭建后台是很相似的。
- 到资料找到 nuxt 框架压缩文件
- 解压文件，把内容放到工作区中，在工作区中需要复制
- 使用命令，下载依赖
- 最后启动项目
