layui实现前台页面和后台数据库的同步修改和删除操作

首先来看看展示效果吧：

如下图，点击编辑按钮，弹出修改信息的框，将信息修改后，点击确定按钮，实现后台数据库和前台页面同时修改成我们在框内重新写的值：

修改功能的前后台代码如下 ：

前台页面：Index.html

{% extends 'common.html'%}
    {% block content %}
        <div class="layui-row">
				<form class="layui-form layui-col-md12 we-search" id="form_gen_data">
					<div class="layui-inline">
                        <label class="layui-form-label">手机号</label>
						<input class="layui-input" placeholder="手机号" name="phone" id="phone">
					</div>

                    <div class="layui-inline">
                        <label class="layui-form-label">身份证</label>
						<input class="layui-input" placeholder="身份证" name="idno" id="idno">
					</div>

                    <div class="layui-inline">
                        <label class="layui-form-label">姓名</label>
						<input class="layui-input" placeholder="姓名" name="name" id="name">
					</div>

                    <div class="layui-inline">
                        <label class="layui-form-label">crfuid</label>
						<input class="layui-input" placeholder="crfuid" name="crfuid" id="crfuid">
					</div>

				</form>
			</div>

			<div class="weadmin-block">
				<!--<button class="layui-btn" id="query_extra" style="display:none;">扩展功能</button>-->
				<button class="layui-btn" id="query_thumb" onclick="return false;" data-type="reload">查询用户</button>
				<button class="layui-btn" id="query_limit"  onclick="return false;" data-type="reload">额度查询</button>
				<button class="layui-btn" id="query_member">会员查询</button>
				<button class="layui-btn" id="query_account">账户查询</button>
				<a href="http://192.168.60.24/phones/index.php/test/index/logintools" class="layui-btn" target="_blank">打开H5页面</a>
				<div class="layui-collapse" lay-accordion>

				</div>
			</div>


			<table class="layui-hide" id="table_message1" lay-filter="user"></table>
			<table class="layui-hide" id="table_message2" lay-filter="test"></table>

			<script type="text/html" id="barDemo">
            <!--这里定义好编辑按钮-->
			  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
			</script>


			<script type="text/html" id="Userdelbar">
			    <a class="