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

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