将模板信息保存在cms_template里面


存储在fs.chunks这个集合中。这个集合里面存的是分块文件。

fs.files存的是文件的基本信息

chunks存的是块信息

创建测试文件

在cms的微服务下创建测试类：GridFsTest


用gridFsTemplate的api实现存储

store方法有很多的重载

把模板文件放在D盘

读取这个模板文件存储到gridFS。返回的ObjectID就是文件的ID


在这里对文件进行搜索

mongo4.0里面搜索

5dbeb89bface36388cb8c7d4

搜索文件的块

先看下文件的结构


要查询的字段是files_id

MongoDB4.0里面查询的方式

继续

mongoDB4.0里面是这样的

选择存储到桌面上，文件名称为11

继续代码
可以把文件导出到，桌面。

导出到桌面上的文件

打开

最终代码

package com.xuecheng.manage_cms;

import org.bson.types.ObjectId;

import org.junit.Test;

import org.junit.runner.RunWith;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.boot.test.context.SpringBootTest;

import org.springframework.data.mongodb.gridfs.GridFsTemplate;

import org.springframework.test.context.junit4.SpringRunner;

import java.io.File;

import java.io.FileInputStream;

import java.io.FileNotFoundException;

@SpringBootTest

@RunWith(SpringRunner.class)

public class GridFsTest {

    @Autowired

    GridFsTemplate gridFsTemplate;

    @Test

    public void testGridFsTemplate() throws FileNotFoundException {

        File file = new File("d:/index_banner.ftl");

        FileInputStream fileInputStream = new FileInputStream(file);

        //定义fileInputSream

        ObjectId objectId = gridFsTemplate.store(fileInputStream, "index_banner.ftl");

        System.out.println(objectId);

    }

}

模板内容

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="http://www.xuecheng.com/plugins/normalize-css/normalize.css" />

    <link rel="stylesheet" href="http://www.xuecheng.com/plugins/bootstrap/dist/css/bootstrap.css" />

    <link rel="stylesheet" href="http://www.xuecheng.com/css/page-learing-index.css" />

    <link rel="stylesheet" href="http://www.xuecheng.com/css/page-header.css" />

</head>

<body>

<div class="banner-roll">

    <div class="banner-item">

        <#if model??>

            <#list model as item>

                <div class="item" style="background-image: url(${item.value});"></div>

            </#list>

        </#if>

    <#-- <div class="item" style="background-image: url(../img/widget-bannerA.jpg);"></div>

        <div class="item" style="background-image: url(../img/widget-banner3.png);"></div>

        <div class="item" style="background-image: url(../img/widget-bannerB.jpg);"></div>

        <div class="item" style="background-image: url(../img/widget-bannerA.jpg);"></div>

        <div class="item" style="background-image: url(../img/widget-banner3.png);"></div>-->

    </div>

    <div class="indicators"></div>

</div>

<script type="text/javascript" src="http://www.xuecheng.com/plugins/jquery/dist/jquery.js"></script>

<script type="text/javascript" src="http://www.xuecheng.com/plugins/bootstrap/dist/js/bootstrap.js"></script>

<script type="text/javascript">

    var tg = $('.banner-item .item');

    var num = ;

    for (i = ; i < tg.length; i++) {

        $('.indicators').append('<span></span>');

        $('.indicators').find('span').eq(num).addClass('active');

    }

    function roll() {

        tg.eq(num).animate({

            'opacity': '',

            'z-index': num

        }, ).siblings().animate({

            'opacity': '',

            'z-index':

        }, );

        $('.indicators').find('span').eq(num).addClass('active').siblings().removeClass('active');

        if (num >= tg.length - ) {

            num = ;

        } else {

            num++;

        }

    }

    $('.indicators').find('span').click(function() {

        num = $(this).index();

        roll();

    });

    var timer = setInterval(roll, );

    $('.banner-item').mouseover(function() {

        clearInterval(timer)

    });

    $('.banner-item').mouseout(function() {

        timer = setInterval(roll, )

    });

</script>

</body>

</html>

模板内容

