网页开发基本概念

  网页开发需注意以下几点: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";
        }
    }

 

上一篇:阿里云服务器1核2G 2核4G 4核8G 8核16爆款配置价格表及活动价格分享


下一篇:阿里云服务器入门级和企业级性能有什么差别?