139 lines
5.6 KiB
HTML
139 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>词汇江湖</title>
|
||
<link rel="shortcut icon" href="bitbug_favicon.ico" />
|
||
<link rel=" stylesheet " href="./assets/css/header.css ">
|
||
<link rel="stylesheet " href="./assets/iconfont/iconfont.css ">
|
||
|
||
<link rel="stylesheet" href="./assets/css/footer.css">
|
||
<link rel="stylesheet" href="./assets/css/style.css">
|
||
<link rel="stylesheet" href="./assets/css/bootstrap.css">
|
||
<link rel="stylesheet" href="./assets/css/footer.css">
|
||
<script src="./assets/js/jquery-1.9.1.min.js"></script>
|
||
<script src="./assets/js/ajax.js"></script>
|
||
</head>
|
||
<!-- 头部导航 -->
|
||
|
||
<body>
|
||
<div id="header"></div>
|
||
<!-- 诗简介 -->
|
||
|
||
<div class="poetry " id="submitgushiquanbuneirong">
|
||
<div id="username">
|
||
|
||
</div>
|
||
<div class="content">
|
||
<div class="content_box">
|
||
<input type="checkbox" id="coin" class="icon-checkbox">
|
||
<label for="coin" class="icon">
|
||
<i class="iconfonts"></i>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="footer"></div>
|
||
<!-- 评论区 -->
|
||
|
||
|
||
<!-- 底部开始 -->
|
||
|
||
<script>
|
||
$(function() {
|
||
$('#header').load('./common/header.html');
|
||
$('#footer').load('./common/footer.html');
|
||
})
|
||
// 用户权限判断
|
||
window.onload= function(){
|
||
var userId = window.sessionStorage.getItem('userId');
|
||
var username = window.sessionStorage.getItem("username");
|
||
var userToken = window.sessionStorage.getItem("yq_token");
|
||
$.ajax({
|
||
|
||
url: 'http://127.0.0.1:81/consumer/user/fineById/' + userId + '/', //请求url
|
||
undefined,
|
||
type: "get",
|
||
headers: {
|
||
undefined,
|
||
"token": userToken //此处放置请求到的用户token
|
||
},
|
||
success: function(data) {
|
||
if (data.code == 200) {
|
||
|
||
document.getElementById("denglu").innerHTML = '<div style="display:flex;"><a href="./user"><img src=http://cdn.shuguangwl.com/2022/04/01/9d62eaa7c11f2.png style="width:20px;height:20px;">' + data.data.username + '</a><a href="./user/logout.html"><img src=http://cdn.shuguangwl.com/2022/04/10/60fc777f1b526.png style="width:20px;height:20px;">退出登录</a><div>';
|
||
}
|
||
}
|
||
})
|
||
}
|
||
//分享 复制网页链接----------------------------------------------
|
||
$('#coin').on('click', function() {
|
||
var url = window.location.href;
|
||
copyUrl(url);
|
||
alert("网页链接复制成功！");
|
||
});
|
||
|
||
function copyUrl(id) {
|
||
$("body").after("<input id='copyVal'></input>");
|
||
var text = id;
|
||
var input = document.getElementById("copyVal");
|
||
input.value = text;
|
||
input.select();
|
||
input.setSelectionRange(0, input.value.length);
|
||
document.execCommand("copy");
|
||
$("#copyVal").remove();
|
||
}
|
||
//分享end 复制网页链接----------------------------------------------
|
||
|
||
//获取搜索数据并展示到页面----------------------------------
|
||
var twoText = window.location.href;
|
||
var twodata = twoText.split("="); //截取 url中的“=”,获得“=”后面的参数
|
||
var username = decodeURI(twodata[1]); //decodeURI解码
|
||
console.log(username);
|
||
$('#submitgushiquanbuneirong').ready(function() {
|
||
$.ajax({
|
||
// 返回诗的id找出诗的内容
|
||
url: 'http://127.0.0.1:82/consumer/do/fine/poem/username/' + username + '/',
|
||
dataType: "json", //数据格式
|
||
type: "get", //请求方式
|
||
// contentType: "application/x-www-form-urlencoded",
|
||
success: function(data) {
|
||
// console.log("测试");
|
||
var dynastyId = data.data.poemId;
|
||
var dynastyName = data.data.poemName;
|
||
var dynastyUser = data.data.poemUser;
|
||
var dynastyInformation = data.data.poemInformation;
|
||
var giveLike = data.data.giveLike;
|
||
var collection = data.datacollection;
|
||
var explain = data.data.explain;
|
||
var time = data.data.time;
|
||
var html = "";
|
||
|
||
for (i = 0; i < data.data.length; i++) {
|
||
var one = data.data[i].poemInformation;
|
||
var input = one.replace(/\。/g, '。<br/>');
|
||
one = input.replace(/\，/g, '，<br/>');
|
||
input = one.replace(/\？ /g, '？<br/>');
|
||
one = input.replace(/\,/g, '，<br/>');
|
||
input = one.replace(/\ /g, '<br/>')
|
||
one = input.replace(/\!/g, '!<br/>');
|
||
var result = one.replace(/\./g, '。<br/>')
|
||
var dynastyInformation = result
|
||
html += "<p class='poetry-topic'>" + data.data[i].poemName + "</p><p class='poetry-artile'>" + data.data[i].poemUser + "</p><p class='poetry-content'id='dynastyInformation'>" + data.data[i].poemInformation + "</p>";
|
||
$("#username").html(html);
|
||
}
|
||
},
|
||
})
|
||
})
|
||
|
||
//获取搜索数据并展示到页面end----------------------------------
|
||
</script>
|
||
</footer>
|
||
|
||
|
||
</body>
|
||
|
||
</html> |