7df4213fbc0e6565c26001f569e4a5e8.php 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
  1. <?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>后台</title>
  7. <!-- Bootstrap Styles-->
  8. <link href="/Public/Admin/assets/css/bootstrap.css" rel="stylesheet" />
  9. <!-- FontAwesome Styles-->
  10. <link href="/Public/Admin/assets/css/font-awesome.css" rel="stylesheet" />
  11. <!-- Morris Chart Styles-->
  12. <link href="/Public/Admin/assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
  13. <!-- Custom Styles-->
  14. <link href="/Public/Admin/assets/css/custom-styles.css" rel="stylesheet" />
  15. <!-- Google Fonts-->
  16. <link href='/Public/css/m.css' rel='stylesheet' type='text/css' />
  17. <link rel="stylesheet" href="/Public/mark/css/editormd.css">
  18. <style>
  19. .checkbox input{
  20. width: 18px;
  21. height: 18px;
  22. background-color: white;
  23. }
  24. .checkbox label{
  25. width: auto;
  26. height: 24px;
  27. /*border: 1px solid grey;*/
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <div id="wrapper">
  33. <nav class="navbar navbar-default top-navbar" role="navigation">
  34. <div class="navbar-header">
  35. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
  36. <span class="sr-only">Toggle navigation</span>
  37. <span class="icon-bar"></span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-bar"></span>
  40. </button>
  41. <a class="navbar-brand" href="index.html"><i class="fa fa-comments"></i> <strong>MASTER </strong></a>
  42. </div>
  43. <ul class="nav navbar-top-links navbar-right">
  44. <li class="dropdown">
  45. <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
  46. <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
  47. </a>
  48. <ul class="dropdown-menu dropdown-user">
  49. <li><a href="#"><i class="fa fa-user fa-fw"></i> User Profile</a>
  50. </li>
  51. <li><a href="#"><i class="fa fa-gear fa-fw"></i> Settings</a>
  52. </li>
  53. <li class="divider"></li>
  54. <li><a href="#"><i class="fa fa-sign-out fa-fw"></i> Logout</a>
  55. </li>
  56. </ul>
  57. <!-- /.dropdown-user -->
  58. </li>
  59. <!-- /.dropdown -->
  60. </ul>
  61. </nav>
  62. <!--/. NAV TOP -->
  63. <nav class="navbar-default navbar-side" role="navigation">
  64. <div id="sideNav" href=""><i class="fa fa-caret-right"></i></div>
  65. <div class="sidebar-collapse">
  66. <ul class="nav" id="main-menu">
  67. <li>
  68. <a class="active-menu" href="<?php echo U('Index/index');?>"><i class="fa fa-dashboard"></i> 首页</a>
  69. </li>
  70. <!-- <li>
  71. <a href="ui-elements.html"><i class="fa fa-desktop"></i> UI Elements</a>
  72. </li>
  73. <li>
  74. <a href="chart.html"><i class="fa fa-bar-chart-o"></i> Charts</a>
  75. </li>
  76. <li>
  77. <a href="tab-panel.html"><i class="fa fa-qrcode"></i> Tabs & Panels</a>
  78. </li>
  79. <li>
  80. <a href="table.html"><i class="fa fa-table"></i> Responsive Tables</a>
  81. </li> -->
  82. <li>
  83. <a href="<?php echo U('Index/form');?>"><i class="fa fa-edit"></i> 文章上传 </a>
  84. </li>
  85. <li>
  86. <a href="<?php echo U('Index/guanli');?>"><i class="fa fa-edit"></i> 文章管理 </a>
  87. </li>
  88. <!-- <li>
  89. <a href="#"><i class="fa fa-sitemap"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
  90. <ul class="nav nav-second-level">
  91. <li>
  92. <a href="#">Second Level Link</a>
  93. </li>
  94. <li>
  95. <a href="#">Second Level Link</a>
  96. </li>
  97. <li>
  98. <a href="#">Second Level Link<span class="fa arrow"></span></a>
  99. <ul class="nav nav-third-level">
  100. <li>
  101. <a href="#">Third Level Link</a>
  102. </li>
  103. <li>
  104. <a href="#">Third Level Link</a>
  105. </li>
  106. <li>
  107. <a href="#">Third Level Link</a>
  108. </li>
  109. </ul>
  110. </li>
  111. </ul>
  112. </li> -->
  113. <!-- <li>
  114. <a href="empty.html"><i class="fa fa-fw fa-file"></i> Empty Page</a>
  115. </li> -->
  116. </ul>
  117. </div>
  118. </nav>
  119. <div id="page-wrapper" >
  120. <div id="page-inner">
  121. <div class="row">
  122. <div class="col-md-12">
  123. <h1 class="page-header">
  124. 上传文档</small>
  125. </h1>
  126. </div>
  127. </div>
  128. <!-- /. ROW -->
  129. <div class="row">
  130. <div class="col-lg-12">
  131. <div class="panel panel-default">
  132. <div class="panel-heading">
  133. </div>
  134. <div class="panel-body">
  135. <div class="row">
  136. <div class="col-lg-10">
  137. <form role="form" action="<?php echo U('Index/showall');?>" enctype="multipart/form-data" method="post">
  138. <div class="form-group">
  139. <label>文章标题</label>
  140. <input class="form-control" placeholder="请输入文章标题" name="a-title">
  141. </div>
  142. <div class="form-group">
  143. <label>作者</label>
  144. <input class="form-control" placeholder="请输入作者名称" name="a-auther">
  145. </div>
  146. <div class="form-group">
  147. <label>文章封面</label>
  148. <input type="file" name="a-img" value="" accept=".jpg,.jpeg,.png" title="请选择封面">
  149. </div>
  150. <div class="form-group">
  151. <label>类型</label>
  152. <div class="checkbox">
  153. <label class="checkbox-inline">
  154. <input type="checkbox" value="PHP" name="a-type[]" >PHP
  155. </label>
  156. <label class="checkbox-inline">
  157. <input type="checkbox" value="HTML" name="a-type[]">HTML
  158. </label>
  159. <label class="checkbox-inline">
  160. <input type="checkbox" value="JS" name="a-type[]">JS
  161. </label>
  162. <label class="checkbox-inline">
  163. <input type="checkbox" value="jQuery" name="a-type[]">jQuery
  164. </label>
  165. <label class="checkbox-inline">
  166. <input type="checkbox" value="ThinkPHP" name="a-type[]">ThinkPHP
  167. </label>
  168. <label class="checkbox-inline">
  169. <input type="checkbox" value="laravel" name="a-type[]">laravel
  170. </label>
  171. <label class="checkbox-inline">
  172. <input type="checkbox" value="markdown name="a-type[]">markdown
  173. </label>
  174. <label class="checkbox-inline">
  175. <input type="checkbox" value="编程工具" name="a-type[]">编程工具
  176. </label>
  177. <label class="checkbox-inline">
  178. <input type="checkbox" value="其他" name="a-type[]">其他
  179. </label>
  180. </div>
  181. </div>
  182. <div class="form-group">
  183. <label>简介</label>
  184. <div id="test-editormd">
  185. <textarea style="display: none" class="form-control" rows="3" name="a-jianjie" id='jianjie'></textarea></div>
  186. </div>
  187. <div class="form-group">
  188. <label for="">内容</label>
  189. <div id="demo1">
  190. <textarea name="a-main" id="text" cols="30" rows="10"></textarea></div>
  191. </div>
  192. <div style="text-align: center;">
  193. <button type="submit" class="btn btn-primary" onclick="return confirm('确定上传!?');value='确定'">上传</button>
  194. </div>
  195. </form>
  196. </div>
  197. </div>
  198. <!-- /.row (nested) -->
  199. </div>
  200. <!-- /.panel-body -->
  201. </div>
  202. <!-- /.panel -->
  203. </div>
  204. <!-- /.col-lg-12 -->
  205. </div>
  206. </div>
  207. <!-- /. PAGE INNER -->
  208. </div>
  209. <!-- /. PAGE WRAPPER -->
  210. </div>
  211. </div>
  212. <script src="/Public/jquery/jquery.min.js"></script>
  213. <!-- Bootstrap Js -->
  214. <script src="/Public/Admin/assets/js/bootstrap.min.js"></script>
  215. <!-- Metis Menu Js -->
  216. <script src="/Public/Admin/assets/js/jquery.metisMenu.js"></script>
  217. <!-- Morris Chart Js -->
  218. <script src="/Public/Admin/assets/js/morris/raphael-2.1.0.min.js"></script>
  219. <script src="/Public/Admin/assets/js/morris/morris.js"></script>
  220. <script src="/Public/Admin/assets/js/easypiechart.js"></script>
  221. <script src="/Public/Admin/assets/js/easypiechart-data.js"></script>
  222. <script src="/Public/Admin/assets/js/custom-scripts.js"></script>
  223. <script src="/Public/edit/ckeditor.js"></script>
  224. <script type="text/javascript" src="/Public/mark/editormd.js"></script>
  225. <!-- <script>
  226. CKEDITOR.replace('text',{
  227. toolbar : 'Full',
  228. uiColor : '#9AB8F3',
  229. height:'200'
  230. });
  231. // CKEDITOR.replace('jianjie',{
  232. // toolbar : 'Full',
  233. // uiColor : '#9AB8F3',
  234. // height:'200'
  235. // });
  236. </script> -->
  237. <script>
  238. $(function() {
  239. var testEditor = editormd("test-editormd", {
  240. width: "90%",
  241. height: 400,
  242. markdown : "",
  243. // autoHeight : true,
  244. path : '/Public/mark/lib/',
  245. overflow:"auto",
  246. theme : "default | dark",
  247. //dialogLockScreen : false, // 设置弹出层对话框不锁屏,全局通用,默认为 true
  248. //dialogShowMask : false, // 设置弹出层对话框显示透明遮罩层,全局通用,默认为 true
  249. //dialogDraggable : false, // 设置弹出层对话框不可拖动,全局通用,默认为 true
  250. //dialogMaskOpacity : 0.4, // 设置透明遮罩层的透明度,全局通用,默认值为 0.1
  251. //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色,全局通用,默认为 #fff
  252. imageUpload : true,
  253. imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  254. imageUploadURL : "/upload",
  255. /*
  256. 上传的后台只需要返回一个 JSON 数据,结构如下:
  257. {
  258. success : 0 | 1, // 0 表示上传失败,1 表示上传成功
  259. message : "提示的信息,上传成功或上传失败及错误信息等。",
  260. url : "图片地址" // 上传成功时才返回
  261. }
  262. */
  263. });
  264. });
  265. </script>
  266. <script>
  267. $(function() {
  268. var testEditor = editormd("demo1", {
  269. width: "90%",
  270. height: 600,
  271. markdown : "",
  272. // autoHeight : true,
  273. overflow:"auto",
  274. theme : "default | dark",
  275. path : '/Public/mark/lib/',
  276. //dialogLockScreen : false, // 设置弹出层对话框不锁屏,全局通用,默认为 true
  277. //dialogShowMask : false, // 设置弹出层对话框显示透明遮罩层,全局通用,默认为 true
  278. //dialogDraggable : false, // 设置弹出层对话框不可拖动,全局通用,默认为 true
  279. //dialogMaskOpacity : 0.4, // 设置透明遮罩层的透明度,全局通用,默认值为 0.1
  280. //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色,全局通用,默认为 #fff
  281. imageUpload : true,
  282. imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  283. imageUploadURL : "/upload",
  284. /*
  285. 上传的后台只需要返回一个 JSON 数据,结构如下:
  286. {
  287. success : 0 | 1, // 0 表示上传失败,1 表示上传成功
  288. message : "提示的信息,上传成功或上传失败及错误信息等。",
  289. url : "图片地址" // 上传成功时才返回
  290. }
  291. */
  292. });
  293. });
  294. </script>
  295. </body>
  296. </html>