网页开发基本概念

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

 

posted @   吴然_O_o_o  阅读(144)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示