mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-09-19 01:58:01 +08:00
删除AceAdmin界面，使用基于bootstrap的B-JUI前端构架
This commit is contained in:
yubaolee
@@ -1,140 +1,334 @@
|
||||
@{
|
||||
Layout = "~/Views/Shared/_Layout.cshtml";
|
||||
}
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>B-JUI 客户端框架</title>
|
||||
<meta name="Keywords" content="B-JUI,Bootstrap,DWZ,jquery,ui,前端,框架,开源,OSC,开源框架,knaan" />
|
||||
<meta name="Description" content="B-JUI, Bootstrap for DWZ富客户端框架，基于DWZ富客户端框架修改。主要针对皮肤，编辑器，表单验证等方面进行了大量修改，引入了Bootstrap，Font Awesome，KindEditor，jquery.validationEngine，iCheck等众多开源项目。交流QQ群：232781006。" />
|
||||
<!-- bootstrap - css -->
|
||||
<link href="~/BJUI/themes/css/bootstrap.css" rel="stylesheet">
|
||||
<!-- core - css -->
|
||||
<link href="~/BJUI/themes/css/style.css" rel="stylesheet">
|
||||
<link href="~/BJUI/themes/blue/core.css" id="bjui-link-theme" rel="stylesheet">
|
||||
<!-- plug - css -->
|
||||
<link href="~/BJUI/plugins/kindeditor_4.1.10/themes/default/default.css" rel="stylesheet">
|
||||
<link href="~/BJUI/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">
|
||||
<link href="~/BJUI/plugins/niceValidator/jquery.validator.css" rel="stylesheet">
|
||||
<link href="~/BJUI/plugins/bootstrapSelect/bootstrap-select.css" rel="stylesheet">
|
||||
<link href="~/BJUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">
|
||||
<!--[if lte IE 7]>
|
||||
<link href="~/BJUI/themes/css/ie7.css" rel="stylesheet">
|
||||
<![endif]-->
|
||||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lte IE 9]>
|
||||
<script src="~/BJUI/other/html5shiv.min.js"></script>
|
||||
<script src="~/BJUI/other/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
<!-- jquery -->
|
||||
<script src="~/BJUI/js/jquery-1.7.2.min.js"></script>
|
||||
<script src="~/BJUI/js/jquery.cookie.js"></script>
|
||||
<!--[if lte IE 9]>
|
||||
<script src="~/BJUI/other/jquery.iframe-transport.js"></script>
|
||||
<![endif]-->
|
||||
<!-- BJUI.all 分模块压缩版 -->
|
||||
<script src="~/BJUI/js/bjui-all.js"></script>
|
||||
|
||||
<!-- plugins -->
|
||||
<!-- swfupload for uploadify && kindeditor -->
|
||||
<script src="~/BJUI/plugins/swfupload/swfupload.js"></script>
|
||||
<!-- kindeditor -->
|
||||
<script src="~/BJUI/plugins/kindeditor_4.1.10/kindeditor-all.min.js"></script>
|
||||
<script src="~/BJUI/plugins/kindeditor_4.1.10/lang/zh_CN.js"></script>
|
||||
<!-- colorpicker -->
|
||||
<script src="~/BJUI/plugins/colorpicker/js/bootstrap-colorpicker.min.js"></script>
|
||||
<!-- ztree -->
|
||||
<script src="~/BJUI/plugins/ztree/jquery.ztree.all-3.5.js"></script>
|
||||
<!-- nice validate -->
|
||||
<script src="~/BJUI/plugins/niceValidator/jquery.validator.js"></script>
|
||||
<script src="~/BJUI/plugins/niceValidator/jquery.validator.themes.js"></script>
|
||||
<!-- bootstrap plugins -->
|
||||
<script src="~/BJUI/plugins/bootstrap.min.js"></script>
|
||||
<script src="~/BJUI/plugins/bootstrapSelect/bootstrap-select.min.js"></script>
|
||||
<script src="~/BJUI/plugins/bootstrapSelect/defaults-zh_CN.min.js"></script>
|
||||
<!-- icheck -->
|
||||
<script src="~/BJUI/plugins/icheck/icheck.min.js"></script>
|
||||
<!-- dragsort -->
|
||||
<script src="~/BJUI/plugins/dragsort/jquery.dragsort-0.5.1.min.js"></script>
|
||||
<!-- HighCharts -->
|
||||
<script src="~/BJUI/plugins/highcharts/highcharts.js"></script>
|
||||
<script src="~/BJUI/plugins/highcharts/highcharts-3d.js"></script>
|
||||
<script src="~/BJUI/plugins/highcharts/themes/gray.js"></script>
|
||||
<!-- ECharts -->
|
||||
<script src="~/BJUI/plugins/echarts/echarts.js"></script>
|
||||
<!-- other plugins -->
|
||||
<script src="~/BJUI/plugins/other/jquery.autosize.js"></script>
|
||||
<link href="~/BJUI/plugins/uploadify/css/uploadify.css" rel="stylesheet">
|
||||
<script src="~/BJUI/plugins/uploadify/scripts/jquery.uploadify.min.js"></script>
|
||||
<script src="~/BJUI/plugins/download/jquery.fileDownload.js"></script>
|
||||
<!-- init -->
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
BJUI.init({
|
||||
JSPATH: 'BJUI/', //[可选]框架路径
|
||||
PLUGINPATH: 'BJUI/plugins/', //[可选]插件路径
|
||||
loginInfo: { url: 'Login', title: '登录', width: 400, height: 200 }, // 会话超时后弹出登录对话框
|
||||
statusCode: { ok: 200, error: 300, timeout: 301 }, //[可选]
|
||||
ajaxTimeout: 50000, //[可选]全局Ajax请求超时时间(毫秒)
|
||||
pageInfo: { total: 'total', pageCurrent: 'pageCurrent', pageSize: 'pageSize', orderField: 'orderField', orderDirection: 'orderDirection' }, //[可选]分页参数
|
||||
alertMsg: { displayPosition: 'topcenter', displayMode: 'slide', alertTimeout: 3000 }, //[可选]信息提示的显示位置，显隐方式，及[info/correct]方式时自动关闭延时(毫秒)
|
||||
keys: { statusCode: 'statusCode', message: 'message' }, //[可选]
|
||||
ui: {
|
||||
windowWidth: 0, //框架可视宽度，0=100%宽，> 600为则居中显示
|
||||
showSlidebar: true, //[可选]左侧导航栏锁定/隐藏
|
||||
clientPaging: true, //[可选]是否在客户端响应分页及排序参数
|
||||
overwriteHomeTab: false //[可选]当打开一个未定义id的navtab时，是否可以覆盖主navtab(我的主页)
|
||||
},
|
||||
debug: true, // [可选]调试模式 [true|false，默认false]
|
||||
theme: 'sky' // 若有Cookie['bjui_theme'],优先选择Cookie['bjui_theme']。皮肤[五种皮肤:default, orange, purple, blue, red, green]
|
||||
})
|
||||
|
||||
<div class="main-content">
|
||||
<div id="breadcrumbs">
|
||||
<ul class="breadcrumb">
|
||||
<li><i class="icon-home"></i> <a href="#">用户列表</a><span class="divider"><i class="icon-angle-right"></i></span></li>
|
||||
</ul><!--.breadcrumb-->
|
||||
</div><!--#breadcrumbs-->
|
||||
<div class="page-content">
|
||||
<div class="row">
|
||||
<div class="col-sm-6" style="width:100%;">
|
||||
<div class="dataTables_filter" id="sample-table-2_filter">
|
||||
<label>
|
||||
关键字: <input type="text" id="txtSearch" aria-controls="sample-table-2" placeholder="帐号/手机" />
|
||||
<a href="javascript:void(0)" id="btnSearch" class="btn btn-xs btn-pink" style="margin-top:-4px;">搜索</a>
|
||||
</label>
|
||||
// main - menu
|
||||
$('#bjui-accordionmenu')
|
||||
.collapse()
|
||||
.on('hidden.bs.collapse', function (e) {
|
||||
$(this).find('> .panel > .panel-heading').each(function () {
|
||||
var $heading = $(this), $a = $heading.find('> h4 > a')
|
||||
|
||||
if ($a.hasClass('collapsed')) $heading.removeClass('active')
|
||||
})
|
||||
})
|
||||
.on('shown.bs.collapse', function (e) {
|
||||
$(this).find('> .panel > .panel-heading').each(function () {
|
||||
var $heading = $(this), $a = $heading.find('> h4 > a')
|
||||
|
||||
if (!$a.hasClass('collapsed')) $heading.addClass('active')
|
||||
})
|
||||
})
|
||||
|
||||
$(document).on('click', 'ul.menu-items > li > a', function (e) {
|
||||
var $a = $(this), $li = $a.parent(), options = $a.data('options').toObj()
|
||||
var onClose = function () {
|
||||
$li.removeClass('active')
|
||||
}
|
||||
var onSwitch = function () {
|
||||
$('#bjui-accordionmenu').find('ul.menu-items > li').removeClass('switch')
|
||||
$li.addClass('switch')
|
||||
}
|
||||
|
||||
$li.addClass('active')
|
||||
if (options) {
|
||||
options.url = $a.attr('href')
|
||||
options.onClose = onClose
|
||||
options.onSwitch = onSwitch
|
||||
if (!options.title) options.title = $a.text()
|
||||
|
||||
if (!options.target)
|
||||
$a.navtab(options)
|
||||
else
|
||||
$a.dialog(options)
|
||||
}
|
||||
|
||||
e.preventDefault()
|
||||
})
|
||||
|
||||
//时钟
|
||||
var today = new Date(), time = today.getTime()
|
||||
$('#bjui-date').html(today.formatDate('yyyy/MM/dd'))
|
||||
setInterval(function () {
|
||||
today = new Date(today.setSeconds(today.getSeconds() + 1))
|
||||
$('#bjui-clock').html(today.formatDate('HH:mm:ss'))
|
||||
}, 1000)
|
||||
})
|
||||
|
||||
//菜单-事件
|
||||
function MainMenuClick(event, treeId, treeNode) {
|
||||
event.preventDefault()
|
||||
|
||||
if (treeNode.isParent) {
|
||||
var zTree = $.fn.zTree.getZTreeObj(treeId)
|
||||
|
||||
zTree.expandNode(treeNode, !treeNode.open, false, true, true)
|
||||
return
|
||||
}
|
||||
|
||||
if (treeNode.target && treeNode.target == 'dialog')
|
||||
$(event.target).dialog({ id: treeNode.tabid, url: treeNode.url, title: treeNode.name })
|
||||
else
|
||||
$(event.target).navtab({ id: treeNode.tabid, url: treeNode.url, title: treeNode.name, fresh: treeNode.fresh, external: treeNode.external })
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lte IE 7]>
|
||||
<div id="errorie"><div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a> 强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
|
||||
<![endif]-->
|
||||
<div id="bjui-window">
|
||||
<header id="bjui-header">
|
||||
<div class="bjui-navbar-header">
|
||||
<button type="button" class="bjui-navbar-toggle btn-default" data-toggle="collapse" data-target="#bjui-navbar-collapse">
|
||||
<i class="fa fa-bars"></i>
|
||||
</button>
|
||||
<a class="bjui-navbar-logo" href="#"><img src="~/BJUI/images/logo.png"></a>
|
||||
</div>
|
||||
<nav id="bjui-navbar-collapse">
|
||||
<ul class="bjui-navbar-right">
|
||||
<li class="datetime"><div><span id="bjui-date"></span> <span id="bjui-clock"></span></div></li>
|
||||
<li><a href="#">消息 <span class="badge">4</span></a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">我的账户 <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="changepwd.html" data-toggle="dialog" data-id="changepwd_page" data-mask="true" data-width="400" data-height="260"> <span class="glyphicon glyphicon-lock"></span> 修改密码 </a></li>
|
||||
<li><a href="#"> <span class="glyphicon glyphicon-user"></span> 我的资料</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="Login" class="red"> <span class="glyphicon glyphicon-off"></span> 注销登陆</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle theme blue" data-toggle="dropdown" title="切换皮肤"><i class="fa fa-tree"></i></a>
|
||||
<ul class="dropdown-menu" role="menu" id="bjui-themes">
|
||||
<li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default"> <i class="fa fa-tree"></i> 黑白分明 </a></li>
|
||||
<li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange"> <i class="fa fa-tree"></i> 橘子红了</a></li>
|
||||
<li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple"> <i class="fa fa-tree"></i> 紫罗兰</a></li>
|
||||
<li class="active"><a href="javascript:;" class="theme_blue" data-toggle="theme" data-theme="blue"> <i class="fa fa-tree"></i> 天空蓝</a></li>
|
||||
<li><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green"> <i class="fa fa-tree"></i> 绿草如茵</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="bjui-hnav">
|
||||
<button type="button" class="btn-default bjui-hnav-more-left" title="导航菜单左移"><i class="fa fa-angle-double-left"></i></button>
|
||||
<div id="bjui-hnav-navbar-box">
|
||||
<ul id="bjui-hnav-navbar">
|
||||
<li class="active">
|
||||
<a href="javascript:;" data-toggle="slidebar"><i class="fa fa-check-square-o"></i> 应用管理</a>
|
||||
<div class="items hide" data-noinit="true">
|
||||
<ul id="bjui-doc-tree-base" class="ztree ztree_main" data-toggle="ztree" data-on-click="MainMenuClick"
|
||||
data-expand-all="true" data-faicon="star-o" data-tit="基本设置">
|
||||
<li data-id="99" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">文件列表</li>
|
||||
<li data-id="100" data-pid="99" data-url="doc/base/filelist.html" data-tabid="doc-file" data-faicon="caret-right">文件详解</li>
|
||||
<li data-id="1" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o" data-faicon="caret-right">框架介绍</li>
|
||||
<li data-id="10" data-pid="1" data-url="doc/base/structure.html" data-tabid="doc-base" data-faicon="caret-right">页面结构</li>
|
||||
<li data-id="11" data-pid="1" data-url="doc/base/init.html" data-tabid="doc-base" data-faicon="caret-right">框架初始化</li>
|
||||
<li data-id="12" data-pid="1" data-url="doc/base/hnav.html" data-tabid="doc-base" data-faicon="caret-right">横向导航菜单</li>
|
||||
<li data-id="13" data-pid="1" data-url="doc/base/navtab.html" data-tabid="doc-base" data-faicon="caret-right">标签工作区(navtab)</li>
|
||||
<li data-id="14" data-pid="1" data-url="doc/base/dialog.html" data-tabid="doc-base" data-faicon="caret-right">弹窗工作区(dialog)</li>
|
||||
<li data-id="15" data-pid="1" data-url="doc/base/idname.html" data-tabid="doc-base" data-faicon="caret-right">元素ID命名规范</li>
|
||||
<li data-id="16" data-pid="1" data-url="doc/base/data.html" data-tabid="doc-base" data-faicon="caret-right">data属性</li>
|
||||
<li data-id="17" data-pid="1" data-url="doc/base/api.html" data-tabid="doc-base" data-faicon="caret-right">jQuery API调用</li>
|
||||
<li data-id="18" data-pid="1" data-url="doc/base/event.html" data-tabid="doc-base" data-faicon="caret-right">事件</li>
|
||||
<li data-id="19" data-pid="1" data-url="doc/base/url.html" data-tabid="doc-base" data-update="true" data-faicon="caret-right">URL动态赋值</li>
|
||||
<li data-id="9" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o" data-faicon="caret-right">框架皮肤</li>
|
||||
<li data-id="90" data-pid="9" data-url="doc/theme/color.html" data-tabid="doc-theme" data-faicon="caret-right">颜色值</li>
|
||||
</ul>
|
||||
<ul id="bjui-doc-tree-module" class="ztree ztree_main" data-toggle="ztree" data-on-click="MainMenuClick" data-expand-all="true" data-faicon="th" data-tit="框架组件">
|
||||
<li data-id="2" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">标签navtab</li>
|
||||
<li data-id="20" data-pid="2" data-url="doc/navtab/navtab.html" data-tabid="doc-navtab" data-faicon="caret-right">创建navtab</li>
|
||||
<li data-id="21" data-pid="2" data-url="doc/navtab/navtab-op.html" data-tabid="doc-navtab" data-faicon="caret-right">参数及方法</li>
|
||||
<li data-id="3" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o" data-faicon="caret-right">弹窗dialog</li>
|
||||
<li data-id="30" data-pid="3" data-url="doc/dialog/dialog.html" data-tabid="doc-dialog" data-faicon="caret-right">创建dialog</li>
|
||||
<li data-id="31" data-pid="3" data-url="doc/dialog/dialog-op.html" data-tabid="doc-dialog" data-faicon="caret-right">参数及方法</li>
|
||||
<li data-id="alertmsg" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o" data-faicon="caret-right">信息提示alertmsg</li>
|
||||
<li data-id="alertmsg-op" data-pid="alertmsg" data-url="doc/alertmsg/alertmsg.html" data-tabid="doc-alertmsg" data-faicon="caret-right">提示框alertmsg</li>
|
||||
<li data-id="6" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">表单相关</li>
|
||||
<li data-id="60" data-pid="6" data-url="doc/form/datepicker.html" data-tabid="doc-form" data-faicon="caret-right">日期选择器</li>
|
||||
<li data-id="61" data-pid="6" data-url="doc/form/spinner.html" data-tabid="doc-form" data-faicon="caret-right">微调器</li>
|
||||
<li data-id="62" data-pid="6" data-url="doc/form/lookup.html" data-tabid="doc-form" data-faicon="caret-right">查找带回</li>
|
||||
<li data-id="63" data-pid="6" data-url="doc/form/tags.html" data-tabid="doc-form" data-faicon="caret-right">自动完成标签</li>
|
||||
<li data-id="64" data-pid="6" data-url="doc/form/upload.html" data-tabid="doc-form" data-faicon="caret-right">上传组件</li>
|
||||
<li data-id="8" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">右键菜单</li>
|
||||
<li data-id="80" data-pid="8" data-url="doc/other/contextmenu.html" data-tabid="doc-other" data-faicon="caret-right">右键菜单</li>
|
||||
</ul>
|
||||
<ul id="bjui-doc-tree-ajax" class="ztree ztree_main" data-toggle="ztree" data-on-click="MainMenuClick" data-expand-all="true" data-faicon="spinner" data-tit="Ajax">
|
||||
<li data-id="4" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">Ajax</li>
|
||||
<li data-id="40" data-pid="4" data-url="doc/ajax/callback.html" data-tabid="doc-ajax" data-faicon="caret-right">回调函数</li>
|
||||
<li data-id="41" data-pid="4" data-url="doc/ajax/form.html" data-tabid="doc-ajax" data-faicon="caret-right">提交表单</li>
|
||||
<li data-id="42" data-pid="4" data-url="doc/ajax/search.html" data-tabid="doc-ajax" data-faicon="caret-right">搜索表单</li>
|
||||
<li data-id="43" data-pid="4" data-url="doc/ajax/load.html" data-tabid="doc-ajax" data-faicon="caret-right">加载(局部刷新)</li>
|
||||
<li data-id="44" data-pid="4" data-url="doc/ajax/action.html" data-tabid="doc-ajax" data-faicon="caret-right">执行动作</li>
|
||||
</ul>
|
||||
<ul id="bjui-doc-tree-table" class="ztree ztree_main" data-toggle="ztree" data-on-click="MainMenuClick" data-expand-all="true" data-faicon="table" data-tit="表格相关">
|
||||
<li data-id="7" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">普通表格</li>
|
||||
<li data-id="70" data-pid="7" data-url="doc/table/style.html" data-tabid="doc-table" data-faicon="caret-right">表格样式</li>
|
||||
<li data-id="71" data-pid="7" data-url="doc/table/order.html" data-tabid="doc-table" data-faicon="caret-right">字段排序</li>
|
||||
<li data-id="72" data-pid="7" data-url="doc/table/paging.html" data-tabid="doc-table" data-faicon="caret-right">分页组件</li>
|
||||
<li data-id="73" data-pid="7" data-url="doc/table/selected.html" data-tabid="doc-table" data-faicon="caret-right">行选中操作</li>
|
||||
<li data-id="74" data-pid="7" data-url="doc/table/fixed.html" data-tabid="doc-table" data-faicon="caret-right">固定表头</li>
|
||||
<li data-id="75" data-pid="7" data-url="doc/table/edit.html" data-tabid="doc-table" data-faicon="caret-right">可编辑表格</li>
|
||||
<li data-id="datagrid" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">Datagrid</li>
|
||||
<li data-id="datagrid-demo" data-pid="datagrid" data-url="doc/datagrid/datagrid-demo.html" data-tabid="doc-datagrid-demo" data-faicon="caret-right">datagrid示例</li>
|
||||
<li data-id="datagrid-op" data-pid="datagrid" data-url="doc/datagrid/datagrid-op.html" data-tabid="doc-datagrid-op" data-faicon="caret-right">datagrid参数</li>
|
||||
<li data-id="datagrid-columns" data-pid="datagrid" data-url="doc/datagrid/datagrid-columns.html" data-tabid="doc-datagrid-columns" data-faicon="caret-right">columns参数</li>
|
||||
</ul>
|
||||
<ul id="bjui-doc-tree-chart" class="ztree ztree_main" data-toggle="ztree" data-on-click="MainMenuClick" data-expand-all="true" data-faicon="image" data-tit="图形报表(插件)">
|
||||
<li data-id="5" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">图形报表(插件)</li>
|
||||
<li data-id="50" data-pid="5" data-url="doc/chart/highcharts.html" data-tabid="doc-highcharts" data-faicon="caret-right">Highcharts图表</li>
|
||||
<li data-id="50" data-pid="5" data-url="doc/chart/echarts.html" data-tabid="doc-echarts" data-faicon="caret-right">ECharts图表</li>
|
||||
</ul>
|
||||
<ul id="bjui-doc-tree-other" class="ztree ztree_main" data-toggle="ztree" data-on-click="MainMenuClick" data-expand-all="true" data-faicon="bug" data-tit="其他插件">
|
||||
<li data-id="other" data-pid="0" data-faicon="folder-open-o" data-faicon-close="folder-o">其他插件</li>
|
||||
<li data-id="ztree" data-pid="other" data-url="doc/plugin/ztree.html" data-tabid="doc-ztree" data-faicon="caret-right">zTree</li>
|
||||
<li data-id="icheck" data-pid="other" data-url="doc/plugin/checkbox.html" data-tabid="doc-icheck" data-faicon="caret-right">复选/单选</li>
|
||||
<li data-id="selectpicker" data-pid="other" data-url="doc/plugin/select.html" data-tabid="doc-selectpicker" data-faicon="caret-right">下拉选择框</li>
|
||||
<li data-id="nicevalidator" data-pid="other" data-url="doc/plugin/validate.html" data-tabid="doc-nicevalidator" data-faicon="caret-right">表单验证</li>
|
||||
<li data-id="kindeditor" data-pid="other" data-url="doc/plugin/kindeditor.html" data-tabid="doc-kindeditor" data-faicon="caret-right">KindEditor</li>
|
||||
<li data-id="ajaxdownload" data-pid="other" data-url="doc/plugin/ajaxdownload.html" data-tabid="doc-ajaxdownload" data-faicon="caret-right">Ajax Download</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog"></i> 系统设置 <span class="caret"></span></a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#">角色权限</a></li>
|
||||
<li><a href="#">用户列表</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">关于我们</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#">友情链接</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-default bjui-hnav-more-right" title="导航菜单右移"><i class="fa fa-angle-double-right"></i></button>
|
||||
</div>
|
||||
</header>
|
||||
<div id="bjui-container">
|
||||
<div id="bjui-leftside">
|
||||
<div id="bjui-sidebar-s">
|
||||
<div class="collapse"></div>
|
||||
</div>
|
||||
<div id="bjui-sidebar">
|
||||
<div class="toggleCollapse"><h2><i class="fa fa-bars"></i> 导航栏 <i class="fa fa-bars"></i></h2><a href="javascript:;" class="lock"><i class="fa fa-lock"></i></a></div>
|
||||
<div class="panel-group panel-main" data-toggle="accordion" id="bjui-accordionmenu" data-heightbox="#bjui-sidebar" data-offsety="26">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PAGE CONTENT BEGINS HERE -->
|
||||
<div class="col-xs-12">
|
||||
<table id="grid-table"></table>
|
||||
<div id="grid-pager"></div>
|
||||
</div><!--/row-->
|
||||
<!-- PAGE CONTENT ENDS HERE -->
|
||||
</div><!--/row-->
|
||||
</div><!--/#page-content-->
|
||||
</div><!-- /.main-content -->
|
||||
|
||||
<script src="~/assets/js/jqGrid/jquery.jqGrid.min.js"></script>
|
||||
<script src="~/assets/js/jqGrid/i18n/grid.locale-en.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
$("#btnSearch").click(function () {
|
||||
var searchString = $("#txtSearch").val();
|
||||
var grid = $('#grid-table');
|
||||
grid[0].p.search = true;
|
||||
$.extend(grid[0].p.postData, { kw: searchString });
|
||||
grid.trigger("reloadGrid", [{ page: 1 }]);
|
||||
});
|
||||
GetData();
|
||||
});
|
||||
function GetData() {
|
||||
var grid_selector = "#grid-table";
|
||||
var pager_selector = "#grid-pager";
|
||||
jQuery(grid_selector).jqGrid({
|
||||
url: "/Home/LoadUsers",
|
||||
mtype: "post",
|
||||
datatype: "json",
|
||||
height: '100%',
|
||||
width: '100%',
|
||||
colNames: ['UserId', '用户帐号', '是否可用', '操作'],
|
||||
colModel: [
|
||||
{ name: 'UserId', key: true, index: 'UserId', width: 30, editable: true, hidden: true },
|
||||
{ name: 'Account', index: 'Account', width: 30, editable: false },
|
||||
{
|
||||
name: 'Enabled', index: 'Enabled', width: 30, editable: true, edittype: "checkbox",
|
||||
editoptions: { value: "true:false" }, unformat: aceSwitch
|
||||
},
|
||||
{
|
||||
name: 'myac', index: '', width: 80, fixed: true, sortable: false, resize: false,
|
||||
formatter: 'actions',
|
||||
formatoptions: {
|
||||
delOptions: { recreateForm: true, beforeShowForm: beforeDeleteCallback }
|
||||
}
|
||||
}
|
||||
],
|
||||
viewrecords: true,
|
||||
rowNum: 10,
|
||||
rowList: [10, 20, 30],
|
||||
pager: pager_selector,
|
||||
altRows: true,
|
||||
//toppager: true,
|
||||
multiselect: true,
|
||||
multiboxonly: true,
|
||||
loadComplete: function () {
|
||||
var table = this;
|
||||
setTimeout(function () {
|
||||
updatePagerIcons(table);
|
||||
enableTooltips(table);
|
||||
}, 0);
|
||||
},
|
||||
editurl: '@Url.Action("Login","Account")',//编辑删除
|
||||
caption: "当前用户列表",
|
||||
autowidth: true
|
||||
});
|
||||
//行内编辑时，checkbox样式
|
||||
function aceSwitch(cellvalue, options, cell) {
|
||||
setTimeout(function () {
|
||||
$(cell).find('input[type=checkbox]')
|
||||
.wrap('<label class="inline" />')
|
||||
.addClass('ace ace-switch ace-switch-5')
|
||||
.after('<span class="lbl"></span>');
|
||||
}, 0);
|
||||
}
|
||||
//分页栏中的功能按钮(只留了刷新功能）
|
||||
jQuery(grid_selector).jqGrid('navGrid', pager_selector,
|
||||
{ //navbar options
|
||||
edit: false,
|
||||
add: false,
|
||||
del: false,
|
||||
search: false,
|
||||
refresh: true,
|
||||
refreshicon: 'icon-refresh green',
|
||||
view: false,
|
||||
});
|
||||
//删除前的确认框
|
||||
function beforeDeleteCallback(e) {
|
||||
var form = $(e[0]);
|
||||
if (form.data('styled')) return false;
|
||||
form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />');
|
||||
var buttons = form.next().find('.EditButton .fm-button');
|
||||
buttons.addClass('btn btn-sm').find('[class*="-icon"]').remove();//ui-icon, s-icon
|
||||
buttons.eq(0).addClass('btn-danger').prepend('<i class="icon-trash"></i>');
|
||||
buttons.eq(1).prepend('<i class="icon-remove"></i>');
|
||||
form.data('styled', true);
|
||||
}
|
||||
//更新分页栏的按钮
|
||||
function updatePagerIcons(table) {
|
||||
var replacement =
|
||||
{
|
||||
'ui-icon-seek-first': 'icon-double-angle-left bigger-140',
|
||||
'ui-icon-seek-prev': 'icon-angle-left bigger-140',
|
||||
'ui-icon-seek-next': 'icon-angle-right bigger-140',
|
||||
'ui-icon-seek-end': 'icon-double-angle-right bigger-140'
|
||||
};
|
||||
$('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
|
||||
var icon = $(this);
|
||||
var $class = $.trim(icon.attr('class').replace('ui-icon', ''));
|
||||
if ($class in replacement) icon.attr('class', 'ui-icon ' + replacement[$class]);
|
||||
});
|
||||
}
|
||||
function enableTooltips(table) {
|
||||
$('.navtable .ui-pg-button').tooltip({ container: 'body' });
|
||||
$(table).find('.ui-pg-div').tooltip({ container: 'body' });
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<div id="bjui-navtab" class="tabsPage">
|
||||
<div class="tabsPageHeader">
|
||||
<div class="tabsPageHeaderContent">
|
||||
<ul class="navtab-tab nav nav-tabs">
|
||||
<li data-url="Main"><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
|
||||
<div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
|
||||
<div class="tabsMore"><i class="fa fa-angle-double-down"></i></div>
|
||||
</div>
|
||||
<ul class="tabsMoreList">
|
||||
<li><a href="javascript:;">#maintab#</a></li>
|
||||
</ul>
|
||||
<div class="navtab-panel tabsPageContent">
|
||||
<div class="navtabPage unitBox">
|
||||
<div class="bjui-pageContent" style="background:#FFF;">
|
||||
Loading...
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer id="bjui-footer">
|
||||
Copyright © 2015 yubaolee
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
237
OpenAuth.Mvc/Views/Home/Login.cshtml
Normal file
237
OpenAuth.Mvc/Views/Home/Login.cshtml
Normal file
@@ -0,0 +1,237 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>系统登录</title>
|
||||
<script src="~/BJUI/js/jquery-1.7.2.min.js"></script>
|
||||
<script src="~/BJUI/js/jquery.cookie.js"></script>
|
||||
<script src="~/BJUI/js/sha256.js"></script>
|
||||
<link href="~/BJUI/themes/css/bootstrap.min.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
* {
|
||||
font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background: url(/BJUI/images/loginbg_01.jpg) no-repeat center center fixed;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #285e8e;
|
||||
}
|
||||
|
||||
.main_box {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -260px;
|
||||
margin-left: -300px;
|
||||
padding: 30px;
|
||||
width: 600px;
|
||||
height: 460px;
|
||||
background: #FAFAFA;
|
||||
background: rgba(255,255,255,0.5);
|
||||
border: 1px #DDD solid;
|
||||
border-radius: 5px;
|
||||
-webkit-box-shadow: 1px 5px 8px #888888;
|
||||
-moz-box-shadow: 1px 5px 8px #888888;
|
||||
box-shadow: 1px 5px 8px #888888;
|
||||
}
|
||||
|
||||
.main_box .setting {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.main_box .setting a {
|
||||
color: #FF6600;
|
||||
}
|
||||
|
||||
.main_box .setting a:hover {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.login_logo {
|
||||
margin-bottom: 20px;
|
||||
height: 45px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login_logo img {
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.login_msg {
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.login_form {
|
||||
padding-top: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.login_box .form-control {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
zoom: 1;
|
||||
width: auto;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.login_box .form-control.x319 {
|
||||
width: 319px;
|
||||
}
|
||||
|
||||
.login_box .form-control.x164 {
|
||||
width: 164px;
|
||||
}
|
||||
|
||||
.login_box .form-group {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.login_box .form-group label.t {
|
||||
width: 120px;
|
||||
text-align: right;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.login_box .form-group.space {
|
||||
padding-top: 15px;
|
||||
border-top: 1px #FFF dotted;
|
||||
}
|
||||
|
||||
.login_box .form-group img {
|
||||
margin-top: 1px;
|
||||
height: 32px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.login_box .m {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
var COOKIE_NAME = 'sys__username';
|
||||
$(function () {
|
||||
choose_bg();
|
||||
//changeCode();
|
||||
if ($.cookie(COOKIE_NAME)) {
|
||||
$("#j_username").val($.cookie(COOKIE_NAME));
|
||||
$("#j_password").focus();
|
||||
$("#j_remember").attr('checked', true);
|
||||
} else {
|
||||
$("#j_username").focus();
|
||||
}
|
||||
/*$("#captcha_img").click(function(){
|
||||
changeCode();
|
||||
});*/
|
||||
$("#login_form").submit(function () {
|
||||
var issubmit = true;
|
||||
var i_index = 0;
|
||||
$(this).find('.in').each(function (i) {
|
||||
if ($.trim($(this).val()).length == 0) {
|
||||
$(this).css('border', '1px #ff0000 solid');
|
||||
issubmit = false;
|
||||
if (i_index == 0)
|
||||
i_index = i;
|
||||
}
|
||||
});
|
||||
if (!issubmit) {
|
||||
$(this).find('.in').eq(i_index).focus();
|
||||
return false;
|
||||
}
|
||||
var $remember = $("#j_remember");
|
||||
if ($remember.attr('checked')) {
|
||||
$.cookie(COOKIE_NAME, $("#j_username").val(), { path: '/', expires: 15 });
|
||||
} else {
|
||||
$.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie
|
||||
}
|
||||
$("#login_ok").attr("disabled", true).val('登陆中..');
|
||||
var password = HMAC_SHA256_MAC($("#j_username").val(), $("#j_password").val());
|
||||
$("#j_password").val(HMAC_SHA256_MAC($("#j_randomKey").val(), password));
|
||||
window.location.href = 'Index'; /*注意：生产环境时请删除此行*/
|
||||
return false;
|
||||
});
|
||||
});
|
||||
function genTimestamp() {
|
||||
var time = new Date();
|
||||
return time.getTime();
|
||||
}
|
||||
function changeCode() {
|
||||
//$("#captcha_img").attr("src", "/captcha.jpeg?t="+genTimestamp());
|
||||
}
|
||||
function choose_bg() {
|
||||
var bg = Math.floor(Math.random() * 4 + 1);
|
||||
$('body').css('background-image', 'url(/BJUI/images/loginbg_0' + bg + '.jpg)');
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<!--[if lte IE 7]>
|
||||
<style type="text/css">
|
||||
#errorie {position: fixed; top: 0; z-index: 100000; height: 30px; background: #FCF8E3;}
|
||||
#errorie div {width: 900px; margin: 0 auto; line-height: 30px; color: orange; font-size: 14px; text-align: center;}
|
||||
#errorie div a {color: #459f79;font-size: 14px;}
|
||||
#errorie div a:hover {text-decoration: underline;}
|
||||
</style>
|
||||
<div id="errorie"><div>您还在使用老掉牙的IE，请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a> 强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
|
||||
<![endif]-->
|
||||
<div class="main_box">
|
||||
<div class="setting"><a href="javascript:;" onclick=" choose_bg(); " title="更换背景">
|
||||
<span class="glyphicon glyphicon-th-large"></span>
|
||||
</a></div>
|
||||
<div class="login_box">
|
||||
<div class="login_logo">
|
||||
<img src="/BJUI/images/logo.png">
|
||||
</div>
|
||||
<!--
|
||||
<c:if test="${!empty message}">
|
||||
<div class="login_msg">
|
||||
<font color="red">${message }</font>
|
||||
</div>
|
||||
</c:if>
|
||||
-->
|
||||
<div class="login_form">
|
||||
<input type="hidden" value="${randomKey }" id="j_randomKey" />
|
||||
<form action="index.html" id="login_form" method="post">
|
||||
<input type="hidden" name="jfinal_token" value="${jfinal_token }" />
|
||||
<div class="form-group">
|
||||
<label for="j_username" class="t">用户名：</label> <input id="j_username" value="" name="username" type="text" class="form-control x319 in" autocomplete="off">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="j_password" class="t">密 码：</label> <input id="j_password" value="" name="passwordhash" type="password" class="form-control x319 in">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="j_captcha" class="t">验证码：</label> <input id="j_captcha" name="j_captcha" type="text" class="form-control x164 in">
|
||||
<img id="captcha_img" alt="点击更换" title="点击更换" src="/BJUI/images/captcha.jpeg" class="m">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="t"></label>
|
||||
<label for="j_remember" class="m"><input id="j_remember" type="checkbox" value="true"> 记住登陆账号!</label>
|
||||
</div>
|
||||
<div class="form-group space">
|
||||
<label class="t"></label>
|
||||
<input type="submit" id="login_ok" value=" 登 录 " class="btn btn-primary btn-lg">
|
||||
<input type="reset" value=" 重 置 " class="btn btn-default btn-lg">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom">Copyright © 2015 <a href="#">基于精典DDD的权限管理 - 系统登陆</a></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user