上一页 1 ··· 30 31 32 33 34 35 36 37 38 ··· 93 下一页
摘要: 在新增页面加返回按钮 go_back事件 点击新增页面的时候把当前的页面传过去,还有查询条件。 然后再点击返回的时候,还是跳转到刚才的页面 page_list.vue内rounter-link加上参数。 http://localhost:11000/#/cms/page/add/?page=3&si 阅读全文
posted @ 2019-09-22 21:54 高山-景行 阅读(255) 评论(0) 推荐(0)
摘要: 新建一个添加的页面 复制page_list页面改改名字 page_add 一个标准的页面 新建路由 新增页面点击后跳转的页面 6、站点及模板数据(先使用静态数据) 在created钩子方法中定义,created是在html渲染之前执行,这里推荐使用created 完整代码 <template> <d 阅读全文
posted @ 2019-09-22 17:07 高山-景行 阅读(272) 评论(0) 推荐(0)
摘要: 其从程序swaggerUI测试 pageName和别名都是 test003 操作成功,最终成功的对象也返回回来了 返回的数据 数据不改变 继续添加Try it out! 再次点击添加。重复添加, 阅读全文
posted @ 2019-09-22 16:49 高山-景行 阅读(173) 评论(0) 推荐(0)
摘要: api接口定义方法 api的微服务里面。CmsPageControllerApi内定义add方法,返回类型是CmsPageResult CmsPageResult继承了ResponseResult ResponseResult里面这三项,SUCCESS、SUCCESS_CODE、message 把新 阅读全文
posted @ 2019-09-22 11:59 高山-景行 阅读(254) 评论(0) 推荐(0)
摘要: 下拉选择框 先默认把数据在mounted钩子函数内初始化数据 下拉框和页面别名的输入框 params参数增加siteId和pageAliase 上面的下拉和文本框通过v-model双向绑定了siteId和pageAliase api/cms.js内,把json对象拼装成key -value的形式。这 阅读全文
posted @ 2019-09-22 11:31 高山-景行 阅读(217) 评论(0) 推荐(0)
摘要: 在Service中实现自定义查询 StringUtils.isNotEmpty()是这个包下的org.apache.commons.lang3.StringUtils; 再设置其他的条件 定义Example对象 把example作为第一个参数 controller 代码不用改 测试 这里加一个断点测 阅读全文
posted @ 2019-09-22 00:10 高山-景行 阅读(192) 评论(0) 推荐(0)
摘要: 在页面输入查询条件,查询符合条件的页面信息。 查询条件如下: 站点Id:精确匹配 模板Id:精确匹配 页面别名:模糊匹配 spring mongoDB如何自定义条件 在Repository的findAll方法里面有个参数是Example 其实就是存放条件的 Example有个泛型T 指定的就是查询条 阅读全文
posted @ 2019-09-21 20:52 高山-景行 阅读(246) 评论(0) 推荐(0)
摘要: 看图 阅读全文
posted @ 2019-09-21 18:08 高山-景行 阅读(193) 评论(0) 推荐(0)
摘要: 进入页面默认就去查询数据 这要用到vue的钩子函数,每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、 编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子 的函数,这给了用户在不同阶段添加自己的代码的机会。 生 阅读全文
posted @ 2019-09-21 18:05 高山-景行 阅读(214) 评论(0) 推荐(0)
摘要: 修改为默认的参数 点击分页的事件 current-change 我们弹个alert测试下 看文档,参数是当前页 把当前页的数据赋值给params.page这个对象 分页效果实现 最终代码 <template> <div> <el-button type="primary" v-on:click="q 阅读全文
posted @ 2019-09-21 17:56 高山-景行 阅读(273) 评论(0) 推荐(0)
摘要: 点击页面查询按钮 ,报错。跨域问题。 前端端口是11000 请求后端的服务地址端口是31001 出现跨域 开始解决跨域 把前面带端口的地址 用变量代替 只有带/api/cms开头的就转发的服务端31001的端口 把/api替换成空字符串 测试 点击查询 数据库可以访问到了 后期会通过nginx去解决 阅读全文
posted @ 2019-09-21 17:46 高山-景行 阅读(297) 评论(0) 推荐(0)
摘要: 在api里面定义js方法获取服务端的数据 把home模块的下的home.js文件复制到api的目录下改名叫做cms.js 复制过来 默认的代码 实际上引用的是base下的api/public.js文件。 引入的时候.js结尾是可以省略的 工具类连用了axios 定义获取后台数据的方法.在api/cm 阅读全文
posted @ 2019-09-21 15:06 高山-景行 阅读(236) 评论(0) 推荐(0)
摘要: 访问swaggerUI的接口 得到返回的json数据,就是我们页面上要显示的数据 复制到页面的数据这里 加分页 Pagination组件 https://element.eleme.io/#/zh-CN/component/pagination 复制到table的下面 分页显示的效果 分页显示在右边 阅读全文
posted @ 2019-09-21 11:46 高山-景行 阅读(293) 评论(0) 推荐(0)
摘要: 页面填充内容。用一个表格来显示内容 3.1.2.1 Element-UI介绍 本项目使用Element-UI来构建界面,Element是一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组 件库。 Element-UI官方站点:http://element.eleme.io/#/zh 阅读全文
posted @ 2019-09-21 11:20 高山-景行 阅读(250) 评论(0) 推荐(0)
摘要: module下创建cms目录,里面存cms模块相关的页面 在cms下创建api和components目录,components下放的就是组件。 这个组件刚才介绍的base的下的组件不一样。base下的组件是被所有模块公用。cms下的组件是只给cms这个模块下用的 cms下 四个标准的目录结构 开始写 阅读全文
posted @ 2019-09-20 20:34 高山-景行 阅读(210) 评论(0) 推荐(0)
摘要: 参考文章: 4.0的安装 https://blog.csdn.net/qq_26896281/article/details/81203687 MongoDB4.0.0 远程连接及用户名密码认证登陆配置——windows https://blog.csdn.net/qq_26896281/artic 阅读全文
posted @ 2019-09-20 17:36 高山-景行 阅读(1228) 评论(0) 推荐(0)
摘要: 查看运行起来的页面的源代码 这个webpck打包生成的文件。 单页面应用的优缺点: 优点: 1、用户操作体验好,用户不用刷新页面,整个交互过程都是通过Ajax来操作。 2、适合前后端分离开发,服务端提供http接口,前端请求http接口获取数据,使用JS进行客户端渲染。 缺点: 1、首页加载慢 单页 阅读全文
posted @ 2019-09-19 22:42 高山-景行 阅读(214) 评论(0) 推荐(0)
摘要: 提供了基于脚手架封装好的前端工程 H:\BaiDu\黑马传智JavaEE57期 2019最新基础+就业+在职加薪\阶段5 3.微服务项目【学成在线】·\day02 CMS前端开发\资料\xc-ui-pc-sysmanage.7z _all的是完整的。不带all的是手写的第一部分的 解压出来 ,这里应 阅读全文
posted @ 2019-09-19 22:19 高山-景行 阅读(274) 评论(0) 推荐(0)
摘要: webpack把我们的js文件都打包了。所以不能用chrome的调试工具。 打包生成的js文件比较乱无法跟踪。 配置好了以后就可以让浏览器查看到打包后的源代码 在源代码这里加一个debuuger 这里显示了 x和y 当前的值是1 阅读全文
posted @ 2019-09-19 21:22 高山-景行 阅读(170) 评论(0) 推荐(0)
摘要: 实现自动打包自动刷新浏览器 新建目录和页面看图 cnpm install webpack@3.6.0 webpack-dev-server@2.9.1 html-webpack-plugin@2.30.1 --save-dev 安装后生成这两个文件 加上配置项 配置配置文件 鼠标右键 运行dev。自 阅读全文
posted @ 2019-09-19 13:05 高山-景行 阅读(195) 评论(0) 推荐(0)
摘要: 创建webpack测试的目录 定义webpack的入口文件 mdel01必须导出,main里面才能导入 导出多个 数组的写法 main是入口文件,里面已经引入了vue.min和model01.js 打包生成的文件 页面最终引用这个build.js 总结 阅读全文
posted @ 2019-09-19 12:54 高山-景行 阅读(150) 评论(0) 推荐(0)
摘要: npm默认安装配置的路径配置在nodejs的node_modules目录 j加上 -g 就是全局安装 后面只写webpack默认安装的是最新版本 指定版本号 视频中建议指定版本号进行安装 阅读全文
posted @ 2019-09-19 12:42 高山-景行 阅读(171) 评论(0) 推荐(0)
摘要: node.js安装完成后,就自动安装了webpack。 npm -v:查看npm安装的版本 当前安装目录默认的包 在node.js的目录下创建两个文件夹 这样路径就被修改成功了 cnpm npm install -g cnpm --registry=https://registry.npm.taob 阅读全文
posted @ 2019-09-19 12:13 高山-景行 阅读(178) 评论(0) 推荐(0)
摘要: 1.3.2.1 安装Node.js webpack基于node.js运行,首先需要安装node.js。 node -v:验证是否安装成功了。 阅读全文
posted @ 2019-09-19 11:58 高山-景行 阅读(170) 评论(0) 推荐(0)
摘要: 以前的var方式声明不好用 a=1会声明一个全局变量, 输出了1 说明a=1确实声明了一个全局变量。 但是你把放在其他的地方,就不是声明全局变量了。 如果外面有个全局变量a 那么函数里面就是给a赋值 调用fn方法,输出的还是1 有两层函数的时候,直接使用的是局部变量a,也就是fn函数里面的a 如果当 阅读全文
posted @ 2019-09-19 00:14 高山-景行 阅读(293) 评论(0) 推荐(0)
上一页 1 ··· 30 31 32 33 34 35 36 37 38 ··· 93 下一页