阶段5 3.微服务项目【学成在线】_day04 页面静态化_04-freemarker基础-基础语法种类 转载 mb5fe32930661bd 2019-09-24 17:11:00 文章标签 黑马传智播客 重新编译 插值 ide 刷新页面 文章分类 架构 后端开发 注释 编译一些这个模板 我的IDEA里面,是重新编译 刷新页面 注释、插值、FTL、文本 本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。 赞 收藏 评论 分享 举报 上一篇:阶段5 3.微服务项目【学成在线】_day04 页面静态化_05-freemarker基础-List指令 下一篇:阶段5 3.微服务项目【学成在线】_day04 页面静态化_03-freemarker测试环境搭建 提问和评论都可以,用心的回复会被更多人看到 评论 发布评论 全部评论 () 最热 最新 相关文章 Day04 Docker Docker docker Docker 系统资源 springboot集成freemarker,生成静态化页面 (freemarker)1.简介FreeMarker 是一款 模板引擎: 即一种基于模板和要改变的数据, 并用来生成输出文本(HTML网页,电子邮件,配置文件,源代码等)的通用工具。 它不是面向最终用户的,而是一个Java类库,是一款程序员可以嵌入他们所开发产品的组件。模板编写为FreeMarker Template Language (FTL)。它是简单的,专用的语言, 不是 像PHP那样 java html freemarker springboot 静态化 webpack5基础--04_处理样式资源 处理样式资源本章节我们学习使用 Webpack 如何处理 Css、Less、Sass、Scss、Styl 样式资源介绍Webpack 本身是不能识别样式资源的,所以我们需要借助 Loader 来帮助 Webpack 解析样式资源我们找 Loader 都应该去官方文档中找到对应的 Loader,然后使用官方文档找不到的话,可以从社区 Github 中搜索查询Webpack 官方 Load css html Webpack 阶段5 3.微服务项目【学成在线】_day04 页面静态化_07-freemarker基础-if指令 金额大于300加背景颜色 大于号 和后面的标签结束 这两个区分不开谁是大于号 所以就报错了。 把大于号改成gt 大于号的判断在括号里面括起来 结束 黑马传智播客 #if 背景颜色 微服务项目 阶段5 3.微服务项目【学成在线】_day04 页面静态化_05-freemarker基础-List指令 controller填充数据 最终加入到map中的几个数据 模板1 把工程编译一下。刷新页面不管用,还是需要重启页面 重启这个springboot应用 先把日期字段注释掉‘ 自增序号 序号从0开始就加1 完整代码 黑马传智播客 数据 数据模型 html 重启 阶段5 3.微服务项目【学成在线】_day04 页面静态化_02-freemarker介绍 黑马传智播客 微服务项目 阶段5 3.微服务项目【学成在线】_day04 页面静态化_09-freemarker基础-内建函数 可以理解为freemaker提供的一些函数和方法 controller里面记得把map的数据注释去掉,。放开代码 工程需要重启下 日期 controller内把日期都返回 自定义下你是 数字 往map里面加一个小数 页面取出,显示 数字,以三位分隔的方式显示。 问号+c:表示数字类型转换成字符串 j 黑马传智播客 自定义 java对象 数据 类型转换 阶段5 3.微服务项目【学成在线】_day04 页面静态化_08-freemarker基础-空值处理 把stus注释掉 正常访问就会报错 第20行 这里的stus为空,所以造成了这个错误。 非空判断 不为空用双问号来判断 加了空值 的判断就不报错了。 默认值 把stu1设置为空 36行代码从报错 第36行代码 可以用非空判断的方式 缺省 黑马传智播客 #if 默认值 微服务项目 阶段5 3.微服务项目【学成在线】_day04 页面静态化_06-freemarker基础-遍历map数据 大的map里面有一些小的map 遍历数据模型里面的stuMap 点的形式测试 遍历stuMap里面的keys赋值给stu 便利出来的k 最终代码 黑马传智播客 数据模型 html 数据 赋值 阶段5 3.微服务项目【学成在线】_day04 页面静态化_03-freemarker测试环境搭建 新建一个module 选择parent test-freemarker spring‐boot‐starter‐freemarker:spring boot 提供的关于 freemaker的相关的包 lombok:写模型类需要。 okhttp:远程访问的包 复制进来以后,刷新一下 配置文件 appl 黑马传智播客 spring xml apache java 阶段5 3.微服务项目【学成在线】_day04 页面静态化_01-页面静态化需求分析 上半部分就是静态化 业务流程如下: 1、获取模型数据 2、制作模板 3、对页面进行静态化 4、将静态化生成的html页面存放文件系统中 5、将存放在文件系统的html文件发布到服务器 黑马传智播客 静态化 文件系统 业务流程 数据 阶段5 3.微服务项目【学成在线】_day04 页面静态化_12-页面静态化-页面静态化流程 需要知道数据结构,然后去做模板标签。首先需要获取页面的数据模型。下面的每一条记录都代表一个页面。 比如这个轮播图。就需要提前给这个轮播图编写一个模板 有很多的页面如果知道每个页面的dataUrl。例如轮播图要生成静态页,谁开发的轮播图这个功能,就跟谁要这个dataUrl gridFS是mongoDB 黑马传智播客 轮播图 数据模型 数据结构 mongodb 阶段5 3.微服务项目【学成在线】_day04 页面静态化_23-页面预览-页面预览开发 1、用户进入cms前端,点击“页面预览”在浏览器请求cms页面预览链接。 2、cms根据页面id查询DataUrl并远程请求DataUrl获取数据模型。 3、cms根据页面id查询页面模板内容 4、cms执行页面静态化。 5、cms将静态化内容响应给浏览器。 6、在浏览器展示页面内容,实现页面预览的 黑马传智播客 html 获取数据 静态化 页面静态化 阶段5 3.微服务项目【学成在线】_day04 页面静态化_10-freemarker静态化测试-基于模板文件静态化 把resource拷贝到test目录下 只保留文件夹结构和test1.ftl这个模板文件就可以了。 新建一个包 编写测试类 使用freemaker提供的方法生成静态文件 Configuration是import freemarker.template.Configuration;包下的 手动的设置模 黑马传智播客 spring 数据 数据模型 html 阶段5 3.微服务项目【学成在线】_day04 页面静态化_24-页面预览-页面预览测试 通过nginx转发到预览的地址 重启nginx 添加页面预览按钮 调整下列表的列的宽度 黑马传智播客 nginx 重启 微服务 阶段5 3.微服务项目【学成在线】_day04 页面静态化_20-页面静态化-静态化测试-填写页面DataUrl 启动前端和后端。轮播图的数据url可以在这里修改。 找到列表页面的轮播图,然后点击编辑 随便更新一个地址测试 提交后数据再次编辑 发现url没有变化 在pageService里面update方法把更新的字段加上 //更新dataUrlone.setDataUrl(cmsPage.getDataUrl 黑马传智播客 数据 字段 轮播图 数据库查询 阶段5 3.微服务项目【学成在线】_day04 页面静态化_19-页面静态化-模板管理-模板存储 因为没有界面,所以手动的通过操作数据库的方式来存储 比如说要存一个轮播图的模板 把自增的_id去掉 先用测试程序把文件存储到gridFS得到一个gridId,然后拿着这个文件的id 这样就添加好了这一条记录。 这是我自己本机的添加的记录 修改模板,重新到如chunks 修改模板文件怎么去修改。先导出 黑马传智播客 css bootstrap html javascript 阶段5 3.微服务项目【学成在线】_day04 页面静态化_16-页面静态化-模板管理-模板制作 这是轮播图的原始文件 运行门户需要把 nginx启动起来 单独运行轮播图。把里面的css的引用都加上网址的url 这就是单独访问到的轮播图的效果 轮播图模板的地址: 阶段5 3.微服务项目【学成在线】·\day04 页面静态化\代码\index_banner.ftltest-freemarker的服 黑马传智播客 轮播图 数据 css html 阶段5 3.微服务项目【学成在线】_day04 页面静态化_22-页面静态化-静态化测试-静态化程序测试 测试service内些的静态化的方法 先新建一个测试类 模板的id 放到下拉的静态数据里面 这样这条数据 就是用用的轮播图005这个模板 把这条数据静态化 进入到断点里面。先获取数据模型 获取模板时 报错。 拿到模板文件的id 这里报错,从流里面拿数据 文件的字节数是2013 我们刚才在测试的时候, 黑马传智播客 数据 静态化 字节数 轮播图 阶段5 3.微服务项目【学成在线】_day04 页面静态化_21-页面静态化-静态化测试-静态化程序编写 定义getModelByPageId 定义一个专门的代码,用来表示页面找不到 通过restTemplate方法获取dataUrl接口的数据 调用获取Map数据 获取页面模板 创建获取模板信息的方法:getTemplateByPageId 创建cmsTemplate的Dao 创建到接口:CmsTemp 黑马传智播客 html 静态化 数据 主方法