用简单,易懂的方法将数据库和网页连接起来(例:登陆注册页面) | 您所在的位置:网站首页 › 登陆网页设计方法 › 用简单,易懂的方法将数据库和网页连接起来(例:登陆注册页面) |
PHP技术,远比用java写代码连接数据库简单得多,下面看我的详细介绍: 1.首先要下载:phpstudy_pro(关注我可以免费下载哦!) 2.然后打开phpstudy_pro,启动Apache服务器(每次想要链接数据库都要先做这个操作) (想要详细了解PHP服务器可以点击---->可以点击----> https://blog.csdn.net/qq_780662763/article/details/108346226) 3.创建你的数据库 localhost用户下:创建数据库名:root数据库密码12345创建表格travel在表格中:创建两个属性user,password4.然后再自己网页编辑软件上(本人的是VScode) 先创建个后缀名为“.htaccess”的文件,在里面填上如下代码: ( 作用:简化网页后缀名 例如:原来为-“register3.html/register3.php”的文件 写上这个代码后:可以用register3直接代替 ) RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME}.php -f RewriteRule ^([^\.]+)$ $1.php [NC] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME}.html -f RewriteRule ^([^\.]+)$ $1.html [NC,L] 后创建,三个后缀名为".php"的文件,在里面填上如下代码: A.第一个文件,写登陆页面:
这里需要改的内容: 第四行数据库的相关内容 倒数第二行把“register3”改成你的页面名 C. 第三个文件:就是对用户体验的优化: 每次点击登陆/注册后,清除输入框内的内容: 5.下面写js代码: 放在注册页面中(register.html) (function customsubmit(){ $(document).ready(function(){//文档加载完成,自动初始化 $("form").submit(function(event){//处理表单提交的数据 event.preventDefault();//阻止页面跳转 let status=validateform();//检查合法性 if(!status) return false; let url='register'; let user=$('#username').val(); let password=$('#password').val();
$.post(url,{user,password},function(data){//异步请求接口(post)获取数据; if(data=='success') { alert('注册成功'); location.href='login'; } else alert('注册失败'); }) }); }); })() 放在登陆页面(login.html)中 (function customsubmit(){ $(document).ready(function(){ $("form").submit(function(event){ event.preventDefault(); let status=validateform(); if(!status) return false; let url='login';//API interface let user=$('#username').val();//value 'user' let password=$('#password').val();//value 'user' $.post(url,{user,password},function(data){ if(data=='success') { alert('登录成功'); location.href='index.html'; } else if(data=='not exited') alert('您已登录'); else alert('密码错误'); }) }); }); })() 需要改的是: 上面的两个做的操作差不多,可以类似的改一下 下面以第二个代码为标准讲一下: 第五行的函数--“validateform()”---这是我写的检验输入格式的,可以换成你自己的//或者把这行删去 第七行换成你的----后缀名为“.php”的文件,前面的名字(例ABC.html就是换成ABC就可以了) 第十三行的“index.html”----换成你的想要等登陆成功/注册成功后现实的页 6.将自己制作的网页放入下载的phpstudy_pro文件的名称为www的文件夹下 7.在网页输入localhost/网页名,就可以登录自己的网页,在这里就可以登录/注册 例:localhost/index.html localhost/login.html TOPS: 在网页中当自己改变网页内容时,最好在网页清空一下缓存如下图打上钩,然后刷新一下
|
CopyRight 2018-2019 实验室设备网 版权所有 |