会python真的可以为所欲为0(回)
353天前
这里还有人吗1(回)
538天前这里还有人吗0(回)
538天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
763天前到处都是羊，不想上班0(回)
843天前
鸽子
0(回)
847天前<!DOCTYPE html> |
<html> |
<head> |
<meta charset="utf-8"> |
<title>我的笔记</title> |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
<meta http-equiv="x-pjax-version" content="v173"> |
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/favico-144-precomposed.png"> |
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/favico-114-precomposed.png"> |
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/favico-72-precomposed.png"> |
<link rel="apple-touch-icon-precomposed" href="ico/favico-57-precomposed.png"> |
<link rel="shortcut icon" href="ico/favico.png"> |
<link rel="shortcut icon" href="ico/favico.ico"> |
<link rel="stylesheet" href="styles/icon.css"/> |
<link rel="stylesheet" href="styles/main.css"/> |
<!-- Google-Code代码高亮CSS --> |
<link rel="stylesheet" href="styles/prettify.css"/> |
<!-- Ueditor编辑器CSS --> |
<link href="styles/umeditor.min.css" type="text/css" rel="stylesheet"> |
<script type="text/javascript" src="scripts/jquery.min.js"></script> |
<script type="text/javascript" src="scripts/cookie_util.js"></script> |
<script type="text/javascript" src="scripts/book.js"></script> |
<script type="text/javascript" src="scripts/note.js"></script> |
<script type="text/javascript" src="scripts/alert.js"></script> |
<script type="text/javascript" src="scripts/share.js"></script> |
<script type="text/javascript"> |
//获取Cookie中的用户ID |
var userId = getCookie("userId"); |
if(userId!=null) {//若用户id存在 |
$(function(){ |
//加载用户笔记本列表 |
loadUserBooks(); |
//点击笔记本加载笔记列表(动态绑定) |
//父元素.on("事件类型","子元素选择器",fn); |
$("#book_ul").on("click","li",loadBookNotes); |
//点击笔记加载笔记内容 |
$("#note_ul").on("click","li",loadNoteContent); |
//点击保存笔记内容 |
$("#save_note").click(updateNote); |
//点击"+"按钮弹出创建笔记本对话框 |
$("#add_notebook").click(alertAddBookWindow); |
//关闭对话框处理 |
$("#can").on("click",".cancle,.close",CloseAlertWindow); |
//点击对话框中的"创建"按钮 |
$("#can").on("click","#sure_addbook",sureAddBook); |
//点击"+"按钮弹出创建笔记对话框 |
$("#add_note").click(alertAddNoteWindow); |
//点击"创建笔记"对话框的"创建"按钮onclick |
$("#can").on("click","#sure_addnote",sureAddNote); |
$("#note_ul").on("click",".btn_slide_down",showNoteMenu); |
//点击body隐藏笔记菜单 |
$("body").click(function(){ |
$("#note_ul .note_menu").hide(); |
}); |
//点击"x"弹出删除框 |
$("#note_ul").on("click",".btn_delete",alertDelNoteWindow); |
$("#can").on("click","#delete_note",delNote); |
//点击""弹出转移框 |
$("#note_ul").on("click",".btn_move",alertMoveNoteWindow); |
//确定转移笔记操作 |
$("#can").on("click","#sureMove",moveNote); |
//点击分享 弹出页面 |
$("#note_ul").on("click",".btn_share",alertShareNoteWindow); |
//确定分享笔记操作 |
$("#can").on("click","#sureShare",sureShareNote); |
//搜索分享笔记 |
$("#search_note").keydown(shareResult); |
//点击分享笔记显示笔记内容 |
$("#search_ul").on("click","li",shareNoteBody); |
//收藏分享笔记 |
$("#search_ul").on("click",".btn_slide_down",shareNote); |
//双击笔记本名称弹出修改名字框 |
$("#book_ul").on("dblclick","li",alertRenameWindow); |
$("#can").on("click","#renameSure",renameBookName); |
|
$("#t1").on("click","#rollback_button",function(){ |
$("#pc_part_4").show(); |
$("#pc_part_3").hide(); |
$("#gc_ul").empty(); |
|
$.ajax({ |
url:"http://localhost:8088/cloud_note/note/rollback.do", |
type:"post", |
dataType:"json", |
success:function(result){ |
if(result.status==0) { |
var notes = result.data; |
|
for(var i=0;i<notes.length;i++) { |
var title = notes[i].cn_note_title; |
var noteId = notes[i].cn_note_id; |
lis = ' <li class="disable">'; |
lis+= ' <a>'; |
lis+= ' <i class="fa fa-file-text-o" title="online" rel="tooltip-bottom"></i>'+title+'<button type="button" class="btn btn-default btn-xs btn_position btn_delete"><i class="fa fa-times"></i></button><button type="button" class="btn btn-default btn-xs btn_position_2 btn_replay"><i class="fa fa-reply"></i></button>'; |
lis+= ' </a>'; |
lis+= ' </li>'; |
$li = $(lis); |
$li.data("noteId",noteId); |
$("#gc_ul").append($li); |
} |
} |
}, |
error:function(){alert("显示回收站列表失败");} |
}); |
|
}) |
}); |
}else{//用户id不存在 |
window.location.href = "log_in.html"; |
} |
</script> |
</head> |
<body class="animated fadeIn"> |
<header class="header"> |
<div class="header-brand"> |
<a data-pjax=".content-body" href="edit.html"> |
<img class="brand-logo" src="images/dummy/8986f28e.stilearn-logo.png" alt="Stilearn Admin Sample Logo"> |
</a> |
</div> |
<div class="header-profile"> |
<div class="profile-nav"> |
<span class="profile-username"></span> |
<a class="dropdown-toggle" data-toggle="dropdown"> |
<span class="fa fa-angle-down"></span> |
</a> |
<ul class="dropdown-menu animated flipInX pull-right" role="menu"> |
<li><a href="Change_password.html"><i class="fa fa-user"></i> 修改密码</a></li> |
<li class="divider"></li> |
<li><a id="logout" href="#" ><i class="fa fa-sign-out"></i> 退出登录</a></li> |
</ul> |
</div> |
</div> |
<form class="form-inline" onsubmit="return false;"> |
<button type="button" class="btn btn-default btn-expand-search"><i class="fa fa-search"></i></button> |
<div class="toggle-search"> |
<input type="text" class="form-control" placeholder="搜索笔记" id='search_note'> |
<button type="button" class="btn btn-default btn-collapse-search"><i class="fa fa-times"></i></button> |
</div> |
</form> |
<ul class="hidden-xs header-menu pull-right"> |
<li> |
<a href="activity.html" target='_blank' title="笔记活动">活动</a> |
</li> |
</ul> |
</header> |
<div class="row" style='padding:0;' id='center'> |
<!-- alert_background--> |
<div class="opacity_bg" style='display:none'></div> |
<!-- alert_notebook --> |
<div id="can"></div> |
<div class="col-xs-2" style='padding:0;' id='pc_part_1'> |
<!-- side-right --> |
<div class="pc_top_first"> |
<h3>全部笔记本</h3> |
<button type="button" class="btn btn-default btn-xs btn_plus" id='add_notebook'><i class="fa fa-plus"></i></button> |
</div> |
<aside class="side-right" id='first_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body"> |
<ul id="book_ul"class="contacts-list"> |
<!-- |
<li class="online"> |
<a class='checked'> |
<i class="fa fa-book" title="online" rel="tooltip-bottom"> |
</i> |
默认笔记本 |
</a> |
</li> |
--> |
</ul> |
</div> |
</div> |
</div> |
</aside> |
<div id="t1" class="row clear_margin"> |
<div class="col-xs-4 click" id='rollback_button' title='回收站'><i class='fa fa-trash-o' style='font-size:20px;line-height:31px;'></i></div> |
<div class="col-xs-4 click" id='like_button' title='收藏笔记本'><i class='fa fa-star' style='font-size:20px;line-height:31px;'></i></div> |
<div class="col-xs-4 click" id='action_button' title='参加活动笔记'><i class='fa fa-users' style='font-size:20px;line-height:30px;'></i></div> |
</div> |
</div> |
<!-- 全部笔记本 --> |
<!-- 全部笔记 --> |
<div class="col-xs-3" style='padding:0;' id='pc_part_2'> |
<div class="pc_top_second" id='notebookId'> |
<h3>全部笔记</h3> |
<button type="button" class="btn btn-default btn-xs btn_plus" id='add_note'><i class="fa fa-plus"></i></button> |
</div> |
<aside class="side-right" id='second_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body"> |
<ul id="note_ul" class="contacts-list"> |
<!-- |
<li class="online"> |
<a class='checked'> |
<i class="fa fa-file-text-o" title="online" rel="tooltip-bottom"></i> 使用Java操作符<button type="button" class="btn btn-default btn-xs btn_position btn_slide_down"><i class="fa fa-chevron-down"></i></button> |
</a> |
|
<div class="note_menu" tabindex='-1'> |
<dl> |
<dt><button type="button" class="btn btn-default btn-xs btn_move" title='移动至...'><i class="fa fa-random"></i></button></dt> |
<dt><button type="button" class="btn btn-default btn-xs btn_share" title='分享'><i class="fa fa-sitemap"></i></button></dt> |
<dt><button type="button" class="btn btn-default btn-xs btn_delete" title='删除'><i class="fa fa-times"></i></button></dt> |
</dl> |
</div> |
</li> |
--> |
</ul> |
</div> |
</div> |
</div> |
</aside> |
</div> |
<!-- 全部笔记 --> |
<!-- 回收站笔记 --> |
<div class="col-xs-3" style='padding:0;display:none;' id='pc_part_4'> |
<div class="pc_top_second"> |
<h3>回收站笔记</h3> |
</div> |
<aside class="side-right" id='four_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body"> |
<ul id="gc_ul" class="contacts-list"> |
<!-- |
<li class="disable"><a ><i class="fa fa-file-text-o" title="online" rel="tooltip-bottom"></i> 虚假回收站笔记<button type="button" class="btn btn-default btn-xs btn_position btn_delete"><i class="fa fa-times"></i></button><button type="button" class="btn btn-default btn-xs btn_position_2 btn_replay"><i class="fa fa-reply"></i></button></a></li> |
--> |
</ul> |
</div> |
</div> |
</div> |
</aside> |
</div> |
<!-- 回收站笔记 --> |
<!-- 搜索笔记列表 --> |
<div class="col-xs-3" style='padding:0;display:none;' id='pc_part_6'> |
<div class="pc_top_second"> |
<h3>搜索结果</h3> |
</div> |
<aside class="side-right" id='sixth_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body"> |
<ul class="contacts-list" id="search_ul"> |
</ul> |
</div> |
</div> |
<div id='more_note'>更多...</div> |
</div> |
</aside> |
</div> |
<!-- 搜索笔记列表 --> |
<!-- 收藏笔记列表 --> |
<div class="col-xs-3" style='padding:0;display:none;' id='pc_part_7'> |
<div class="pc_top_second"> |
<h3>已收藏笔记</h3> |
</div> |
<aside class="side-right" id='seventh_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body"> |
<ul class="contacts-list"> |
<!--li class="idle"><a ><i class="fa fa-file-text-o" title="online" rel="tooltip-bottom"></i> switch多分支结构<button type="button" class="btn btn-default btn-xs btn_position btn_delete"><i class="fa fa-times"></i></button></a></li--> |
</ul> |
</div> |
</div> |
</div> |
</aside> |
</div> |
<!-- 收藏笔记列表 --> |
<!-- 参加活动的笔记列表 --> |
<div class="col-xs-3" style='padding:0;display:none;' id='pc_part_8'> |
<div class="pc_top_second"> |
<h3>参加活动的笔记</h3> |
</div> |
<aside class="side-right" id='eighth_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body"> |
<ul class="contacts-list"> |
<!--li class="offline"><a ><i class="fa fa-file-text-o" title="online" rel="tooltip-bottom"></i> 样式用例（点击无效）</a></li--> |
</ul> |
</div> |
</div> |
</div> |
</aside> |
</div> |
<!-- 参加活动的笔记列表 --> |
<!-- 编辑笔记 --> |
<div class="col-sm-7" id='pc_part_3'> |
<!-- side-right --> |
<div class="pc_top_third"> |
<div class="row"> |
<div class="col-xs-9"> |
<h3>编辑笔记</h3> |
</div> |
|
<div class="col-xs-3"> |
<button type="button" class="btn btn-block btn-sm btn-primary" id='save_note'>保存笔记</button> |
</div> |
|
</div> |
</div> |
<aside class="side-right" id='third_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body clear_margin"> |
<!--- 笔记标题 ---> |
<div class="row" > |
<div class="col-xs-8"> |
<input type="text" class="form-control" id="input_note_title" placeholder='笔记标题...'> |
</div> |
</div> |
<!--- 笔记标题 ---> |
<div class="row"> |
<div class="col-sm-12"> |
<!--- 输入框 ---> |
<script type="text/plain" id="myEditor" style="width:100%;height:400px;"> |
</script> |
<!--- 输入框 ---> |
</div> |
</div> |
</div> |
</div> |
</div> |
</aside> |
</div> |
<!-- 编辑笔记 --> |
<!-- 预览笔记 --> |
<div class="col-sm-7" id='pc_part_5' style='display:none;' > |
<div class="pc_top_third"> |
<div class="row"> |
<div class="col-xs-9"> |
<h3>预览笔记</h3> |
</div> |
</div> |
</div> |
<aside class="side-right" id='fifth_side_right'> |
<div class="module" data-toggle="niceScroll"> |
<div class="chat-contact"> |
<div class="contact-body clear_margin"> |
<h4 id="noput_note_title"></h4> |
<p id="t1"> |
</p> |
</div> |
</div> |
</div> |
</aside> |
</div> |
<!-- 预览笔记 --> |
</div> |
<footer> |
<p>© 2014 Stilearning</p> |
<div style='position:absolute;top:5PX;height:30px;right:20px;line-height:26px;border:1px solid #0E7D76;display:none;background:#fff'> |
<strong style='color:#0E7D76;margin:0 10px;'></strong> |
</div> |
</footer> |
<script type="text/javascript"> |
//加载DOM之后处理页面高度 |
function get_dom(e){ |
return document.getElementById(e); |
} |
function set_height(){ |
var pc_height=window.innerHeight; |
pc_height=pc_height-132; |
get_dom('first_side_right').style.height=(pc_height-31)+'px'; |
get_dom('second_side_right').style.height=pc_height+'px'; |
get_dom('four_side_right').style.height=pc_height+'px'; |
get_dom('sixth_side_right').style.height=pc_height+'px'; |
get_dom('seventh_side_right').style.height=pc_height+'px'; |
get_dom('eighth_side_right').style.height=pc_height+'px'; |
get_dom('third_side_right').style.height=(pc_height-15)+'px'; |
get_dom('fifth_side_right').style.height=(pc_height-15)+'px'; |
} |
function myEditorWidth(){ |
var dom=get_dom('third_side_right'); |
var style=dom.currentStyle||window.getComputedStyle(dom, null); |
get_dom('myEditor').style.width=style.width; |
} |
set_height(); |
//改变窗口大小时调整页面尺寸 |
window.onresize=function(){ |
set_height(); |
var width=$('#third_side_right').width()-35; |
$('.edui-container,.edui-editor-body').width(width); |
$('#myEditor').width(width-20); |
}; |
</script> |
<script type="text/javascript" src="scripts/jquery.min.js"></script> |
<!-- Bootstrap框架JS --> |
<script src="scripts/bootstrap.min.js"></script> |
<script src="scripts/js-prototype.js"></script> |
<script src="scripts/theme-setup.js"></script> |
<!-- Google-Code代码高亮JS --> |
<script class="re-execute" src="scripts/run_prettify.js"></script> |
<!-- Ueditor编辑器JS --> |
<script type="text/javascript" charset="utf-8" src="scripts/ue/umeditor.config.js"></script> |
<script type="text/javascript" charset="utf-8" src="scripts/ue/umeditor.min.js"></script> |
<script type="text/javascript" src="scripts/ue/lang/zh-cn.js"></script> |
|
<script type="text/javascript"> |
//重写JS原生alert函数 |
window.alert=function(e){ |
$('#can').load('./alert/alert_error.html',function(){ |
$('#error_info').text(' '+e); |
$('.opacity_bg').show(); |
}); |
} |
//实例化Ueditor编辑器 |
var um = UM.getEditor('myEditor'); |
</script> |
</body> |
</html> |
初级程序员
by: 擎天萌 发表于：2017-03-31 10:41:03 顶(0) | 踩(0) 回复
回复评论