20．用戶新增地址字段

在實際的開發中，經常會出現對數據表新增或者修改字段的事情，所以，當用戶提出加字段的需求時，我們的頁面以及後臺程序都要進行相應的改動。

本節就以增加一個地址字段為例。

打開navicat：

點擊保存按鈕，添加完畢。

userManage.html要進行的修改：

新增頁面的form表單要添加地址輸入框：

用戶列表的table裏面也要新加一個地址字段：

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

【php增刪改查實例】第二十二節 - 引入百度地圖