网页开发需注意以下几点:1.前端页面的设计;2.后台数据的处理(存储数据库,增删改查);3.前端和后台的交互,数据传递,通过id或者唯一标识链接后台函数,利用post或get方式传递数据。前端在html以及css代码中添加唯一标识,利用js技术将数据通过url方式传到后台进行处理。以下是代码示范。
HTML代码:
人员姓名: <input class="easyui-textbox" style="width:150px" valueField='name' textField='text' id="name">
JS数据抛送
function saveInfo(){ // var myurl="__ROOT__/index.php/Home/Rygl/saves"; // alert( data); // var data= // console.log(data); if($('input[name="rybh"]').val()==""){ alert("人员编号不能为空!"); return false; } if($('input[name="name"]').val()==""){ alert("人员名称不能为空!"); return false; } if($('input[name="tel"]').val()==""){ alert("联系方式不能为空!"); return false; } $.ajax({ url:myurl, type: 'post', data:"&rybh="+$('input[name="rybh"]').val()+"&name="+$('input[name="name"]').val()+"&sex="+$('input[name="sex"]').val() +"&tel="+$('input[name="tel"]').val()+"&physical_limit="+$('input[name="physical_limit"]').val()+"&workload="+$('input[name="workload"]').val(), datatype:'json', success:function(result){ console.log(result); if(result=="false"||result==false){ alert("操作失败"); }else{ $.messager.show({ title:'成功', msg:'操作成功', }) $('#dlg').dialog('close'); window.location.reload()//刷新当前页面. ; } } }); }
后台获取数据存入数据库:
public function saves() { $db = M('ry2'); $post = I('post.'); $map['rybh'] = $post['rybh']; $map['name'] = $post['name']; $map['sex'] = $post['sex']; $map['tel'] = $post['tel']; $map['physical_limit'] = $post['physical_limit']; $map['workload'] = $post['workload']; $ret = $db->add($map); if ($ret) { echo "true"; } else { echo "false"; } }