阶段5 3.微服务项目【学成在线】_day04 页面静态化_17-页面静态化-模板管理-GridFS研究-存文件的更多相关文章

  1. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_18-页面静态化-模板管理-GridFS研究-取文件

    需要创建mongoDB的配置类1 配置类里面主要创建.GridFSBucket这个对象.这个对象的作用就是用来打开一个下载流 在cms的微服务下,在config下创建MongoConfig.这个时候就 ...

  2. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_16-页面静态化-模板管理-模板制作

    这是轮播图的原始文件 运行门户需要把 nginx启动起来 单独运行轮播图.把里面的css的引用都加上网址的url 这就是单独访问到的轮播图的效果 轮播图模板的地址: 阶段5 3.微服务项目[学成在线] ...

  3. 阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_16-CMS前端工程创建-导入系统管理前端工程

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

  4. 阶段5 3.微服务项目【学成在线】_day16 Spring Security Oauth2_03-用户认证技术方案-Oauth2协议

    2.2 Oauth2认证 2.2.1 Oauth2认证流程 第三方认证技术方案最主要是解决认证协议的通用标准 问题,因为要实现 跨系统认证,各系统之间要遵循一定的 接口协议. OAUTH协议为用户资源 ...

  5. 阶段5 3.微服务项目【学成在线】_day16 Spring Security Oauth2_01-用户认证需求分析

    1.1 用户认证与授权 截至目前,项目已经完成了在线学习功能,用户通过在线学习页面点播视频进行学习.如何去记录学生的学习过程 呢?要想掌握学生的学习情况就需要知道用户的身份信息,记录哪个用户在什么时间 ...

  6. 阶段5 3.微服务项目【学成在线】_day09 课程预览 Eureka Feign_05-Feign远程调用-客户端负载均衡介绍

    2 Feign远程调用 在前后端分离架构中,服务层被拆分成了很多的微服务,服务与服务之间难免发生交互,比如:课程发布需要调用 CMS服务生成课程静态化页面,本节研究微服务远程调用所使用的技术. 下图是 ...

  7. 阶段5 3.微服务项目【学成在线】_day09 课程预览 Eureka Feign_02-Eureka注册中心-搭建Eureka单机环境

    我们先搭建单机环境 govern是治理的意思, 这样就把工程创建好了 创建包 创建SpringBoot的启动类. 在父工程里面已经确定了Spring Cloud的版本了.相当于锁定了版本 接下里只需要 ...

  8. 阶段5 3.微服务项目【学成在线】_day09 课程预览 Eureka Feign_04-Eureka注册中心-将服务注册到Eureka Server

    cms相当于客户端 配置客户端的信息 后面加逗号分隔开 50102表示向两台eureka服务上报服务,如果有一台死掉了 那么还可以上另外的一台去注册服务 直接把ip注册到eureka 启动类加注解 重 ...

  9. 阶段5 3.微服务项目【学成在线】_day09 课程预览 Eureka Feign_01-Eureka注册中心-Eureka介绍

    1 Eureka注册中心 1.1 需求分析 在前后端分离架构中,服务层被拆分成了很多的微服务,微服务的信息如何管理?Spring Cloud中提供服务注册中 心来管理微服务信息. 为什么 要用注册中心 ...

随机推荐

  1. smart_ptr之shared_ptr

    智能指针的概念 c++11标准和boost都提供了智能指针的功能.智能指针是普通指针的封装,智能指针是一个对象,对象里面包含了原生指针.可以使用智能指针对象的get()方法可获得封装在里面的原生指针. ...

  2. zznu-oj-2134- 发红包！！！-【多项式加法，模拟题目】

    2134: 发红包!!! 题目描述 给你两个最简多项式,请输出两个多项式相加后的结果.给定的多项式的格式为ax^num1+bx^num2+...其中x前面的a,b代表系数num代表指数(次方数),输入 ...

  3. .NET Core 3全新来袭！DevExpress Winforms v19.2支持High DPI

    DevExpress Winforms Controls 内置140多个UI控件和库,完美构建流畅.美观且易于使用的应用程序.无论是Office风格的界面,还是分析处理大批量的业务数据,DevExpr ...

  4. 前端知识体系：JavaScript基础-作用域和闭包-闭包的实现原理和作用以及堆栈溢出和内存泄漏原理和相应解决办法

    闭包的实现原理和作用 闭包: 有权访问另一个函数作用域中的变量的函数. 创建闭包的常见方式就是,在一个函数中创建另一个函数. 闭包的作用: 访问函数内部变量.保持函数在环境中一直存在,不会被垃圾回收机 ...

  5. [2019HDU多校第三场][HDU 6603][A. Azshara's deep sea]

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6603 题目大意:给出一个凸包,凸包内有若干个圆,要求画尽可能多的对角线使得他们两两不在凸包内相交且不与 ...

  6. CSS动画-step()帧动画

    Twitter使用了一种新的动画形式,使用一系列的图片来创建帧动画. 下面是一个❤动画,鼠标移动到上面开始绽放. .heart { width: 100px; height: 100px; backg ...

  7. [ES2019] Use JavaScript ES2019 flatMap to Map and Filter an Array

    ES2019 introduces the Array.prototype.flatMap method. In this lesson, we'll investigate a common use ...

  8. Asteroids POJ - 3041 【最小点覆盖集】

    Bessie wants to navigate her spaceship through a dangerous asteroid field in the shape of an N x N g ...

  9. Kafka 消息队列系列之分布式消息队列Kafka

    介绍 ApacheKafka®是一个分布式流媒体平台.这到底是什么意思呢?我们认为流媒体平台具有三个关键功能:它可以让你发布和订阅记录流.在这方面,它类似于消​​息队列或企业消息传递系统.它允许您以容 ...

  10. MySQL percona-toolkit工具详解

    一.检查和安装与Perl相关的模块 PT工具是使用Perl语言编写和执行的,所以需要系统中有Perl环境. 依赖包检查命令为: rpm -qa perl-DBI perl-DBD-MySQL perl ...