上一篇说到这段时间一直在练习web表单交互的例子,今天就以表单与mysql交互说一下,本次只说,表单内容上传到数据库服务器
- 使用dw,新建一个流体网格,选择xhtml,简历手机网页,将css文件保存为test.css,在html页面插入一个表单(form),然后在表单里面插入一个8*2的表格,将表格设置为左右1:3的布局,将第一行和最后一行表格中的左右表格分别合并
- 中间的表格,标签分别为,姓名,性别,密码,学历,爱好,个人简介,分别插入文本域(单行),单选组,下拉菜单,复选组,文件上传,文本区域(多行)。
- 本次测试原本准备是在电脑本机测试的,但是选择的是xhtml格式,所以我将本次的源代码上传到阿里云服务器上面,服务器环境为win server 2012,安装的也是appserv环境集成包,所以和电脑上测试是一样的
- 其实今天想测试,将文件上传到七牛云存储上面,结果那个文档没看懂,所以会去还得研究研究,所以本次依旧使用的mysql记录文件地址,文件上传到服务器的磁盘上,会去一定要好好研读云存储,毕竟要跟上时代。
- 由于服务器上也没安装什么云盾上面的,所以数据库在外网也是可以正常访问(反正没什么内容在里面),浏览器里面输入ip+phpmyadmin,回车,进入登录页面,输入登录账号密码,进入数据库可视化管理页面,创建一个db_gerenjianli数据库,然后创建一个tb_gerenjianli的数据表,依次设置,id、name、sex、pwd、xueli、aihao、jianjie,将id设置为自动获取和主键,其他的数据类型不一一介绍了,请自己试验。
- 去dw,点击form,进入表单,点击代码,进入代码编辑页面,将表格各元素id设置好,form的method选择post,action选择chaxun.php(数据处理页)
- 新建chaxun.php页面
$sql=mysql_query("insert into tb_info(name,sex,pwd,xueli,aihao,jianjie) values('$name','$sex','$pwd','$xueli','$aihao','$jianjie')");<?php <span style="white-space:pre"> </span>include("conn/conn.php");//连接数据库 $name=$_POST[name]; <span style="white-space:pre"> </span>$sex=$_POST[sex]; <span style="white-space:pre"> </span>$pwd=$_POST[pwd]; <span style="white-space:pre"> </span>$xueli=$_POST[xueli]; <span style="white-space:pre"> </span>$aihao=$_POST[aihao]; <pre name="code" class="php"><span style="white-space:pre"> </span>$jianjie=$_POST[jianjie];
if($sql){
echo "<script>alert('恭喜您,个人简介提交成功!');window.location.href='index.php';</script>";
}else{
echo "<script>alert('对不起,提交失败!');history.back();</script>";
}
?> conn.php页面,,额额额,代码片网速太差打不开,这代码我就不写了,前面有