Commit af7608e0 authored by 李家智's avatar 李家智
Browse files

js api

parent 5cc03b91
...@@ -9,7 +9,7 @@ layui.define([ 'form', 'laydate', 'table','userApi'], function(exports) { ...@@ -9,7 +9,7 @@ layui.define([ 'form', 'laydate', 'table','userApi'], function(exports) {
}, },
initSubmit:function(){ initSubmit:function(){
$("#saveUser").click(function(){ $("#saveUser").click(function(){
userApi.addUser(function(){ userApi.addUser($('#addForm'),function(){
parent.window.dataReload(); parent.window.dataReload();
Common.info("添加成功"); Common.info("添加成功");
Lib.closeFrame(); Lib.closeFrame();
......
...@@ -9,7 +9,7 @@ layui.define([ 'form', 'table','userApi'], function(exports) { ...@@ -9,7 +9,7 @@ layui.define([ 'form', 'table','userApi'], function(exports) {
}, },
initSubmit:function(){ initSubmit:function(){
$("#savePassword").click(function(){ $("#savePassword").click(function(){
userApi.changePassword(function(){ userApi.changePassword($('#changePasswordForm'),function(){
Common.info("密码更改成功"); Common.info("密码更改成功");
Lib.closeFrame(); Lib.closeFrame();
}); });
......
...@@ -9,7 +9,7 @@ layui.define([ 'form', 'laydate', 'table','userApi'], function(exports) { ...@@ -9,7 +9,7 @@ layui.define([ 'form', 'laydate', 'table','userApi'], function(exports) {
}, },
initSubmit:function(){ initSubmit:function(){
$("#saveUser").click(function(){ $("#saveUser").click(function(){
userApi.updateUser(function(){ userApi.updateUser($('#updateForm'),function(){
parent.window.dataReload(); parent.window.dataReload();
Common.info("更新成功"); Common.info("更新成功");
Lib.closeFrame(); Lib.closeFrame();
......
layui.define([ 'form', 'laydate', 'table' ], function(exports) { layui.define([ 'form', 'laydate', 'table','userApi' ], function(exports) {
var form = layui.form; var form = layui.form;
var laydate = layui.laydate; var laydate = layui.laydate;
var table = layui.table; var table = layui.table;
var userApi=layui.userApi;
var userTable = null; var userTable = null;
var view ={ var view ={
init:function(){ init:function(){
......
/*访问后台的代码*/ /*访问后台的代码*/
layui.define([], function(exports) { layui.define([], function(exports) {
var api={ var api = {
updateUser:function(callback){ updateUser : function(form, callback) {
Lib.submitForm($('#updateForm'),{},callback) Lib.submitForm("/admin/user/update.json", form, {}, callback)
}, },
addUser:function(callback){ addUser : function(form, callback) {
Lib.submitForm($('#addForm'),{},callback) Lib.submitForm("/admin/user/add.json", form, {}, callback)
}, },
del:function(ids,callback){ del : function(ids, callback) {
Common.post("/admin/user/delete.json",{"ids":ids},function(){ Common.post("/admin/user/delete.json", {
callback(); "ids" : ids
}) }, function() {
}, callback();
changePassword:function(callback){ })
Lib.submitForm($('#changePasswordForm'),{},callback) },
}, changePassword : function(form, callback) {
addUserRole:function(form,callback){ Lib.submitForm("/admin/user/changePassword.json", form, {},
Lib.submitForm(form,{},callback) callback)
}, },
delUserRole:function(ids,callback){ addUserRole : function(form, callback) {
Common.post("/admin/user/role/delete.json",{"ids":ids},function(){ Lib.submitForm("/admin/user/role/add.json", form, {}, callback)
callback(); },
}) delUserRole : function(ids, callback) {
}, Common.post("/admin/user/role/delete.json", {
"ids" : ids
}; }, function() {
callback();
exports('userApi',api); })
},
};
exports('userApi', api);
}); });
\ No newline at end of file
<!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ --> <!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ -->
<form class="layui-form layui-form-pane" id="addForm" <form class="layui-form layui-form-pane" id="addForm"
action="/admin/user/add.json"> >
<div class="layui-row"> <div class="layui-row">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">用户姓名</label> <label class="layui-form-label">用户姓名</label>
......
<!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ --> <!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ -->
<form class="layui-form layui-form-pane" id="changePasswordForm" <form class="layui-form layui-form-pane" id="changePasswordForm"
action="/admin/user/changePassword.json"> >
<div class="layui-row"> <div class="layui-row">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">用户姓名</label> <label class="layui-form-label">用户姓名</label>
......
<!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ --> <!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ -->
<form class="layui-form layui-form-pane" id="updateForm" <form class="layui-form layui-form-pane" id="updateForm"
action="/admin/user/update.json"> >
<div class="layui-row"> <div class="layui-row">
<div class="layui-form-item"> <div class="layui-form-item">
<label class="layui-form-label">用户姓名</label> <label class="layui-form-label">用户姓名</label>
......
<!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ --> <!--# layout("/common/layout.html",{"jsBase":"/js/admin/user/"}){ -->
<form class="layui-form layui-form-pane" id="userRoleAddForm" <form class="layui-form layui-form-pane" id="userRoleAddForm"
action="/admin/user/role/add.json"> >
<div class="layui-row"> <div class="layui-row">
<div class="layui-form-item"> <div class="layui-form-item">
......
<!--# layout("/common/layout.html",{"jsBase":"/js/${target.urlBase}/${entity.code}/"}){ --> <!--# layout("/common/layout.html",{"jsBase":"/js/${target.urlBase}/${entity.code}/"}){ -->
<form class="layui-form layui-form-pane" id="addForm" <form class="layui-form layui-form-pane" id="addForm">
action="/${target.urlBase}/${entity.code}/add.json">
@ var list = entity.generalList; @ var list = entity.generalList;
@ var size = list.~size; /*一行显示俩个,生成后在根据显示要求调整*/ @ var size = list.~size; /*一行显示俩个,生成后在根据显示要求调整*/
@ for(var i=0;i<size;i++){ @ for(var i=0;i<size;i++){
......
<!--# layout("/common/layout.html",{"jsBase":"/js/${target.urlBase}/${entity.code}/"}){ --> <!--# layout("/common/layout.html",{"jsBase":"/js/${target.urlBase}/${entity.code}/"}){ -->
<form class="layui-form layui-form-pane" id="updateForm" <form class="layui-form layui-form-pane" id="updateForm">
action="/${target.urlBase}/${entity.code}/update.json">
@ var list = entity.generalList; @ var list = entity.generalList;
@ var size = list.~size; /*一行显示俩个,生成后在根据显示要求调整*/ @ var size = list.~size; /*一行显示俩个,生成后在根据显示要求调整*/
@ for(var i=0;i<size;i++){ @ for(var i=0;i<size;i++){
...@@ -10,10 +9,9 @@ ...@@ -10,10 +9,9 @@
@ i=i+1; @ i=i+1;
@ var array = [item0,item1]; @ var array = [item0,item1];
<div class="layui-row"> <div class="layui-row">
<div class="layui-form-item"> <div class="layui-form-item">
@for(item in array){ @for(item in array){
@if(item==null){continue;} @if(item==null){continue;}
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label">${item.displayName}</label> <label class="layui-form-label">${item.displayName}</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
...@@ -21,10 +19,8 @@ ...@@ -21,10 +19,8 @@
class="layui-input" > class="layui-input" >
</div> </div>
</div> </div>
@} @}
</div> </div>
</div> </div>
@} @}
<input type="hidden" name="${entity.idAttribute.name}" value=\${${entity.code}.${entity.idAttribute.name}} /> <input type="hidden" name="${entity.idAttribute.name}" value=\${${entity.code}.${entity.idAttribute.name}} />
...@@ -34,8 +30,7 @@ ...@@ -34,8 +30,7 @@
<!--#} --> <!--#} -->
<script> <script>
layui.use(['edit'], function(){ layui.use(['edit'], function(){
var ${entity.code}Edit = layui.edit var ${entity.code}Edit = layui.edit
${entity.code}Edit.init(); ${entity.code}Edit.init();
}); });
</script> </script>
layui.define([ 'form', 'laydate', 'table','${entity.code}Api'], function(exports) { layui.define([ 'form', 'laydate', 'table','${entity.code}Api'], function(exports) {
var form = layui.form; var form = layui.form;
var ${entity.code}Api = layui.${entity.code}Api; var ${entity.code}Api = layui.${entity.code}Api;
var index = layui.index; var index = layui.index;
var view = { var view = {
init:function(){ init:function(){
Lib.initGenrealForm($("#addForm"),form); Lib.initGenrealForm($("#addForm"),form);
this.initSubmit(); this.initSubmit();
}, },
initSubmit:function(){ initSubmit:function(){
$("#addButton").click(function(){ $("#addButton").click(function(){
${entity.code}Api.add${upperFirst(entity.code)}(function(){ ${entity.code}Api.add${upperFirst(entity.code)}($('#addForm'),function(){
parent.window.dataReload(); parent.window.dataReload();
Common.info("添加成功"); Common.info("添加成功");
Lib.closeFrame(); Lib.closeFrame();
}); });
});
}); $("#addButton-cancel").click(function(){
Lib.closeFrame();
$("#addButton-cancel").click(function(){ });
Lib.closeFrame(); }
});
} }
exports('add',view);
}
exports('add',view);
}); });
\ No newline at end of file
layui.define(['table', '${entity.code}Api'], function(exports) { layui.define(['table', '${entity.code}Api'], function(exports) {
var ${entity.code}Api = layui.${entity.code}Api; var ${entity.code}Api = layui.${entity.code}Api;
var table=layui.table; var table=layui.table;
var view = { var view = {
init:function(){ init:function(){
},
}, delBatch:function(){
delBatch:function(){ var data = Common.getMoreDataFromTable(table,"${entity.code}Table");
var data = Common.getMoreDataFromTable(table,"${entity.code}Table"); if(data==null){
if(data==null){ return ;
return ; }
} Common.openConfirm("确认要删除这些${entity.displayName}?",function(){
Common.openConfirm("确认要删除这些${entity.displayName}?",function(){ var ids =Common.concatBatchId(data,"${entity.idAttribute.name}");
var ids =Common.concatBatchId(data,"${entity.idAttribute.name}"); ${entity.code}Api.del(ids,function(){
${entity.code}Api.del(ids,function(){ Common.info("删除成功");
Common.info("删除成功"); dataReload();
dataReload(); })
}) })
}) }
}
} exports('del',view);
}
exports('del',view);
}); });
\ No newline at end of file
layui.define([ 'form', 'laydate', 'table','${entity.code}Api'], function(exports) { layui.define([ 'form', 'laydate', 'table','${entity.code}Api'], function(exports) {
var form = layui.form; var form = layui.form;
var ${entity.code}Api = layui.${entity.code}Api; var ${entity.code}Api = layui.${entity.code}Api;
var index = layui.index; var index = layui.index;
var view = { var view = {
init:function(){ init:function(){
Lib.initGenrealForm($("#updateForm"),form); Lib.initGenrealForm($("#updateForm"),form);
this.initSubmit(); this.initSubmit();
}, },
initSubmit:function(){ initSubmit:function(){
$("#updateButton").click(function(){ $("#updateButton").click(function(){
${entity.code}Api.update${upperFirst(entity.code)}(function(){ ${entity.code}Api.update${upperFirst(entity.code)}($('#updateForm'),function(){
parent.window.dataReload(); parent.window.dataReload();
Common.info("更新成功"); Common.info("更新成功");
Lib.closeFrame(); Lib.closeFrame();
}); });
});
$("#updateButton-cancel").click(function(){
}); Lib.closeFrame();
});
$("#updateButton-cancel").click(function(){ }
Lib.closeFrame(); }
}); exports('edit',view);
}
}
exports('edit',view);
}); });
\ No newline at end of file
/*访问后台的代码*/ /*访问后台的代码*/
layui.define([], function(exports) { layui.define([], function(exports) {
var api={ var api={
update${upperFirst(entity.code)}:function(callback){ update${upperFirst(entity.code)}:function(form,callback){
Lib.submitForm($('#updateForm'),{},callback) Lib.submitForm("/${target.urlBase}/${entity.code}/update.json",form,{},callback)
}, },
add${upperFirst(entity.code)}:function(callback){ add${upperFirst(entity.code)}:function(form,callback){
Lib.submitForm($('#addForm'),{},callback) Lib.submitForm("/${target.urlBase}/${entity.code}/add.json",form,{},callback)
}, },
del:function(ids,callback){ del:function(ids,callback){
Common.post("/${target.urlBase}/${entity.code}/delete.json",{"ids":ids},function(){ Common.post("/${target.urlBase}/${entity.code}/delete.json",{"ids":ids},function(){
callback(); callback();
}) })
} }
}; };
exports('${entity.code}Api',api);
exports('${entity.code}Api',api);
}); });
\ No newline at end of file
layui.define([ 'form', 'laydate', 'table' ], function(exports) { layui.define([ 'form', 'laydate', 'table' ], function(exports) {
var form = layui.form; var form = layui.form;
var laydate = layui.laydate; var laydate = layui.laydate;
var table = layui.table; var table = layui.table;
var ${entity.code}Table = null; var ${entity.code}Table = null;
var view ={ var view ={
init:function(){
init:function(){ this.initTable();
this.initTable(); this.initSearchForm();
this.initSearchForm(); this.initToolBar();
this.initToolBar(); window.dataReload = function(){
window.dataReload = function(){ Lib.doSearchForm($("#searchForm"),${entity.code}Table,form)
Lib.doSearchForm($("#searchForm"),${entity.code}Table,form) }
} },
initTable:function(){
${entity.code}Table = table.render({
}, elem : '#${entity.code}Table',
initTable:function(){ height : Lib.getTableHeight(1),
${entity.code}Table = table.render({ method : 'post',
elem : '#${entity.code}Table', url : Common.CTX + '/${target.urlBase}/${entity.code}/list.json' // 数据接口
height : Lib.getTableHeight(1), ,page : Lib.tablePage // 开启分页
method : 'post', ,limit : 10,
url : Common.CTX + '/${target.urlBase}/${entity.code}/list.json' //数据接口 cols : [ [ // 表头
,page : Lib.tablePage //开启分页 {
,limit : 10, type : 'checkbox',
cols : [ [ //表头 fixed:'left',
{ },
type : 'checkbox', @for(attr in entity.list){
fixed:'left', {
}, field : '${attr.name}',
@for(attr in entity.list){ title : '${attr.displayName}',
{ @if(attrLP.first){
field : '${attr.name}', fixed:'left',
title : '${attr.displayName}', @}
@if(attr.javaType=="date"){
@if(attrLP.first){ templet:function(d){
fixed:'left', return Common.getDate(d.${attr.name});
@} },
@if(attr.javaType=="date"){ @}
templet:function(d){ width : 100,
return Common.getDate(d.${attr.name}); }${!attrLP.last?","}
}, @}
@}
width : 100, ] ]
}${!attrLP.last?","}
@} });
},
] ]
initSearchForm:function(){
}); Lib.initSearchForm( $("#searchForm"),${entity.code}Table,form);
}, },
initToolBar:function(){
initSearchForm:function(){ toolbar = {
Lib.initSearchForm( $("#searchForm"),${entity.code}Table,form); add : function() { // 获取选中数据
}, var url = "/${target.urlBase}/${entity.code}/add.do";
initToolBar:function(){ Common.openDlg(url,"${entity.displayName}管理>新增");
toolbar = { },
add : function() { //获取选中数据 edit : function() { // 获取选中数目
var url = "/${target.urlBase}/${entity.code}/add.do"; var data = Common.getOneFromTable(table,"${entity.code}Table");
Common.openDlg(url,"${entity.displayName}管理>新增"); if(data==null){
}, return ;
edit : function() { //获取选中数目 }
var data = Common.getOneFromTable(table,"${entity.code}Table"); var url = "/${target.urlBase}/${entity.code}/edit.do?${entity.idAttribute.name}="+data.${entity.idAttribute.name};
if(data==null){ Common.openDlg(url,"${entity.displayName}管理>"+data.${entity.nameAttribute.name}+">编辑");
return ; },
} del : function() {
var url = "/${target.urlBase}/${entity.code}/edit.do?${entity.idAttribute.name}="+data.${entity.idAttribute.name}; layui.use(['del'], function(){
Common.openDlg(url,"${entity.displayName}管理>"+data.${entity.nameAttribute.name}+">编辑"); var delView = layui.del
delView.delBatch();
}, });
del : function() { }
layui.use(['del'], function(){ };
var delView = layui.del $('.ext-toolbar').on('click', function() {
delView.delBatch(); var type = $(this).data('type');
}); toolbar[type] ? toolbar[type].call(this) : '';
} });
}
};
$('.ext-toolbar').on('click', function() {
var type = $(this).data('type');
toolbar[type] ? toolbar[type].call(this) : '';
});
}
} }
exports('index',view);
exports('index',view);
}); });
\ No newline at end of file
...@@ -192,11 +192,18 @@ var Lib = { ...@@ -192,11 +192,18 @@ var Lib = {
var index = parent.layer.getFrameIndex(window.name); // 先得到当前iframe层的索引 var index = parent.layer.getFrameIndex(window.name); // 先得到当前iframe层的索引
parent.layer.close(index); // 再执行关闭 parent.layer.close(index); // 再执行关闭
}, },
/*不再使用,因为没有提供url*/
submitForm : function(form, paras, callBack) { submitForm : function(form, paras, callBack) {
var url = form.attr("action"); var url = form.attr("action");
var formPara = form.serializeJson(); var formPara = form.serializeJson();
Common.post(url, formPara, callBack); Common.post(url, formPara, callBack);
},
submitForm : function(url,form, paras, callBack) {
var formPara = form.serializeJson();
Common.post(url, formPara, callBack);
}, },
getTableHeight : function(queryLine) { getTableHeight : function(queryLine) {
// 表格相对高度 // 表格相对高度
......
<!--# layout("/common/layout.html",{"jsBase":"/js/core/codeGen/"}){ --> <!--# layout("/common/layout.html",{"jsBase":"/js/core/codeGen/"}){ -->
<div class="layui-btn-group"> <div class="layui-btn-group">
<button class="layui-btn ext-toolbar" data-type="html">预览HTML</button>
<button class="layui-btn ext-toolbar" data-type="js">预览JS</button> <button class="layui-btn ext-toolbar" data-type="js">预览JS</button>
<button class="layui-btn ext-toolbar" data-type="java">预览Java</button> <button class="layui-btn ext-toolbar" data-type="java">预览Java</button>
<button class="layui-btn ext-toolbar" data-type="sql">预览SQL</button> <button class="layui-btn ext-toolbar" data-type="sql">预览SQL</button>
<button class="layui-btn ext-toolbar" data-type="html">预览HTML</button>
<button class="layui-btn ext-toolbar" data-type="gen">立即生成</button> <button class="layui-btn ext-toolbar" data-type="gen">立即生成</button>
<button class="layui-btn ext-toolbar" data-type="cancel">取消</button> <button class="layui-btn ext-toolbar" data-type="cancel">取消</button>
</div> </div>
......
doc/readme/codegen.png

356 KB | W: | H:

doc/readme/codegen.png

79.3 KB | W: | H:

doc/readme/codegen.png
doc/readme/codegen.png
doc/readme/codegen.png
doc/readme/codegen.png
  • 2-up
  • Swipe
  • Onion skin
doc/readme/codegen2.png

334 KB | W: | H:

doc/readme/codegen2.png

94.8 KB | W: | H:

doc/readme/codegen2.png
doc/readme/codegen2.png
doc/readme/codegen2.png
doc/readme/codegen2.png
  • 2-up
  • Swipe
  • Onion skin
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment