springboot引入mangodb依赖坐标:在spring-boot集成条件下,使用mongodb的DAO层开发. swagger查看接口文档,请求地址:http://localhost:31001/swagger-ui.html 本项目前端使用的框架开发库:Element,一套为开发者.设计师准备的基于 Vue 2.0 的桌面端组件库. 1 自定义条件查询 1.1 需求分析 查询条件如下:站点Id:精确匹配模板Id:精确匹配页面别名:模糊匹配... 1.2 服务端 1.2.1 Dao 使用…

1 Vue.js与Webpack研究 开发版的浏览器:https://www.google.cn/intl/zh-CN/chrome/dev/ 前端的开发框架:微服务项目开发学成在线_Vue.js与Webpack 使用了webpack之后就不能采用传统js的调试方法在chrome中打断点.1.在webpack.config.js中配置: devtool: 'eval‐source‐map', 16-CMS前端工程创建-导入系统管理前端工程  2.1 导入系统管理前端工程 CMS系统使用Vue-c…

这是轮播图的原始文件 运行门户需要把 nginx启动起来 单独运行轮播图.把里面的css的引用都加上网址的url 这就是单独访问到的轮播图的效果 轮播图模板的地址: 阶段5 3.微服务项目[学成在线]·\day04 页面静态化\代码\index_banner.ftltest-freemarker的服务内.模板的html文件,复制过来.然后改了名字后缀叫做index_banner.ftl FreemarkerController内 新加一个方法 返回为轮播图的模板地址 http://localho…

05-CMS需求分析-什么是CMS 什么是CMS?CMS (Content Management System)即内容管理系统,不同的项目对CMS的定位不同.CMS有哪些类型? 每个公司对每个项目的CMS定位不同,CMS基本上分为:针对后台数据内容的管理.针对前端页面的管理.针对样式风格的管理等 . 本项目CMS的定位是什么? 本项目作为一个大型的在线教育平台,对CMS系统的定位是对各各网站(子站点)页面的管理,主要管理由于运营需要而经常变动的页面,从而实现根据运营需要快速进行页面开发.上线的需…

启动前端和后端.轮播图的数据url可以在这里修改. 找到列表页面的轮播图,然后点击编辑 随便更新一个地址测试 提交后数据再次编辑 发现url没有变化 在pageService里面update方法把更新的字段加上 //更新dataUrlone.setDataUrl(cmsPage.getDataUrl()); 修改了后端的代码,微服务的程序记得要重新启动. 成功后,再次编辑打开这个页面 这样我们就可以通过页面来编辑这个dataUrl字段 添加页面加上dataUrl的字段 在添加页面也没有这个dat…

需要创建mongoDB的配置类1 配置类里面主要创建.GridFSBucket这个对象.这个对象的作用就是用来打开一个下载流 在cms的微服务下,在config下创建MongoConfig.这个时候就需要用到spring的注解.@Configuration.加上这个注解.这个类就相当于是一个Bean. 用这个标识的类,spring的容器子在启动的时候.会扫描到这个Bean,然后就会把这个Bean注册到IOC容器中 这个类就是从配置文件中读取到mongo的database. 在创建GridFSBu…

将模板信息保存在cms_template里面 存储在fs.chunks这个集合中.这个集合里面存的是分块文件. fs.files存的是文件的基本信息 chunks存的是块信息 创建测试文件 在cms的微服务下创建测试类:GridFsTest 用gridFsTemplate的api实现存储 store方法有很多的重载 把模板文件放在D盘 读取这个模板文件存储到gridFS.返回的ObjectID就是文件的ID 在这里对文件进行搜索 mongo4.0里面搜索 5dbeb89bface36388cb8…

okhttp的官方文档: https://square.github.io/okhttp/ github的地址 https://github.com/square/okhttp/ 如何远程请求轮播图的DataUrl 之前已经添加过引用. <dependency> <groupId>com.squareup.okhttp3</groupId> <artifactId>okhttp</artifactId></dependency> 最终…

Vue.js 1.Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.自底向上逐层应用:作为渐进式框架要实现的目标就是方便项目增量开发. 渐进式框架:Progressive,说明vue.js的轻量,是指一个前端项目可以使用vue.js一两个特性也可以整个项目都用vue.js 当Vue与各种支持类库结合使用时,它也完全能够为复杂的单页应用提供驱动. 学习参考: https://cn.vuejs.org/v2/guide/ 2.ECMAScript(简称ES)是一种…

1.用户进入cms前端,点击“页面预览”在浏览器请求cms页面预览链接. 2.cms根据页面id查询DataUrl并远程请求DataUrl获取数据模型. 3.cms根据页面id查询页面模板内容 4.cms执行页面静态化. 5.cms将静态化内容响应给浏览器. 6.在浏览器展示页面内容,实现页面预览的功能. copntroller 最终在浏览器显示html的内容.所以这里要用Controller这个注解 继承baseCojntroller.里面实际就是提供了Request和Response.因为我…