微擎开发的小笔记

1.微擎的web文件夹下的文件只要引用了如下标签就使用了Bootstrap的前台框架和Jquery.js

{template 'common/header'}
/*div+css代码*/
{template 'common/footer'}

2.setting页面(可自己新建一个都行)假如有select控件,如何在site.php文件中获取到select选中的值:

html页面代码:

{template 'common/header'}
<form class="form-horizontal form" enctype="multipart/form-data" onsubmit="return check(this)" method="post" action="">
    <div class="panel panel-default">
        <div class="panel-heading">基本设置</div>
        <div class="panel-body">
            <div class="form-group">
                <label class="col-xs-12 col-sm-3 col-md-2 control-label"> <span
                    style="color: red">*</span> 地点数
                </label>
                <div class="col-sm-9 col-xs-12">
                    <select id="groupid" class="form-control" style="float: left" name="groupid">
                        <option value="0">请选择</option>
                        <option value="2">2</option>
                        <option value="4">4</option>
                        <option value="6">6</option>
                        <option value="8">8</option>
                    </select>
                    <div class="help-block"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-12">
            <input type="hidden" name="token" value="{$_W['token']}" /> 
            <input class="btn btn-primary col-lg-1" type="submit" value="提交" name="submit">
        </div>
    </div>
</form>
<script type="text/javascript">
    $(function() {
        $("#groupid").change(function(){
            alert($(this).val());
        });
    });
</script>
{template 'common/footer'}

site.php页面代码如下:

public function doWebSetting() {
        //这个操作被定义用来呈现 管理中心导航菜单
        
        global $_W,$_GPC;
        $id=$_GPC['groupid'];
        if(checksubmit('submit'))
        {
            message($id);
        }
        include $this->template('web/setting');
    }

 3.调用微擎自带的提示框信息,效果图如下:

<script type="text/javascript">
require(['jquery', 'util'], function($, util){
    $(function(){
        $("#user_point").click(function(){
            var loca= $("#ifram1").contents().find("#lonlat").val();
            var sp=loca.split(",");
            var lng=sp[0];/*经度*/
            var lat=sp[1];/*纬度*/
            
            $("#loca_lng").val(lng);
            $("#loca_sp").val(lat);
            util.message("设置成功");
        });
        
    });
});

</script>

 4.后台修改数据保存,让起自动跳转其他页面的使用方法,比如在site.php文件中

效果图:

代码如下:

message("修改成功",$this->createWebUrl('Businesslist'),success);

那么他就会跳转到这个方法:

public function doWebBusinesslist()
{
include $this->template('web/businesslist');
}

 

posted @ 2016-03-15 17:09  风琴~云淡  阅读(1115)  评论(0编辑  收藏  举报