增加评论功能

This commit is contained in:
wangbin05
2021-04-03 17:40:08 +08:00
parent dc578c3b34
commit 7fb0e66ddc
11 changed files with 301 additions and 91 deletions

View File

@@ -4,7 +4,6 @@ var events = function () {
window.sessionStorage && window.sessionStorage.setItem("MinDoc::LastLoadDocument:" + window.book.identify, $param.$id);
var prevState = window.history.state || {};
if ('pushState' in history) {
if ($param.$id) {
prevState.$id === $param.$id || window.history.pushState($param, $param.$id, $param.$url);
} else {
@@ -43,6 +42,86 @@ var events = function () {
}();
function format(d) {
return d < 10 ? "0" + d : "" + d;
}
function timeFormat(time) {
var span = Date.parse(time)
var date = new Date(span)
var year = date.getFullYear();
var month = format(date.getMonth() + 1);
var day = format(date.getDate());
var hour = format(date.getHours());
var min = format(date.getMinutes());
var sec = format(date.getSeconds());
return year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + sec;
}
function onPageClicked(page, docid) {
$.ajax({
url : "/comment/lists?page=" + page + "&docid=" + docid,
type : "GET",
beforeSend : function (xhr) {
NProgress.start();
},
success : function (res) {
console.log(res.data);
loadComment(res.data.page, res.data.doc_id);
},
complete : function () {
NProgress.done();
},
error : function () {
layer.msg("加载失败");
}
});
}
// 加载评论
function loadComment(page, docid) {
$("#commentList").empty();
var html = ""
var c = page.List;
for (var i = 0; c && i < c.length; i++) {
html += "<div class=\"comment-item\" data-id=\"" + c[i].comment_id + "\">";
html += "<p class=\"info\"><a class=\"name\">" + c[i].author + "</a><span class=\"date\">" + timeFormat(c[i].comment_date) + "</span></p>";
html += "<div class=\"content\">" + c[i].content + "</div>";
html += "<p class=\"util\">";
html += "<span class=\"operate\">";
html += "<span class=\"number\">" + i + "#</span>";
html += "</span>";
html += "</p>";
html += "</div>";
}
$("#commentList").append(html);
if (page.TotalPage > 1) {
$("#page").bootstrapPaginator({
currentPage: page.PageNo,
totalPages: page.TotalPage,
bootstrapMajorVersion: 3,
size: "middle",
onPageClicked: function(e,originalEvent,type,page){
onPageClicked(page, docid);
}
});
} else {
$("#page").find("li").remove();
}
}
// 重新渲染页面
function renderPage(data) {
$("#page-content").html(data.body);
$("title").text(data.title);
$("#article-title").text(data.doc_title);
$("#article-info").text(data.doc_info);
$("#view_count").text("阅读次数:" + data.view_count);
$("#doc_id").val(data.doc_id);
loadComment(data.page, data.doc_id);
}
/***
* 加载文档到阅读区
* @param $url
@@ -61,11 +140,7 @@ function loadDocument($url, $id, $callback) {
}else if(data.version && data.version != $callback){
return true;
}
$("#page-content").html(data.body);
$("title").text(data.title);
$("#article-title").text(data.doc_title);
$("#article-info").text(data.doc_info);
$("#view_count").text("阅读次数:" + data.view_count);
renderPage(data);
events.trigger('article.open', {$url: $url, $id: $id});
@@ -77,23 +152,13 @@ function loadDocument($url, $id, $callback) {
},
success : function (res) {
if (res.errcode === 0) {
var body = res.data.body;
var doc_title = res.data.doc_title;
var title = res.data.title;
var doc_info = res.data.doc_info;
var view_count = res.data.view_count;
renderPage(res.data);
$body = body;
$body = res.data.body;
if (typeof $callback === "function" ) {
$body = $callback(body);
}
$("#page-content").html($body);
$("title").text(title);
$("#article-title").text(doc_title);
$("#article-info").text(doc_info);
$("#view_count").text("阅读次数:" + view_count);
events.data($id, res.data);
events.trigger('article.open', { $url : $url, $id : $id });
@@ -129,9 +194,6 @@ function initHighlighting() {
}
}
$(function () {
$(".view-backtop").on("click", function () {
$('.manual-right').animate({ scrollTop: '0px' }, 200);