查看: 8196|回复: 8

哪位高手给出Thinkphp和miniui表单提交和查询的例子 [复制链接]

0938cs

新手上路

Rank: 1

电梯直达

楼主

发表于 2012-10-9 09:47:56 |只看该作者 |倒序浏览

哪位高手给出Thinkphp和miniui表单提交和查询的例子，感谢！

收藏0

niko

管理员

Rank: 9 Rank: 9 Rank: 9

沙发

发表于 2012-10-9 09:59:35 |只看该作者

先用Thinkphp实现普通的ajax和Json交互的示例。
比如你自己找一个jquery的ajax加载thinkphp的文章等。
然后用miniui的url指向此地址即可。

0938cs

新手上路

Rank: 1

板凳

发表于 2012-10-9 10:07:19 |只看该作者

能给出详细的示例吗?谢谢！

0938cs

新手上路

Rank: 1

地板

发表于 2012-10-9 10:16:36 |只看该作者

初次接触jquery和Thinkphp , 心血来潮就结合这两个做了个登陆的例子 :

页面代码:

<div align="center">
<p>用户名：
   <input type="text" name="lid" id="lid" />
</p>
<p>密码：
<input type="text" name="pwd" id="pwd" />
</p>
<p>
   <input type="submit" name="loginbt" id="loginbt" value="登陆" />
</p>
<p><div id="state" name="state"></div></p>
</div>

Javascript代码

有两种方法)

$(document).ready(function(){
      $('#loginbt').click(function(){
         // case one :
         $.ajax({
               type:"

OST",
url:"../index.php/index/doAjax",
data:{lid

('#lid').val(),pwd

('#pwd').val()},
               success:function(msg){
                           $('#state').html(msg);
                     }
         });
         // case two:
         /*
         $.post("../index.php/index/doAjax",{lid

('#lid').val(),pwd

('#pwd').val()},function(msg){
               $('#state').html(msg);
         });
         */
      });
   });

后台php代码:

class IndexAction extends Action
{
   public function index()
   {

}

   public function doAjax()
   {
      $lid=$_POST["lid"];
      $pwd=$_POST["pwd"];
      if($lid==""||$pwd=="")
               echo '用户名或密码为空！';
      else
      {
         if($lid=="admin" && $pwd=="admin")
                  echo '登陆成功！';
         else
                  echo '登陆失败！';
      }
   }
}

0938cs

新手上路

Rank: 1

5^#

发表于 2012-10-9 10:18:54 |只看该作者

0938cs 发表于 2012-10-9 10:16
初次接触jquery和Thinkphp , 心血来潮就结合这两个做了个登陆的例子 :

页面代码:

请管理员看是否正确？

0938cs

新手上路

Rank: 1

6^#

发表于 2012-10-9 10:23:11 |只看该作者

网官方多给出Thinkphp和miniui例子一并放到论坛或下载！

factory

超级版主

Rank: 8 Rank: 8

7^#

发表于 2012-10-9 10:43:29 |只看该作者

0938cs 发表于 2012-10-9 10:23
网官方多给出Thinkphp和miniui例子一并放到论坛或下载！

你只需要前台获取到miniui控件的值,其他的只需要正常使用ajax提交到后台进行判断即可了
请参考MINIUI对应控件的API,上面有各种属性方法事件的

lonm

注册会员

Rank: 2

8^#

发表于 2012-10-9 16:32:07 |只看该作者

很简单啊

提交数据
miniui代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$Think.config.site_name}</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<css href="__PUBLIC__/Css/main.css" />
<js href="__PUBLIC__/Js/boot.js"/>
</head>
<body>
<form id="form1" method="post">
<input name="department_id" class="mini-hidden" value="{$Dept.dept_id}"/>
<div style="padding-left:11px;padding-bottom:5px; padding-top: 10px; padding-right: 10px;">
<table style="table-layout:fixed;" cellspacing="5">
<tr>
<td style="width:70px;">部门名称：</td>
<td style="width:150px;">
<input name="dept_name" class="mini-textbox" required="true" value="{$Dept.dept_name}"/>
</td>
</tr>
<tr>
<td >部门描述：</td>
<td >
<input name="dept_desc" class="mini-textarea" style="width:350px; height: 80px;" value="{$Dept.dept_desc}"/>
</td>
</tr>
</table>
</div>
<div style="text-align:center;padding:10px;">
<a class="mini-button" onclick="onOk" style="width:60px;margin-right:20px;">确定</a>
<a class="mini-button" onclick="onCancel" style="width:60px;">取消</a>
</div>
</form>
<script type="text/javascript">
mini.parse();
var form = new mini.Form("form1");
function SaveData() {
var o = form.getData();
form.validate();
if (form.isValid() == false) return;
$.ajax({
type:"post",
url: "__APP__/Department/updateDepartment",
data: o,
cache: false,
success: function (text) {
CloseWindow("save");
},
error: function (jqXHR, textStatus, errorThrown) {
alert(jqXHR.responseText);
CloseWindow();
}
});
}
</script>
</body>
</html>

复制代码

Thinkphp代码

public function updateDepartment() {
if($_REQUEST['department_id']){
$data['dept_name'] = $_REQUEST['dept_name'];
$data['dept_desc'] = $_REQUEST['dept_desc'];
$Depts = D('Dept');
$vo= $Depts->where('dept_id = ' .$_REQUEST['department_id'])->save($data);
if($vo){
$this->ajaxReturn($vo,'部门信息已更新!)',1);
}else{
$this->ajaxReturn(0,'部门信息更新失败!',0);
}
}
}

复制代码

lonm

注册会员

Rank: 2

9^#

发表于 2012-10-9 16:35:42 |只看该作者

查询就更简单了
thinkphp查询的结果数组转成json返回就可以了

//读取部门列表
public function GetDepartmentList() {
$Depts = D('Department');
$DeptL1 = $Depts->order('id asc')->select();
$s = json_encode($DeptL1);
echo $s;
}

复制代码

返回列表

		自动登录	找回密码
密码			立即注册