<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>音乐盒-兰舟千帆</title>
<link href="../static/images/favicon.ico" th:href="@{/images/me.jpg}" rel="icon" type="image/x-ico">
<link rel="stylesheet" href="../static/lib/semantic/dist/semantic.min.css" th:href="@{/lib/semantic/dist/semantic.min.css}">
<link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
<link rel="stylesheet" href="../static/lib/music/css/zplayer.min.css" th:href="@{/lib/music/css/zplayer.min.css}" />
<script type="text/javascript" src="../static/lib/music/js/zplayer.min.js" th:src="@{/lib/music/js/zplayer.min.js}"></script>
<script src="../static/lib/jquery-3.2.1/jquery-3.2.1.min.js" th:src="@{/lib/jquery-3.2.1/jquery-3.2.1.min.js}"></script>
<script src="../static/lib/semantic/dist/semantic.min.js" th:src="@{/lib/semantic/dist/semantic.min.js}"></script>
</head>
<body>
<!--导航-->
<nav class="gird-header">
<div class="ui m-container-mini-m">
<div class="ui inverted secondary stackable menu">
<h2 class="ui olive header item" style="font-family: STSong">兰舟千帆</h2>
<!--<div class="right m-item item m-mobile-hide">-->
<a href="#" target="_blank" th:href="@{/}" class="m-item item m-mobile-hide"><i class="home icon"></i>首页</a>
<a href="#" target="_blank" th:href="@{/types/-1}" class="m-item item m-mobile-hide"><i class="clone outline icon"></i>分类</a>
<a href="#" target="_blank" th:href="@{/archives}" class="m-item item m-mobile-hide"><i class="coffee icon"></i>流年记</a>
<a href="#" th:href="@{/music}" class="active m-item item m-mobile-hide"><i class="music icon"></i>音乐盒</a>
<a href="#" target="_blank" th:href="@{/message}" class="m-item item m-mobile-hide"><i class="book icon"></i>留言板</a>
<a href="#" target="_blank" th:href="@{/friends}" class="m-item item m-mobile-hide"><i class="pencil alternate icon"></i>友人帐</a>
<a href="#" target="_blank" th:href="@{/picture}" class="m-item item m-mobile-hide"><i class="image icon"></i>照片墙</a>
<a href="#" th:href="@{/resources}" class="m-item item m-mobile-hide"><i class="graduation cap icon"></i>资源库</a>
<a href="#" target="_blank" th:href="@{/about}" class="m-item item m-mobile-hide"><i class="info icon"></i>关于我</a>
<!--</div>-->
<div class="right m-item item m-mobile-hide">
<form name="search" action="#" th:action="@{/search}" method="post" target="_blank">
<div class="ui icon transparent input m-margin-tb-tiny" style="color: white">
<input style="color: white" type="text" name="query" placeholder="Search...." th:value="${query}">
<i onclick="document.forms['search'].submit()" class="search link icon"></i>
</div>
</form>
</div>
</div>
</div>
<a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
<i class="sidebar icon"></i>
</a>
</nav>
<!--顶部图片-->
<div class="m-bg-type_outer" style="width: 100%;height: 40%">
<img src="../static/images/music.jpg" th:src="@{http://images.newstar.net.cn/img/music.jpg}" alt="" class="ui m-bg image" style="width: 100%;height: 100%">
<div class="m-bg-class_cover">
<div class="ui container" style="position: relative ;bottom: -540px;">
<div class="m-font-size-title m-right-bottom" align="center" style="font-family:'STXingkai'">音乐盒</div>
<div class="m-font-size-text-init-title m-margin-top" align="center">是啊,我也喜欢温柔,温暖,以及寻找着相互吸引的东西。努力活下去的心,很喜欢</div>
</div>
</div>
</div>
<div style="background: #9B859D" class="ui m-margin- m-opacity" align="center">
<div class="ui container box-shadow-max">
<div id="player2"></div>
</div>
</div>
<script src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script>
<!--<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>-->
<script>
L2Dwidget.init({
"model": {
"jsonPath": "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
"scale": 1
},
"display": {
"position": "right",
"width": 150,
"height": 300,
"hOffset": 0,
"vOffset": -20
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 0.8,
"opacityOnHover": 1
},
"dialog": {
"enable": true,
"script": {
'tap body': '哎呀!别碰我!',
'tap face': '兰舟千帆是在认真写博客哦--前端妹子',
}
}
});
</script>
<script src="../static/music/杨乃文%20-%20推开世界的门.mp3"></script>
<script>
var zp2 = new zplayer({
element: document.getElementById("player2"),
lrcStart: 1,/*是否开启歌词功能 ,默认false(为true时musics集合中需要传入lrc字段。)*/
musics: [
{
title: "推开世界的门",
author: "杨乃文",
url: "../static/music/杨乃文%20-%20推开世界的门.mp3",
pic: "http://p1.music.126.net/PNMq0iypxEeHPhJFUnhQZA==/109951163007879949.jpg?param=300y300",
lrc: "[00:00.000] 作词 : 火星电台/黄少峰\n" +
"[00:00.528] 作曲 : 火星电台/黄少峰\n" +
"[00:01.56]编曲:赵兆\n" +
"[00:01.91]音乐总监:赵兆\n" +
"[00:02.22]音响总监:何飚\n" +
"[00:02.57]声乐指导:梁古驰\n" +
"[00:02.93]键盘:宋涛 白羽翔\n" +
"[00:03.33]吉他:薛峰 王传统\n" +
"[00:03.70]贝斯:韩 阳\n" +
"[00:04.09]鼓手:郝稷伦\n" +
"[00:04.51]打击乐:王宏涛\n" +
"[00:04.91]PGM:曾嵘\n" +
"[00:05.33]和声:张石荻 李宏洲 胡维纳 王妞妞\n" +
"[00:05.81]弦乐:靳海音®弦乐团\n" +
"[00:06.25]混音:茆博文 雷长航 李卓\n" +
"[00:06.64]推开世界的门\n" +
"[00:13.60]你是站在门外怕迟到的人\n" +
"[00:20.32]捧着一颗不懂计较的认真\n" +
"[00:27.11]吻过你的眼睛就无畏的青春\n" +
"[00:34.11]左手的泥呀 右手的泥呀\n" +
"[00:37.61]知己的花衣裳\n" +
"[00:40.64]世界本该是你醒来的模样\n" +
"[00:47.80]左眼的悲伤 右眼的倔强 看起来都一样\n" +
"[00:54.10]原来你就是我自负的胆量\n" +
"[01:01.24]\n" +
"[01:14.71]推开世界的门\n" +
"[01:21.14]你是站在门外最孤单的人\n" +
"[01:27.75]捧着一颗不懂计较的认真\n" +
"[01:34.41]路过你的时候 时间多残忍\n" +
"[01:41.83]左手的泥呀 右手的泥呀\n" +
"[01:45.21]知己的花衣裳\n" +
"[01:48.18]世界本该是你诚实的模样\n" +
"[01:55.30]左眼的悲伤 右眼的倔强 看起来都一样\n" +
"[02:01.65]原来你就是我走失的地方\n" +
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
个人博客系统,前端采用简单的html,后端采用springboot框架进行开发。支持发布博客,查看,删除等,发布说说,音乐播放。发布流年记。;友人帐,公告。等。照片墙,是我后台添加照片的话其实会在这里展示。这里的照片存在的问题就是我并没有进行上传下载的操作。我的前端的引用只是来在外链,然后将图片展示了出来。效果还行。后面应该优化到上传下载。支持分级评论,删除,查看评论,支持点赞。
资源推荐
资源详情
资源评论
收起资源包目录
springboot个人博客系统 (1549个子文件)
AUTHORS 6KB
AUTHORS 6KB
qq.jpg.bak 300KB
qq.jpg.bak 300KB
zhifupay.jpg.bak 127KB
zhifupay.jpg.bak 127KB
wechatpay.jpg.bak 108KB
wechatpay.jpg.bak 108KB
oneStarWechat.jpg.bak 88KB
oneStarWechat.jpg.bak 88KB
me.jpg.bak 82KB
me.jpg.bak 82KB
oneStar1.jpg.bak 73KB
oneStar1.jpg.bak 73KB
backimg.jpg.bak 72KB
backimg.jpg.bak 72KB
QQ-question.jpg.bak 59KB
QQ-question.jpg.bak 59KB
oneStar.jpg.bak 27KB
oneStar.jpg.bak 27KB
login.html.bak 2KB
login.html.bak 2KB
IndexController.class 10KB
RedisConfig.class 8KB
User.class 7KB
Blog.class 6KB
BlogController.class 6KB
CommentServiceImpl.class 5KB
ResourceController.class 5KB
MessageController.class 5KB
FriendController.class 5KB
PictureController.class 5KB
MessageServiceImpl.class 5KB
MemoryController.class 4KB
CommentController.class 4KB
BlogServiceImpl.class 4KB
TypeController.class 4KB
R_.class 4KB
DetailedBlog.class 4KB
Message.class 4KB
ResourceServiceImpl.class 4KB
SessionInterceptor.class 4KB
Comment.class 4KB
ResourceShowController.class 4KB
ShowBlog.class 4KB
FirstPageBlog.class 3KB
Resources.class 3KB
MarkdownUtils.class 3KB
GlobalDefaultExceptionHandler.class 3KB
LogAspect.class 3KB
LoginController.class 3KB
BlogQuery.class 3KB
JacksonObjectMapper.class 3KB
TypeShowController.class 2KB
Response.class 2KB
WebConfig.class 2KB
MemoryServiceImpl.class 2KB
Picture.class 2KB
FriendLink.class 2KB
ControllerExceptionHandler.class 2KB
FriendLinkServiceImpl.class 2KB
ResourceDao.class 2KB
TypeServiceImpl.class 2KB
LoginInterceptor.class 2KB
BlogDao.class 2KB
RecommendBlog.class 2KB
MD5Utils.class 2KB
PictureServiceImpl.class 2KB
Memory.class 2KB
Type.class 2KB
WebMvcConfig.class 2KB
NewComment.class 2KB
BlogService.class 2KB
ResourceService.class 2KB
MyMetaObjexHander.class 1KB
GlobalException.class 1KB
MarkdownUtils$CustomAttributeProvider.class 1KB
LogAspect$RequestLog.class 1KB
SearchBlog.class 1KB
UserServiceImpl.class 1KB
FriendsShowController.class 1KB
PictureShowController.class 1KB
ArchiveShowController.class 1KB
CommentDao.class 1KB
MessageDao.class 921B
MarkdownUtils$1.class 915B
BaseContext.class 870B
NotFoundException.class 838B
MyblogApplication.class 786B
FriendLinkDao.class 780B
UserDao.class 768B
TypeDao.class 726B
FriendLinkService.class 661B
CommentService.class 635B
PictureDao.class 632B
MemoryDao.class 621B
TypeService.class 607B
MusicShowController.class 605B
AboutShowController.class 597B
AccessLimit.class 575B
共 1549 条
- 1
- 2
- 3
- 4
- 5
- 6
- 16
资源评论
兰舟千帆
- 粉丝: 2w+
- 资源: 20
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功