购物分页布局权限Word文档下载推荐.docx
- 文档编号:20944185
- 上传时间:2023-01-26
- 格式:DOCX
- 页数:31
- 大小:637.90KB
购物分页布局权限Word文档下载推荐.docx
《购物分页布局权限Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《购物分页布局权限Word文档下载推荐.docx(31页珍藏版)》请在冰豆网上搜索。
http:
//www.w3.org/TR/html4/loose.dtd"
>
html>
head>
metahttp-equiv="
Content-Type"
content="
title>
个人主页<
/title>
linkrel="
stylesheet"
type="
text/css"
href="
themes/default/easyui.css"
themes/icon.css"
scripttype="
text/javascript"
src="
jQuery/jquery.min.js"
/script>
jQuery/jquery.easyui.min.js"
functionopenTabs(text,url){
if($("
#tabs"
).tabs('
exists'
text)){
$("
select'
text)
}else{
varmyContent="
iframeframeborder='
0'
scrolling='
auto'
style='
width:
100%;
height:
100%'
+url+"
/iframe>
"
add'
{
title:
text,
closable:
true,
content:
myContent
})
}
}
/head>
body>
divid="
cc"
class="
easyui-layout"
style="
800;
900px;
divdata-options="
region:
'
north'
title:
split:
true"
100px;
background-image:
url('
img/bottom.jpg'
);
spanstyle="
color:
yellow;
font-size:
16px;
font-weight:
900;
background-color:
black"
u>
登录成功,当前账户为:
%=session.getAttribute("
name"
)%>
&
nbsp;
/u>
ahref="
login.jsp"
退回登录页面<
/a>
br>
/span>
/div>
south'
联系方式'
96px;
img/9.jpg'
marqueebehavior="
alternate"
imgsrc="
img/tel.jpg"
>
/marquee>
east'
iconCls:
广告'
280px;
align="
center"
#"
onclick="
openTabs('
手机'
'
jsp/products8.jsp'
)"
easyui-linkbutton"
img/djj.jpg"
-----------------------------------------------<
电脑'
jsp/products7.jsp'
img/dn.jpg"
家电'
jsp/products6.jsp'
img/dyj.jpg"
所有商品'
jsp/products9.jsp'
img/xxj.jpg"
h2style="
red"
广告为招租<
/h2>
west'
导航'
120px;
aa"
easyui-accordion"
400px;
<
divtitle="
个人空间"
data-options="
iconCls:
icon-search'
selected:
true"
overflow:
auto;
padding:
15px;
个人信息'
jsp/users.jsp'
个人信息<
我的购物车'
jsp/orderitems.jsp'
我的购物车<
我的订单'
jsp/orders.jsp'
我的订单<
浏览商品"
false"
所有商品<
购买手机<
购买电脑<
购买家电<
商品更新"
selected:
false"
查看商品'
jsp/products3.jsp'
查看商品<
管理商品'
jsp/products2.jsp'
管理商品<
管理会员'
jsp/allusers.jsp'
管理会员<
center'
内容'
0px;
url('
img/jpg.png'
background-repeat:
no-repeat;
tabs"
easyui-tabs"
fit="
/body>
/html>
Allusers.jsp
Inserttitlehere<
../themes/default/easyui.css"
../themes/icon.css"
../jQuery/jquery.min.js"
../jQuery/jquery.easyui.min.js"
$(function(){
//默认查询
$("
#dg"
).datagrid({
url:
../UserServletInfo?
m=findAllUser"
fitColumns:
nowrap:
false,
pagination:
pagePosition:
bottom'
pageSize:
10,
columns:
[[
{field:
id'
编号'
width:
80,align:
checkbox:
true},
{field:
name'
姓名'
},
pwd'
密码'
age'
年龄'
100,align:
nickname'
昵称'
60,align:
role'
邮箱'
}
]]
});
//添加事件
#btn_add"
).click(function(){
#dd"
).dialog({
closed:
false,/*打开添加窗口*/
#res"
#form1"
).form('
clear'
})
#saveBtn"
vardata={
name:
$("
#name"
).val(),
age:
#age"
pwd:
#pwd"
nickname:
$("
#nickname"
role:
#role"
).val()
}
$.post('
m=add'
data,function(flag){
if(flag=="
){
$("
).datagrid('
reload'
//刷新表格
//清除表单
closed:
true,//关闭添加窗口
})
$.messager.show({
title:
添加用户'
msg:
添加用户成功'
timeout:
3000,
showType:
slide'
});
}else{
$.messager.alert('
添加书本'
添加书本失败'
error'
}
/*删除事件*/
#btn_delete"
if($("
getSelections'
).length==0){
$.messager.alert('
消息提示'
亲,请选择要删除的用户'
}else{
varids=[];
//定义一个数组
vararray=$("
//获取选中的对象
for(variinarray){
ids.push(array[i].id);
//便利将选中的ID放到ids[]中
$.post('
m=delete'
{'
ids[]'
:
ids},function(flag){
if(flag=="
$("
$.messager.alert('
恭喜您删除成功'
success'
}else{
删除失败'
}
})
#btn_edit"
getSelected'
)==null){
请选择修改的行'
warning'
}elseif($("
).length>
1){
亲,请选择一行数据修改'
$("
#edit_dialog"
closed:
false,//打开修改窗口
#edit_res"
#form2"
//添加修改的重置按钮
vardate={
id:
).id
../UserServlet?
m=queryUserInfo'
date,function(user){
if(user!
=null){
//$("
#edit_username"
).val(user.username);
load'
id:
user.id,
name:
user.name,
pwd:
user.pwd,
age:
user.age,
nickname:
user.nickname,
role:
user.role
})
},'
json'
)
}
/*真正的修改事件*/
#edit_saveBtn"
vardate={
#edit_id"
#edit_name"
#edit_age"
#edit_pwd"
#edit_nickname"
#edit_role"
).val()
m=editUserInfo'
date,function(flag){
true
)
修改用户'
修改用户成功'
修改失败'
})
})
--按钮-->
div>
aid="
btn_add"
plain="
data-options="
icon-add'
增加<
btn_edit"
plain="
icon-edit'
修改<
btn_delete"
icon-remove'
删除<
--默认查询-->
dg"
--添加窗口-->
dd"
easyui-dialog"
title="
添加用户"
style="
400px;
height:
300px;
data-options="
icon-save'
resizable:
true,modal:
true,closed:
align="
br/>
formaction="
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 购物 分页 布局 权限