abstract：<!DOCTYPE html> <html> <head> <!-- 主要是學(xué)習(xí)文件的上傳 --> <meta charset="UTF-8"> <title>添加</title> <link rel="stylesheet&qu
<!DOCTYPE html>
<html>
<head>
<!-- 主要是學(xué)習(xí)文件的上傳 -->
<meta charset="UTF-8">
<title>添加</title>
<link rel="stylesheet" href="../layui-v2.4.5/layui/css/layui.css">
<script type="text/javascript" src="../layui-v2.4.5/layui/layui.js"></script>
</head>
<body style="padding:10px">
<form action="">
<div>
<label>商品類(lèi)目</label>
<div>
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">廣州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
<div>
<label>商品名稱(chēng)</label>
<div>
<input type="text">
</div>
</div>
<div>
<label>價(jià)格</label>
<div>
<input type="text">
</div>
</div>
<!-- 文件上傳 -->
<div>
<div>
<button type="button" id="test1">
<i></i>上傳圖片
</button>
</div>
</div>
<div>
<label>描述</label>
<div>
<textarea name="desc" placeholder="請(qǐng)輸入內(nèi)容"></textarea>
</div>
</div>
<div>
<label>狀態(tài)</label>
<div>
<input type="checkbox" name="" title="上架" lay-skin="primary" checked>
</div>
</div>
<div>
<button lay-submit lay-filter="formDemo">保存</button>
</div>
</form>
<script>
layui.use(['upload','form'], function(){
var upload = layui.upload; //引入上傳的模塊
var form=layui.form;
//執(zhí)行上傳實(shí)例
var uploadInst = upload.render({
elem: '#test1' //綁定元素
,url: '/upload/' //上傳接口
,done: function(res){
//上傳完畢回調(diào)
}
,error: function(){
//請(qǐng)求異常回調(diào)
}
});
});
</script>
</body>
</html>
layUI框架是快速搭建網(wǎng)站的模板，尤其是后臺(tái)網(wǎng)站?？梢詌ayui對(duì)按鈕，表格，表單，彈窗等快速渲染，構(gòu)建時(shí)注意要調(diào)用相應(yīng)的模塊，在利用jquery代碼時(shí)，注意是否引用$ = layui.jquery模塊。
Correcting teacher：滅絕師太Correction time：2019-02-25 16:30:22
Teacher's summary：layui跟后臺(tái)聯(lián)系的還是很緊密的,要仔細(xì)看文檔哦!