<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>后台管理系统</title>
<meta name="author" content="DeathGhost" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="js/jquery.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($){
$(window).load(function(){
$("a[rel='load-content']").click(function(e){
e.preventDefault();
var url=$(this).attr("href");
$.get(url,function(data){
$(".content .mCSB_container").append(data); //load new content inside .mCSB_container
//scroll-to appended content
$(".content").mCustomScrollbar("scrollTo","h2:last");
});
});
$(".content").delegate("a[href='top']","click",function(e){
e.preventDefault();
$(".content").mCustomScrollbar("scrollTo",$(this).attr("href"));
});
});
})(jQuery);
</script>
</head>
<body>
<!--header-->
<header>
<h1><img src="images/admin_logo.png"/></h1>
<ul class="rt_nav">
<li><a href="#" class="set_icon">账号设置</a></li>
<li><a href="login.html" class="quit_icon">安全退出</a></li>
</ul>
</header>
<!--aside nav-->
<!--aside nav-->
<aside class="lt_aside_nav content mCustomScrollbar">
<h2><a href="index.html">起始页</a></h2>
<ul>
<li>
<dl>
<dt>图书管理</dt>
<!--当前链接则添加class:active-->
<dd><a href="product_list.html" class="active">图书列表示例</a></dd>
<dd><a href="product_detail.html">图书详情示例</a></dd>
</dl>
</li>
</ul>
</aside>
<section class="rt_wrap content mCustomScrollbar">
<div class="rt_content">
<div class="page_title">
<h2 class="fl">图书详情示例</h2>
<a class="fr top_rt_btn">返回图书列表</a>
</div>
<section>
<ul class="ulColumn2">
<li>
<span class="item_name" style="width:120px;">图书名称：</span>
<input type="text" class="textbox textbox_295" placeholder="图书名称..."/>
<span class="errorTips">错误提示信息...</span>
</li>
<li>
<span class="item_name" style="width:120px;">图书货号：</span>
<input type="text" class="textbox" placeholder="图书货号..."/>
<span class="errorTips">错误提示信息...</span>
</li>
<li>
<span class="item_name" style="width:120px;">分类：</span>
<select class="select">
<option>选择图书分类</option>
</select>
<span class="errorTips">错误提示信息...</span>
</li>
<li>
<span class="item_name" style="width:120px;">推荐：</span>
<label class="single_selection"><input type="radio" name="name"/>是否精品</label>
<label class="single_selection"><input type="radio" name="name"/>是否热销</label>
<label class="single_selection"><input type="radio" name="name"/>是否新品</label>
</li>
<li>
<span class="item_name" style="width:120px;">上传图片：</span>
<label class="uploadImg">
<input type="file"/>
<span>上传图片</span>
</label>
</li>
<li>
<span class="item_name" style="width:120px;">图书详情：</span>
<script id="editor" type="text/plain" style="width:1024px;height:500px;margin-left:120px;margin-top:0;"></script>
<!--ueditor可删除下列信息-->
<div id="btns" style="margin-left:120px;margin-top:8px;">
<div>
<button onclick="getAllHtml()">获得整个html的内容</button>
<button onclick="getContent()">获得内容</button>
<button onclick="setContent()">写入内容</button>
<button onclick="setContent(true)">追加内容</button>
<button onclick="getContentTxt()">获得纯文本</button>
<button onclick="getPlainTxt()">获得带格式的纯文本</button>
<button onclick="hasContent()">判断是否有内容</button>
<button onclick="setFocus()">使编辑器获得焦点</button>
<button onmousedown="isFocus(event)">编辑器是否获得焦点</button>
<button onmousedown="setblur(event)" >编辑器失去焦点</button>
</div>
<div>
<button onclick="getText()">获得当前选中的文本</button>
<button onclick="insertHtml()">插入给定的内容</button>
<button id="enable" onclick="setEnabled()">可以编辑</button>
<button onclick="setDisabled()">不可编辑</button>
<button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
<button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
<button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button>
</div>
<div>
<button onclick="getLocalData()" >获取草稿箱内容</button>
<button onclick="clearLocalData()" >清空草稿箱</button>
</div>
</div>
</li>
<li>
<span class="item_name" style="width:120px;"></span>
<input type="submit" class="link_btn"/>
</li>
</ul>
</section>
</div>
</section>
<script src="js/ueditor.config.js"></script>
<script src="js/ueditor.all.min.js"> </script>
<script type="text/javascript">
//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
var ue = UE.getEditor('editor');
function isFocus(e){
alert(UE.getEditor('editor').isFocus());
UE.dom.domUtils.preventDefault(e)
}
function setblur(e){
UE.getEditor('editor').blur();
UE.dom.domUtils.preventDefault(e)
}
function insertHtml() {
var value = prompt('插入html代码', '');
UE.getEditor('editor').execCommand('insertHtml', value)
}
function createEditor() {
enableBtn();
UE.getEditor('editor');
}
function getAllHtml() {
alert(UE.getEditor('editor').getAllHtml())
}
function getContent() {
var arr = [];
arr.push("使用editor.getContent()方法可以获得编辑器的内容");
arr.push("内容为：");
arr.push(UE.getEditor('editor').getContent());
alert(arr.join("\n"));
}
function getPlainTxt() {
var arr = [];
arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
arr.push("内容为：");
arr.push(UE.getEditor('editor').getPlainTxt());
alert(arr.join('\n'))
}
function setContent(isAppendTo) {
var arr = [];
arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
alert(arr.join("\n"));
}
function setDisabled() {
UE.getEditor('editor').setDisabled('fullscreen');
disableBtn("enable");
}
function setEnabled() {
UE.getEditor('editor').setEnabled();
enableBtn();
}
function getText() {
//当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
var range = UE.getEditor('editor').selection.getRange();
range.select();
var txt = UE.getEditor('editor').selection.getText();
alert(txt)
}
function getConte
tushu.zip_仅供参考_功能较少_图书管理系统后台页面代码 （286个子文件） 
beyond.css 370KB bootstrap.css 115KB jquery.mCustomScrollbar.css 54KB animate.css 53KB ueditor.css 45KB ueditor.min.css 34KB font-awesome.css 23KB image.css 19KB style.css 15KB video.css 15KB attachment.css 15KB typicons.css 14KB common.css 13KB weather-icons.css 6KB admin_login.css 4KB scrawl.css 4KB demo.css 3KB main.css 3KB charts.css 3KB background.css 2KB emotion.css 2KB dialogbase.css 2KB music.css 2KB edittable.css 1KB template.css 1KB help.css 395B iframe.css 42B fontawesome-webfont.eot 38KB glyphicons-halflings-regular.eot 20KB icomoon.eot 18KB adminthemes-webfont.eot 6KB
wface.gif 49KB jxface2.gif 40KB yface.gif 28KB bface.gif 27KB icons.gif 20KB file-icons.gif 20KB file-icons.gif 20KB tface.gif 19KB fface.gif 18KB cface.gif 8KB icons-all.gif 4KB videologo.gif 2KB cancelbutton.gif 1KB button-bg.gif 1KB lock.gif 1KB alignicon.gif 1KB word.gif 1019B icon_doc.gif 1012B icon_psd.gif 1009B icon_rar.gif 1007B icon_xls.gif 1005B icon_mv.gif 1001B icon_ppt.gif 1001B icon_pdf.gif 996B icon_mp3.gif 986B icon_txt.gif 970B onShow.gif 951B icon_jpg.gif 950B icon_exe.gif 949B icon_chm.gif 923B loading.gif 734B onCorrect.gif 634B onFocus.gif 633B onError.gif 633B icons.gif 453B icons.gif 453B icons.gif 453B success.gif 445B success.gif 445B success.gif 445B cursor_v.gif 370B cursor_h.gif 253B anchor.gif 184B admin-login-btnbg.gif 148B highlighted.gif 111B unhighlighted.gif 111B bg.gif 84B pagebreak.gif 54B spacer.gif 43B 0.gif 43B edit.htm 24KB list.htm 12KB index.htm 9KB login.htm 2KB
product_detail.html 10KB design.html 8KB system.html 8KB wordimage.html 6KB map.html 6KB insert.html 6KB emotion.html 6KB image.html 6KB show.html 5KB charts.html 5KB product_list.html 4KB link.html 4KB insertframe.html 4KB searchreplace.html 4KB video.html 4KB共 286 条
- 1
- 2
- 3
资源评论
