前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【php增删改查实例】第二十二节 - 引入百度地图

【php增删改查实例】第二十二节 - 引入百度地图

作者头像
剽悍一小兔
发布2018-06-08 10:45:33
5590
发布2018-06-08 10:45:33
举报

20.用户新增地址字段

在实际的开发中,经常会出现对数据表新增或者修改字段的事情,所以,当用户提出加字段的需求时,我们的页面以及后台程序都要进行相应的改动。

本节就以增加一个地址字段为例。

打开navicat:

点击保存按钮,添加完毕。

userManage.html要进行的修改:

新增页面的form表单要添加地址输入框:

用户列表的table里面也要新加一个地址字段:

<th field="addr" width="180" align="center">地址</th>

save.php

修改的sql语句,加addr字段:

新增语句也要加上addr字段

//新增
        $username = $_POST["username"];
        $password = md5 ( $_POST["password"] );
        $nickname = $_POST["nickname"];
        $addr = $_POST["addr"];

        $sql = "insert into tm_users values (NULL,'$username','$password','$nickname',now(),now(),0,'$addr')";

        //用户名非重复检测

        $rs = mysql_query("select count(1) as total from tm_users where username = '$username';");


        while($row = mysql_fetch_array($rs)){
            if($row["total"] > 0){
                $resultData["errCode"] = -1;
                $resultData["errMsg"] = "用户名重复!";
                echo json_encode($resultData);
                return;
            }
        }


        //执行新增操作
        mysql_query($sql) or die(err());

        echo json_encode($resultData);

21. addr的位置预览(百度地图)

21.1 把地址列变成超链接

function addrFormatter(val){

    if(!val) return "这个用户很懒,没有填写地址。";
    return "<a href=\"javascript:map('"+val+"')\">"+val+"</a>";

}


function map(addr){

}

因为要打开一个地图页面,所以现在绘制一个dialog对话框,对话框里面嵌套一层iframe。

 <div id="dialog1" class="easyui-dialog" style="width:800px;height:500px;padding:10px 20px;" closed="true" data-options="title:'地图'" > 

    <iframe id="map" frameborder=0 scrolling='auto' style='width:100%;height:100%'></iframe>

  </div>

当我们点击这里的超链接:

就应该弹出dialog1。 代码:

function map(addr){

    $("#dialog1").dialog("open");

    $("#map").attr("src","http://map.baidu.com/?newmap=1&ie=utf-8&s=s%26wd%3D"+addr);

}

效果:

源码获取:https://www.jianshu.com/p/4977bd0073d5

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.06.07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 20.用户新增地址字段
  • 21. addr的位置预览(百度地图)
    • 21.1 把地址列变成超链接
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档