<!DOCTYPE html><html><head> ? ?<title>管理員列表 - 后臺(tái)管理系統(tǒng)</title> ? ?<meta name="renderer" content="webkit"> ? ?<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ? ?<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> ? ?<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" media="all"> ? ?<script type="text/javascript" src="/static/layui/layui.js"></script> ? ?<style type="text/css"> ? ? ? ?.header span{background:#009688;margin-left:30px;padding:10px;color:#ffffff;} ? ? ? ?.header div{border-bottom:solid 2px #009688;margin-top: 8px;} ? ? ? ?.header button{float:right;margin-top:-5px;} ? ?</style></head><body style="padding:10px; box-sizing: border-box;"><form class="layui-form"> ? ?<div class="layui-form-item"> ? ? ? ?<label class="layui-form-label">文章標(biāo)題</label> ? ? ? ?<div class="layui-input-inline"> ? ? ? ? ? ?<input type="text" class="layui-input" name="textname" > ? ? ? ?</div> ? ?</div> ? ?<div class="layui-form-item"> ? ? ? ?<label class="layui-form-label">文章簡(jiǎn)介</label> ? ? ? ?<div class="layui-input-inline"> ? ? ? ? ? ?<textarea name="text" required lay-verify="required" placeholder="請(qǐng)輸入" class="layui-textarea"></textarea> ? ? ? ?</div> ? ?</div> ? ?<div class="layui-form-item"> ? ? ? ?<label class="layui-form-label">文章封面</label> ? ? ? ?<div class="layui-input-inline"> ? ? ? ? ? ?<button type="button" class="layui-btn layui-btn-fluid" id="up_test_img">上傳圖片</button> ? ? ? ?</div> ? ? ? ?<div class="layui-form-mid layui-word-aux">支持png,jpg,gif</div> ? ?</div> ? ?<div class="layui-form-item"> ? ? ? ?<label class="layui-form-label">封面預(yù)覽</label> ? ? ? ?<div class="layui-input-block"> ? ? ? ? ? ?<div class="layui-upload-list" id="srcimg" style="width:90%;float:left;"></div> ? ? ? ?</div> ? ?</div> ? ?<!--基本信息 end--> ? ?<div class="layui-form-item"> ? ? ? ?<label class="layui-form-label">文章詳情</label> ? ? ? ?<div class="layui-input-block"> ? ? ? ? ? ?<textarea id="content" name="content" style="display: none;" ?value=""></textarea> ? ? ? ?</div> ? ?</div> ? ?<div class="layui-form-item"> ? ? ? ?<label class="layui-form-label">狀態(tài)</label> ? ? ? ?<div class="layui-input-block"> ? ? ? ? ? ?<input type="radio" name="status" value="1" title="開(kāi)啟" checked=""> ? ? ? ? ? ?<input type="radio" name="status" value="0" title="禁用"> ? ? ? ?</div> ? ?</div></form><div class="layui-form-item"> ? ?<div class="layui-input-block"> ? ? ? ?<button type="button" class="layui-btn" onclick="save()">保存</button> ? ?</div></div><script type="text/javascript"> ? ?layui.use(['layer','form','upload','laydate','layedit','element'],function(){ ? ? ? ?form = layui.form; ? ? ? ?layer = layui.layer; ? ? ? ?$ = layui.jquery; ? ? ? ?var element = layui.element; ? ? ? ?var layedit = layui.layedit; ? ? ?layedit.build('content',{ ? ? ? ? ? ?height: 300, //設(shè)置編輯器高度 ? ? ? ?}); ? ? ? ?upload = layui.upload; ? ? ? ?upload.render({ ? ? ? ? ? ?elem: "#up_test_img", ? ? ? ? ? ?url: "/admin/upload/upload_img", ? ? ? ? ? ?multiple: true, ? ? ? ? ? ?done: function(res,title){ ? ? ? ? ? ? ? ?if(res.code > 0){ ? ? ? ? ? ? ? ? ? ?return layer.msg("上傳失敗，" res.msg); ? ? ? ? ? ? ? ?}else{ ? ? ? ? ? ? ? ? ? ?$("#srcimg").append('<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0"><img style="width:100px;height:100px;" src="' res.url '" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="test_img" value="' res.data '"/><a class="close-img" href="javascript:;" onclick="deleteImage(\'' res.data '\',this);return false;"></a></div>'); , type: 'post' , ,accept: 'image' , acceptMime: 'image/* ' , , , exts: 'jpg|png|gif|bmp|jpeg' , , size: '10240' , , , devmode: true , , codeConfig: { , , , } hide: true, //Whether to display the encoding language selection box default: 'javascript' //hide The default language format for True}, Tool: ['Strong' // bold, 'italic' // oblique body, 'underline' // underline, 'del' // delete line, '|' // segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, segmentation line, dividing line, segmentation line, segmentation line, segmentation, 'left' //Left alignment ??????????????????,'center' //???????Center alignment???????????????,'right' //???????????????????????????????????????????????????? right-aligned ,'image' //Insert picture , , ,'help' //Help , , , ] , ,height: 300, //Set editor height , }); var index = laidedit.build('content',{ ,height: 300, //Set editor height , }) ; //Create the editor //Synchronize the value to the text field when submitting form.verify({ ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}); }); function save(){ // Synchronize the content of the rich text editor $.post("/admin/text/textadd",$('form').serialize(),function (res){ if (res.code ==0){ ? ? ? ? ? ? ? ? layer.msg(res.msg,{'icon':1}) ? ? ? ? ? ? ? ? ? ? setTimeout(function (){ ? ? ? ? ? ? ? ? ? ? ? ? ? ? parent.window.location.reload(); else .msg,{'icon':2}); ?????????????????????????????????????????????????,'json');
0
0
0
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
