bui java_java springmvc+bui+bootstrap后台管理系统搭建
String cookieName="Sender";
Cookie cookie=new Cookie(cookieName, "userToken");
cookie.setMaxAge(5*365*24*60*60); //存活期为10秒
response.addCookie(cookie);%>
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px0;
}
@media (max-width: 980px) {/*Enable use of floated navbar text*/.navbar-text.pull-right {float: none;
padding-left: 5px;
padding-right: 5px;
}
}
#uninotatable tr td{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
名称:
奖励:
下载次数:
是否上架:
请选择
已上架
未上架
软件图标:
下载链接:
描述:
var Grid=Grid,
Store=Data.Store,
enumObj= {"1" : "选项一","2" : "选项二","3" : "选项三"},
columns=[
{
title:'id',
dataIndex:'id',
visible:false,
editor: {
xtype:'text',
rules: {
required:true}
}
},
{
title:'软件名称',
dataIndex:'name',
editor: {
xtype:'text',
rules: {
required:true}
}
},
{
title:'奖励宝币',
dataIndex:'share_jiangliscore',
editor: {
xtype:'text',
rules: {
required:true}
},//renderer: Grid.Format.dateRenderer
},
{
title:'下载次数',
dataIndex:'installtimes',
editor: {
xtype:'text',
rules: {
required:true},
},//renderer: Grid.Format.dateRenderer
},
{
title:'是否上架',
dataIndex:'isornoup',
editor: {
xtype:'text'}
}
,
{
title:'描述',
dataIndex:'description',
width:200,
editor: {
xtype:'text'}
}
,
{
title:'软件logo',
dataIndex:'imageurl',
width:300,
visible:false,
editor: {
xtype:'text'}
}
,
{
title:'下载链接',
width:300,
visible:false,
dataIndex:'loadurl',
editor: {
xtype:'text'}
},
{title :'操作',renderer : function(){return '编辑'}}
];
var editing= newGrid.Plugins.DialogEditing({
contentId :'content', //设置隐藏的Dialog内容
triggerCls : 'btn-edit', //触发显示Dialog的样式
editor: {
title:'编辑'},
autoSave :true //自动添加和更新
}),
store= newStore({
autoLoad:true,
url :"<%=basePath%>/softUninoLoad",//autoSync : true,//保存数据后自动调用store.load()方法
proxy : {
method :'POST', //更改为POST
save : {
addUrl :"<%=basePath%>/softUninoRowAdd",
removeUrl:"<%=basePath%>/softUninoRowRemove",
updateUrl :"<%=basePath%>/softUninoRowUpdate"}
}
}),
grid= newGrid.Grid({
render:'#grid',
loadMask:true,
bbar: {//pagingBar:表明包含分页栏
pagingBar:true},
columns : columns,
width :1100,
forceFit :true,
tbar:{//添加、删除
items : [{
btnCls :'button button-small',
text :'添加',
listeners : {'click': addFunction
}
},
{
btnCls :'button button-small',
text :'删除',
listeners : {'click': delFunction
}
}]
},
plugins : [editing,Grid.Plugins.CheckSelection],
store : store
});
grid.render();//保存成功时的回调函数,其实更好的方式是直接在保存成功后调用store.load()方法,更新所有数据
store.on('saved',function (ev) {
var type= ev.type, //保存类型,add,remove,update
saveData = ev.saveData, //保存的数据
data = ev.data; //返回的数据//TO DO
if(type == 'add'){ //新增记录时后台返回id
if(data.status=="success")
{
saveData.id=data.id;
grid.updateItem(saveData);
store.update()
BUI.Message.Alert('添加成功!');
}else{
BUI.Message.Alert('添加失败!');
}
}else if(type == 'update'){if(data.status=="success")
{
BUI.Message.Alert('更新成功!');
}else{
BUI.Message.Alert('更新失败!');
}
}else{if(data.status=="success")
{
BUI.Message.Alert('删除成功!');
}else{
BUI.Message.Alert('删除失败!');
}
}
});//保存或者读取失败
store.on('exception',function (ev) {
BUI.Message.Alert(ev.error);
});//添加记录
function addFunction(){
var newData= {b : 0};
editing.add(newData,'a'); //添加记录后,直接编辑
}//删除选中的记录
function delFunction(){
var selections=grid.getSelection(),
ids=BUI.Array.map(selections,function (item) {returnitem.id;
});
store.remove(selections);
store.save('remove',{ids : ids.join(',')}); //save的第三个参数是回调函数
}
});
bui java_java springmvc+bui+bootstrap后台管理系统搭建相关推荐
- Bootstrap后台管理系统收集
Bootstrap后台管理系统收集 bootstrap 8 一.框架整理 1.灰黑色后台框架 2.论如何把后台管理系统写出花(关于后台开发的相关技术) 3.最新的技术-Vue后台管理 4.AdminL ...
- vue后台管理系统搭建
vue后台管理系统搭建 前提 安装node.js 控制台安装yarn:npm install -g yarn 查看yarn版本:yarn --version 注:-g表示的是全局安装 淘宝镜像安装:n ...
- 从零开始实现放置游戏(三):后台管理系统搭建
需求分析 整个游戏的核心玩法是放置挂机,打怪练级是核心功能,先实现一个最小可运行的DEMO,那么可以先实现玩家和怪物挂机战斗这部分.像装备.道具.掉落.随机词缀.组队等功能都可以放到后面做.想实现挂机 ...
- 多用途bootstrap后台管理系统模板企业统计管理界面模板
介绍: 基于bootstrap构建,响应式的电子商务后台管理系统ui页面模板. 适用于:电商销售统计.企业统计管理界面模板. 网盘下载地址: http://kekewl.net/yYrcYaCFVAU ...
- tp6后台管理系统搭建
项目介绍 一款 PHP 语言基于 ThinkPhp6.x + Layui + MySQL等框架精心打造的一款模块化.插件化.高性能的前后端分离架构敏捷开发框架,可用于快速搭建前后端分离后台管理系统,本 ...
- bootstrap后台管理系统前后台实现(含数据库)
系统版本更新 版本 说明 时间 V1.0.0 菜单管理.角色用户.系统用户管理.权限分配.根据用户角色权限动态加载菜单.密码修改.插件整合等,详见本文说明 20190701 V1.1.0 相对上一版本 ...
- bootstrap后台模板_免费bootstrap后台管理系统模板源码 网站后台模板_后台管理界面...
Frogetor-响应式管理仪表板模板 Frogetor是一个Bootstrap 4管理仪表板,它具有充分的响应能力,并包括一些很棒的功能,可帮助您快速,轻松地构建Web应用程序.经过精心设计和开发的 ...
- 响应式Bootstrap后台管理系统模板UI框架
介绍: Ubold是一个功能齐全的优质管理模板基于Bootstrap框架之上,现代网络技术HTML5,CSS3和jQuery. 它有许多可以使用的组件. 主题是充分响应.易于定制,代码超级容易理解并将 ...
- 纯前端bootstrap后台管理系统
基于bootstrap+chart.js 5个页面 git地址:https://github.com/Simple3762/fist.git 觉得不错可以给个start
最新文章
- 反激式开关电源中PC817与TL431的配合电路探讨
- Windows系统顽固型文件清除方法
- 仿ArrayList功能的bag类
- 设计模式(十九)—— 备忘录模式
- Matplotlib基础全攻略
- 同宿舍程序员毕业五年后:有人年薪百万,有人月薪一万
- c#中怎么禁用和开启无线网卡?
- cartographer源码编译测试之开发环境搭建全在这里了
- Android——适配器其他组件(AutoCompleteTextView:自动完成文本编辑框;Spinner:下拉列表)...
- Error:Could not launch XXX failed to get the task for process 1105
- Arping协议以及使用方法
- 编译Linux内核4.4实现可读NTFS
- VR看房项目总结(1)
- monkey测试中防止关闭WIFI的方法
- java网课|等待与唤醒线程池
- 期货止损篇2:ATR止损,高手都在悄悄用的止损利器
- dev 服务器调试过程
- h5 生成图片并保存到手机(浏览器)
- 矩阵求导公式的数学推导四部曲
- labview学习-状态机、事件、生产者消费者模式
热门文章
- mac电脑复制粘贴使用command+c command+v
- 安装程序无法继续因为你的计算机,需要重新启动计算机,安装程序才能继续 | Microsoft Docs...
- 【上图开放数据竞赛】中文期刊论文自动分类Baseline
- QQ音乐本地下载(python爬虫)
- 上位机与PLC通讯及OPC数据采集实践一
- 【附C++源代码】模型预测控制(MPC)公式推导以及算法实现,Model Predictive control介绍
- 家用服务器配置清单,供君参考
- 写给新手,从不懂到入门,一只老鸟的嵌入式入门心得
- ros robot_localization
- JAVA —— 比较日期时间大小