旅鸟

导航

2018年5月28日

使用css实现时间轴

摘要: 本文将使用css来实现一个左右交叉布局的时间轴,效果如下: 使用的都是一些常用的css,代码如下: 1 <!DOCTYPE> 2 <html> 3 <head> 4 <title>vue demo</title> 5 <script src="js/jquery-3.2.1.js"></script 阅读全文

posted @ 2018-05-28 19:08 旅鸟 阅读(923) 评论(0) 推荐(0) 编辑

2018年5月24日

超简单的轮播实现

摘要: 这个是我用jquery+css实现的一个轮播,效果如下: 操作方式: 1. 鼠标不再轮播界面上时,每个1秒切换一次,循环切换; 2. 当鼠标在轮播界面上时,停止切换,当鼠标离开时,继续切换; 3. 点击下侧的白点,切换到与白点索引相同的图片; 4. 点击左右的箭头,则分别向左或向右切换,循环切换。 阅读全文

posted @ 2018-05-24 03:22 旅鸟 阅读(497) 评论(0) 推荐(0) 编辑

2018年5月21日

第一个vue示例-高仿微信

摘要: 这时我学习vue写的第一个demo,因为以前学过angular,所以这次看vue的时候是先写demo,在写的过程中遇到不会的在看书的方式学习的,因为是针对性学习,所以可以快速的对vue有个大概的认识,后面再深入的学习vue的基础知识,废话不多说先上图: 这儿只是简单的用css实现了布局,然后结合vu 阅读全文

posted @ 2018-05-21 22:38 旅鸟 阅读(246) 评论(0) 推荐(0) 编辑

2018年5月18日

12. thymeleaf中资源相对路径的解决

摘要: 把博客部署到tomcat上后才发现因之前资源和链接的地址都是使用的相对路径,这样一来在tomcat上就各种找不到资源。从网上看了几种解决方式都挺麻烦的,且不是适配的,所以我根据thymeleaf的规则用下面的方式来解决:1. 在js中通过:[[@{/}]], 可以获取当前的contextpath,所 阅读全文

posted @ 2018-05-18 15:50 旅鸟 阅读(517) 评论(0) 推荐(0) 编辑

11. 将博客部署到tomcat上

摘要: springboot项目既可以以jar运行,也可以做成war包放到服务器上,因为我的博客项目涉及到文件上传,所以按照jar的方式就不可行,需要部署到tomcat上,具体做法如下:1. 修改pom.xml1.1 将项目打包方式改为war:<packaging>war</packaging>1.2 在s 阅读全文

posted @ 2018-05-18 15:24 旅鸟 阅读(144) 评论(0) 推荐(0) 编辑

2018年5月17日

10. 搭配redis做文章缓存

摘要: redis是一个使用较多的内存键值数据库,这儿的键是字符串类型的标识符,而值可以是字符串、散列、列表、集合和有序集合,也正是因为redis提供了较丰富的值的类型,能够满足不同的使用要求,而且redis的读写是很高效的,所以现在很多系统都将redis作为缓存系统,在使用的时候先从数据库中把数据读取出来 阅读全文

posted @ 2018-05-17 15:40 旅鸟 阅读(311) 评论(0) 推荐(0) 编辑

9. 前端文章分页功能实现

摘要: 经过前面几篇文章的介绍,现在已经把博客后台管理和前台界面都已经搭建好了,其中前端界面是我完全手写实现的,其中分页部分是比较麻烦的,这儿简单说下我是如何完成的。分页涉及三个要素:1、请求地址;2、每页的数量;3、当前是第几页,所以我这的的做法如下:1. 在分页的div上添加如下属性: 1 <div c 阅读全文

posted @ 2018-05-17 00:25 旅鸟 阅读(448) 评论(0) 推荐(0) 编辑

2018年5月15日

8. 使用ueditor添加文章

摘要: ueditor是一个很好用的html编辑器,不仅提供了格式化编辑文本的功能,还提供了自动上传图片的功能,现在就使用该编辑器来实现博客文章的编辑功能。1. 使用ueditor过程中会请求一个后台js文件作为语言文件,不加处理的话中文会乱码,所以要修改http的编码方式,即在application.pr 阅读全文

posted @ 2018-05-15 20:46 旅鸟 阅读(338) 评论(0) 推荐(0) 编辑

7. 整合shiro,搭建粗粒度权限管理

摘要: shiro是一个易用的权限管理框架,只需提供一个Realm即可在项目中使用,本文就将结合上一篇中搭建的权限模块、角色模块和用户模块来搭建一个粗粒度的权限管理系统,具体如下:1. 添加shiro依赖和与thymeleaf集成的依赖,并更新项目: 1 <dependency> 2 <groupId>or 阅读全文

posted @ 2018-05-15 13:00 旅鸟 阅读(251) 评论(0) 推荐(0) 编辑

6. 添加权限管理模块

摘要: 本文主要是以权限管理模块为例来介绍使用springboot+mybatis完成增删改查的功能。1. 添加Permission实体类 1 package com.lvniao.blog.model; 2 3 import java.util.ArrayList; 4 import java.util. 阅读全文

posted @ 2018-05-15 00:01 旅鸟 阅读(186) 评论(0) 推荐(0) 编辑