页面静态化需求1、为什么要进行页面管理？本项目cms系统的功能就是根据运营需要，对门户等子系统的部分页面进行管理，从而实现快速根据用户需求修改页面内容并上线的需求。2、如何修改页面的内容？在开发中修改页面内容是需要人工编写html及JS文件，CMS系统是通过程序自动化的对页面内容进行修改，通过页面静态化技术生成html页面。3、如何对页面进行静态化？采用页面模板+数据=输出html页面的技术实现静

新增页面新增页面接口定义1、定义响应模型@Datapublic class CmsPageResult extends ResponseResult {    CmsPage cmsPage;    public CmsPageResult(ResultCode resultCode,CmsPage cmsPage) {        super(resultCode);        this.

第二天的进度有点慢，昨晚看《爱情公寓5》耽误了，早上懒癌症又犯了。无语，真的要想学好Java，一定专注，不能被外界影响，通通戒掉，脑子里只有Java，才能学好，可以适当的放松，但不能过度。进入正题CMS前端开发Vue.js与Webpackvue.js是什么？Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手

年前面试过几家，现在企业都要求分布式，微服务springcloud的项目经验，为了能找到更好的工作，我选择了自学黑马《学成在线》这个微服务项目，这个博客就用于记录每天看视频做这个项

5身份校验5.1需求分析本小节实现网关连接Redis校验令牌：1、从cookie查询用户身份令牌是否存在，不存在则拒绝访问2、从httpheader查询jwt令牌是否存在，不存在则拒绝访问3、从Redis查询user_token令牌是否过期，过期则拒绝访问网关调用认证服务，校验用户的合法性复制Test的过滤器，改个名字叫做身份校验的过滤器。不让原来的过滤器起作用。把@Component注解注释掉。

4.5过虑器Zuul的核心就是过虑器，通过过虑器实现请求过虑，身份校验等。4.5.1ZuulFilter自定义过虑器需要继承ZuulFilter，ZuulFilter是一个抽象类，需要覆盖它的四个方法，如下：1、shouldFilter：返回一个Boolean值，判断该过滤器是否需要执行。返回true表示要执行此过虑器，否则不执行。2、run：过滤器的业务逻辑。3、filterType：返回字符串

下面要完成5、6两个步骤3.3.4资源服务授权3.3.4.1资源服务授权流程资源服务拥有要访问的受保护资源，客户端携带令牌访问资源服务，如果令牌合法则可成功访问资源服务中的资源，如下图：上图的业务流程如下：1、客户端请求认证服务申请令牌2、认证服务生成令牌认证服务采用非对称加密算法，使用私钥生成令牌。3、客户端携带令牌访问资源服务客户端在Httpheader中添加：Authorization：Be

3.3Oauth2授权码模式3.3.1Oauth2授权模式Oauth2有以下授权模式：授权码模式（AuthorizationCode）隐式授权模式（Implicit）密码模式（ResourceOwnerPasswordCredentials）客户端模式（ClientCredentials）其中授权码模式和密码模式应用较多，本小节介绍授权码模式。3.3.2授权码授权流程上边例举的黑马程序员网站使用微

3SpringSecurityOauth2研究3.1目标本项目认证服务基于SpringSecurityOauth2进行构建，并在其基础上作了一些扩展，采用JWT令牌机制，并自定义了用户身份信息的内容。本教程的主要目标是学习在项目中集成SpringSecurityOauth2的方法和流程，通过springSecurityOauth2的研究需要达到以下目标：1、理解Oauth2的授权码认证流程及密码认

2.3SpringsecurityOauth2认证解决方案本项目采用Springsecurity+Oauth2完成用户认证及用户授权，Springsecurity是一个强大的和高度可定制的身份验证和访问控制框架，Springsecurity框架集成了Oauth2协议，下图是项目认证架构图：1、用户请求认证服务完成认证。2、认证服务下发用户身份令牌，拥有身份令牌表示身份合法。3、用户携带令牌请求资源

2.2Oauth2认证2.2.1Oauth2认证流程第三方认证技术方案最主要是解决认证协议的通用标准问题，因为要实现跨系统认证，各系统之间要遵循一定的接口协议。OAUTH协议为用户资源的授权提供了一个安全的、开放而又简易的标准。同时，任何第三方都可以使用OAUTH认证服务，任何服务提供商都可以实现自身的OAUTH认证服务，因而OAUTH是开放的。业界提供了OAUTH的多种实现如PHP、JavaSc

2用户认证技术方案2.1单点登录技术方案分布式系统要实现单点登录，通常将认证系统独立抽取出来，并且将用户身份信息存储在单独的存储介质，比如：MySQL、Redis，考虑性能要求，通常存储在Redis中，如下图：单点登录的特点是：1、认证系统为独立的系统。2、各子系统通过Http或其它协议与认证系统通信，完成用户认证。3、用户身份信息存储在Redis集群。Java中有很多用户认证的框架都可以实现单点

1.1用户认证与授权截至目前，项目已经完成了在线学习功能，用户通过在线学习页面点播视频进行学习。如何去记录学生的学习过程呢？要想掌握学生的学习情况就需要知道用户的身份信息，记录哪个用户在什么时间学习什么课程；如果用户要购买课程也需要知道用户的身份信息。所以，去管理学生的学习过程最基本的要实现用户的身份认证。什么是用户身份认证？用户身份认证即用户去访问系统资源时系统要求验证用户的身份信息，身份合法方

3fastDFS入门3.1fastDFS安装与配置3.1.1导入虚拟机对fastDFS的安装过程不要求学生掌握，可以直接导入老师提供虚拟机。1、使用Vmware打开虚拟机配置文件“CentOS764位.vmx”，提示如下图：2、选择“我已复制该虚拟机”3、启动虚拟机之前启动VMware的服务：4、修改网卡的IP地址为101网段。修改VMnet8的子网IP为101.0。DHCP配置：6、启动虚拟机用

2.2.2文件上传流程客户端上传文件后存储服务器将文件ID返回给客户端，此文件ID用于以后访问该文件的索引信息。文件索引信息包括：组名，虚拟磁盘路径，数据两级目录，文件名。组名：文件上传后所在的storage组名称，在文件上传成功后有storage服务器返回，需要客户端自行保存。虚拟磁盘路径：storage配置的虚拟路径，与磁盘选项store_path*对应。如果配置了store_path0则是M

2什么是fastDFS2.1fastDSF介绍FastDFS是用c语言编写的一款开源的分布式文件系统，它是由淘宝资深架构师余庆编写并开源。FastDFS专为互联网量身定制，充分考虑了冗余备份、负载均衡、线性扩容等机制，并注重高可用、高性能等指标，使用FastDFS很容易搭建一套高性能的文件服务器集群提供文件上传、下载等服务。为什么要使用fastDFS呢？上边介绍的NFS、GFS都是通用的分布式文件

1.2.2什么是分布式文件系统引用“百度百科”中的描述：为什么会有分布文件系统呢？分布式文件系统是面对互联网的需求而产生，互联网时代对海量数据如何存储？靠简单的增加硬盘的个数已经满足不了我们的要求，因为硬盘传输速度有限但是数据在急剧增长，另外我们还要要做好数据备份、数据安全等。采用分布式文件系统可以将多个地点的文件系统通过网络连接起来，组成一个文件系统网络，结点之间通过网络进行通信，一台文件系统的

3课程信息修改3.1需求分析课程添加成功进入课程管理页面，通过课程管理页面修改课程的基本信息、编辑课程图片、编辑课程营销信息等。本小节实现修改课程。3.2课程管理页面说明3.2.1页面结构课程管理页面的结构如下：3.2.2课程管理导航页面1、定义course_manage.vue为课程管理导航页面。导航效果使用Element-UI的NavMenu组件实现。导航页面，用了menu这个组件。显示了一堆

课程的等级是个单选按钮2.3数据字典2.3.1介绍在新增课程界面需要选择课程等级、课程状态等，这些信息统一采用数据字典管理的方式。本项目对一些业务的分类配置信息，比如：课程等级、课程状态、用户类型、用户状态等进行统一管理，通过在数据库创建数据字典表来维护这些分类信息。数据字典对系统的业务分类进行统一管理，并且也可以解决硬编码问题，比如添加课程时选择课程等级，下拉框中的课程等级信息如果在页面硬编码将

2新增课程2.1需求分析用户操作流程如下：1、用户进入“我的课程”页面，点击“新增课程”，进入新增课程页面2、填写课程信息，选择课程分类、课程等级、学习模式等。3、信息填写完毕，点击“提交”，课程添加成功或课程添加失败并提示失败原因。需要解决的是在新增页面上输入的信息：1、课程分类多级分类，需要方便用户去选择。2、课程等级、学习模式等这些选项建议是可以配置的。页面效果如下：课程分类需要把数据显示出

我的课程列表使用element的card组件，如下：前端页面代码点击新增到了一个新增课程的页面新增课程的界面下面的card是循环遍历的代码写死的card的静态数据请求服务端的接口拿到数据api接口输入参数：页码、每页显示个数、查询条件输出结果类型：QueryResponseResult在api工程创建course包，创建CourseControllerApi接口。参数CourseListReque

1我的课程1.1需求分析课程添加完成后可通过我的课程进入课程修改页面，此页面显示我的课程列表，如下图所示，可分页查询。注意：由于课程图片服务器没有搭建，这里在测试时图片暂时无法显示。上边的查询要实现分页、会存在多表关联查询，所以建议使用mybatis实现我的课程查询。1.2PageHelper1.2.1PageHelper介绍PageHelper是mybatis的通用分页插件，通过mybatis的

api内定义接口controller内实现接口serviceservice内定义添加课程的计划判断当前对象是否为空，对象的课程id课程名称是够为空，如果为空就抛出非法参数的异常。所有的课程的根节点的parentId是0这样就查到了根节点定义TeachplanRepository准备通过courseId和parentId这两个字段来查询service内调用方法先注入查询不到要自动添加根节点注入课程的

首先需要定义mapper，在dao里面创建一个TeachplanMapper一定要用@Mapper的注解标识一下定义接口方法与mapper定义的映射xml文件返回的结果映射用resultMap定义resultMap的映射type类型就是要返回的类的完整的包的路径复制完整的引用路径把刚才手动写的sql语句复制过来当前传的参数是一个字符串的类型的，是一个基本类型，我们在判断的时候就可以用下划线_par

实现课程计划查询接口的sql语句，SpringDataJpa是面向对象的，我们要查123三个级别的数据，sql语句写出来，所以用Mybatis第二级别parentId是第一级节点的id，三级节点的parentId就是二级节点的id，所以我们采用表自链接来完成本表内这三个级别节点的关联查询自己关联自己，a是本表b也本表。a的parentId等于b的id就是户关联出来二级节点来了三级节点就是再关联自己

页面发布流程图如下：1、前端请求cms执行页面发布。2、cms执行静态化程序生成html文件。3、cms将html文件存储到GridFS中。4、cms向MQ发送页面发布消息5、MQ将页面发布消息通知给CmsClient6、CmsClient从GridFS中下载html文件7、CmsClient将html保存到所在服务器指定目录1.2.1需求分析功能分析：创建CmsClient工程作为页面发布消费方

本项目使用MQ实现页面发布的技术方案如下：技术方案说明：1、平台包括多个站点，页面归属不同的站点。2、发布一个页面应将该页面发布到所属站点的服务器上。3、每个站点服务部署cmsclient程序，并与交换机绑定，绑定时指定站点Id为routingKey。指定站点id为routingKey就可以实现cmsclient只能接收到所属站点的页面发布消息。4、页面发布程序向MQ发布消息时指定页面所属站点Id

我们选择基于Spring-Rabbit去操作RabbitMQhttps://github.com/spring-projects/spring-amqp使用spring-boot-starter-amqp会自动添加spring-rabbit依赖，如下：org.springframework.bootspring‐boot‐starter‐amqporg.springframework.bootsp

header模式header模式与routing不同的地方在于，header模式取消routingkey，使用header中的key/value（键值对）匹配队列。案例：根据用户的通知设置去通知用户，设置接收Email的用户只接收Email，设置接收sms的用户只接收sms，设置两种通知类型都接收的则两种通知都有效。发送数据发送的时候发送了两个key/value对那么上面就会两个队列接收。RPCR

路由模式：1、每个消费者监听自己的队列，并且设置带统配符的routingkey。2、生产者将消息发给broker，由交换机根据routingkey来转发消息到指定的队列。创建测试用例交换机的名称清理场景删除这个交换机删除队列再删除sms的队列交换机的类型变成topicroutingKey的变化如果队列是inform.email.sms那么这两个队列都可以匹配上，#代表任意的字符，也可以代表是空的字

先常见生产者复制02的代码先改一下交换机的名称还需要制定routingKey。因为是两个消息所以指定了两个routingKey这里修改为当前指定的交换机名称交换机和队列在绑定的时候指定我们新定义的routingKey交换机在定义的时候，类型设置为Direct发送消息要指定routingKey。例如这里我要给email发送消息，那么就指定routingKey为Email消费者修改交换机的名称和交换机

队列在绑定交换机的时候可以指定routingKey，路由模式：1、每个消费者监听自己的队列，并且设置routingkey。2、生产者将消息发给交换机，由交换机根据routingkey来转发消息到指定的队列。例如下面指定的routingKey是error下面这个设置了多个routingKey一个是info一个是error还有一个是warrningroutingKey的作用，当消息发送到交换机的时候，

消费者需要写两个消费者定义邮件的类复制以前的代码到邮件类里面进行修改最上面声明队列的名称和交换机的名称监听修改为email的队列的名称手机短信接收端复制一份email的接收端的代码改名叫做sms队列的名称改成短信的队列名称启动程序测试先启动生产者生产者启动后就发送了5条消息出去可以看到我们新建的交换机点击交换机进来，显示绑定了两个队列我们的代码RoutingKey设置的为空可以看到每个队列都有5条

Publish/subscribe：发布订阅模式发布订阅模式：1、每个消费者监听自己的队列。2、生产者将消息发给broker，由交换机将消息转发到绑定此交换机的每个队列，每个绑定交换机的队列都将接收到消息中间多了个交换机一个消息生产者先发送给交换机，由交换机把消息发送给各个队列。每个队列都有不同的消费者在监听实现了发布一个消息多个消费者都可以接收到这个消息了如果把下面的队列干掉。那么红色圈出的部分

RabbitMQ有以下几种工作模式：1、Workqueues2、Publish/Subscribe3、Routing4、Topics5、Header6、RPC1、Workqueuesworkqueues与入门程序相比，多了一个消费端，两个消费端共同消费同一个队列中的消息。应用场景：对于任务过重或任务较多情况使用工作队列可以提高任务处理的速度。测试：1、使用入门程序，启动多个消费者。2、生产者发送多

我们在consumer这个功能下进行代码的编写首先是新建这个层级的包创建入门程序的消费者消费者也需要和mq建立通道。建立连接创建通道在顶部都声明这个队列下面写核心代码监听队列。basicConsume方法这就是核心方法Ctrl+T--选择最后一个PublisherCallbackChannelImpl有很多的重载方法，我们取其中的一个实现消费方法这里用原始的消费方法这个里面需要重写方法handle

1）javaclient生产者和消费者都属于客户端，rabbitMQ的java客户端如下：我们先用rabbitMQ官方提供的javaclient测试，目的是对RabbitMQ的交互过程有个清晰的认识。参考：https://github.com/rabbitmq/rabbitmq-java-client/2）创建maven工程创建生产者工程和消费者工程，分别加入RabbitMQjavaclient的

RabbitMQ由Erlang语言开发，Erlang语言用于并发及分布式系统的开发，在电信领域应用广泛，OTP（OpenTelecomPlatform）作为Erlang语言的一部分，包含了很多基于Erlang开发的中间件及工具库，安装RabbitMQ需要安装Erlang/OTP，并保持版本匹配，如下图：RabbitMQ的下载地址：http://www.rabbitmq.com/download.h

Producer生产者Consumer：消费者组成部分说明如下：Broker：消息队列服务进程，此进程包括两个部分：Exchange和Queue。Exchange：消息队列交换机，按一定的规则将消息路由转发到某个队列，对消息进行过虑。Queue：消息队列，存储消息的队列，消息到达队列并转发给指定的消费方。Producer：消息生产者，即生产方客户端，生产方客户端将消息发送到MQ。Consumer：

开发中消息队列通常有如下应用场景：1、任务异步处理。将不需要同步处理的并且耗时长的操作由消息队列通知消息接收方进行异步处理。提高了应用程序的响应时间。2、应用程序解耦合MQ相当于一个中介，生产方通过MQ与消费方交互，它将应用程序进行解耦合。市场上还有哪些消息队列？ActiveMQ，RabbitMQ，ZeroMQ，Kafka，MetaMQ，RocketMQ、Redis。为什么使用RabbitMQ呢？

先静态化，并存储到gridFS然后，发消息给MQ，MQ接收到消息通知给所有监听他的CmsClient。Cmsclient从gridFS读取页面下载到自己的服务业务流程如下：1、管理员进入管理界面点击“页面发布”，前端请求cms页面发布接口。2、cms页面发布接口执行页面静态化，并将静态化页面(html文件)存储至GridFS中。3、静态化成功后，向消息队列发送页面发布的消息。页面发布的最终目标是将

查看运行起来的页面的源代码这个webpck打包生成的文件。单页面应用的优缺点：优点：1、用户操作体验好，用户不用刷新页面，整个交互过程都是通过Ajax来操作。2、适合前后端分离开发，服务端提供http接口，前端请求http接口获取数据，使用JS进行客户端渲染。缺点：1、首页加载慢单页面应用会将js、css打包成一个文件，在加载页面显示的时候加载打包文件，如果打包文件较大或者网速慢则用户体验不好。2

提供了基于脚手架封装好的前端工程H:\BaiDu\黑马传智JavaEE57期2019最新基础+就业+在职加薪\阶段53.微服务项目【学成在线】·\day02CMS前端开发\资料\xc-ui-pc-sysmanage

4.4.3maven构建配置目标：使用jenkins重复构建不要产生重复镜像使用jekins停止容器、删除容器、删除镜像之间进行判断构建过程分为三步：本例子以构建xc-govern-center工程为例，其它工程构建方式类似。1、使用shell脚本停止容器、删除容器、删除镜像远程登录192.168.101.64(测试服务器)停止xc-govern-center容器删除xc-govern-cente

4.2.3编写Pom.xml本例子将xc-govern-center工程使用Jenkins进行构建。在xc-govern-center工程根目录编写pom_docker_registry.xml此文件相比工程原有pom.xml增加了docker-maven-plugin插件，其作用是构建docker镜像并将镜像推送到Docker私有仓库（192.168.101.64:5000）。[AppleScr

4.2.2安装GitLabGitLab是一个用于仓库管理系统的开源项目，使用Git作为代码管理工具，并在此基础上搭建起来的web服务。GitLab与GitHub的功能相似，通常企业使用GitLab在局域网搭建自己的Git代码管理仓库。4.2.3编写Pom.xml本例子将xc-govern-center工程使用Jenkins进行构建。在xc-govern-center工程根目录编写pom_docke

4持续集成4.1持续集成介绍4.1.1问题描述传统的软件开发流程如下：1、项目经理分配模块给开发人员2、每个模块的开发人员并行开发，并进行单元测试3、开发完毕，将代码集成部署到测试服务器，测试人员进行测试。4、测试人员发现bug，提交bug、开发人员修改bug5、bug修改完毕再次集成、测试。问题描述：1、模块之间依赖关系复杂，在集成时发现大量bug2、测试人员等待测试时间过长3、软件交付无法保障

3.2.7停止与删除要删除的一个镜像重新创建，需要通过如下步骤：1、停止正在运行的容器dockerstop容器名例如：dockerstopxc-govern-center-test2、删除容器dockerrm容器名例如：dockerrmxc-govern-center-test3、删除镜像dockerrmi镜像名或镜像Id例如：dockerrmixc-govern-center:1.0-SNAPS

将上一步的jar包拷贝到Linux服务器，准备创建镜像。测试jar包是否可以运行，执行：java-jarxc-govern-center-1.0-SNAPSHOT.jar在xc-govern-center-1.0-SNAPSHOT.jar位置编写Dockerfile文件[AppleScript]纯文本查看复制代码?12345FROMjava:8ENVARTIFACTIDxc‐govern‐cente

3.2.3打包1、使用maven的打包插件：将下边的插件依赖拷贝到微服务工程中，本例子将学成在线的Eureka工程打包：[AppleScript]纯文本查看复制代码?