网页开发基本概念
网页开发需注意以下几点: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"; } }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现