洛阳师范学院2016届本科生毕业设计
有很多自己的框架一直以来被广泛利用，多半都是基于mvc架构模式的。以下是国内的一部分框架：ThinkPHP框架有着卓越的性能，是具有丰富的功能的轻量级PHP开发框架，原创特性、并且倡导大道至简，用最少的代码完成更多的功能是它本身具有的特色，它的宗旨是让web应用开发更简单、更快速；Canphp框架是中国开源的php框架之一，主要是以追求简单、减少php初学者的学习成本，追求高效率为设计理念，而且，模版类不提供其他标签，直接应用php的源代码；KYPHP框架是中国开源的另一种框架，严格遵守OOP和MVC的理念，具有控件化、可扩展性强等特点，除此之外，php还有很多框架供我们使用。
总之，PHP现在应用广泛，跨平台性强，开发快捷，效率高，面对对象，并且易于上手，专业专注等诸多优点。
4.3 数据库设计
由于此设计主要针对前端来做的，所以数据库这一块设计的比较简单，实现了数据的基本查询、插入、和修改。
数据库的基本设计（由phpmyadmin绘制）：
实现数据的插入操作：
实现数据库的简单操作
10
基于HTML5的网络课堂前端设计
4.4 用户前端设计
4.4.1 登录、注册界面
1. 网络课堂的前端注册界面
图4-1 创建账号主界面
该页面php代码（实现数据库的基本操作）：
header('Content-type:text/html;charset=utf-8');
11
洛阳师范学院2016届本科生毕业设计
//连接数据库
$conn=mysql_connect('localhost','root',''); //如果连接失败就停止 if(!$conn){ }
//选择数据库
mysql_select_db('student'); //执行sql语句设置编码
mysql_query('set names utf8');//在连接和传输数据时使用的编码 /*。。。。自此可以使用mysql_query函数执行sql来操作数据库。。。*/ $pn=$_GET['phonenumber'];
$sql=\$res=mysql_query($sql);
$row=mysql_fetch_array($res);//根据从结果集取得的行生成的数组，如果没有更多行则返货false
if((int)$row[0]>0){ } /*else{ ?>
Ajax操作实现访问服务器部分： 账号填写，及验证是否已经存在 function xiayibu(){
if(ip[0].value!=ip[1].value){ } else{
var xhr=new XMLHttpRequest(); alert('密码不一致');
echo '{err:1, msg: \此用户请注册\}*/
echo '{err: 0, msg: \此用户已寻在\exit();
die('连接数据库失败');
12
基于HTML5的网络课堂前端设计
xhr.open('get','psw.php?password='+ip[1].value+'&phonenumber='+inpt[1].va }
var xml=new XMLHttpRequest();
xml.open('get','zhuce.php?phonenumber='+inpt[1].value,true); xml.send();
xml.onreadystatechange=function(){
if(xml.readyState==4){
if(xml.status==200){
var ss=eval('('+xml.responseText+')'); if(ss.err){ } else{ }
13
lue,true);
}
xhr.send();
xhr.onreadystatechange=function(){ }
if(xhr.readyState==4){ }
if(xhr.status==200){ }
bd2.style.display='none'; bd3.style.display='none'; bd4.style.display='block'; lis[1].className='';
img[1].src='image/list'+2+'.png'; a2[1].className=''; lis[2].className='coll';
img[2].src='image/list'+33+'.png'; a2[2].className='col';
inpt[1].onblur=function(){
alert(ss.msg);
alert(ss.msg);
洛阳师范学院2016届本科生毕业设计
}
}
}
}
if(inpt[1].value==''){ }
else if(inpt[1].value.length!=11){ }
else if(isNaN(inpt[1].value)){ }
else if(inpt[1].value.length==11){ }
yz.style.display='block'; yz.innerHTML='正确的手机号'; yz.style.color='green';
var a=document.createElement('a'); a.innerHTML='去登陆？'; a.style.marginLeft=150+'px'; a.style.cursor='pointer'; a.href='后台登陆2.html'; yz.appendChild(a); yz.style.display='block';
yz.innerHTML='请输入11位纯数字'; yz.style.color='red'; yz.style.display='block';
yz.innerHTML='请填写正确的手机号'; yz.style.color='red'; inpt[1].value='请输入手机号';
密码验证是否合格： ip[0].onfocus=function(){
}
if(ip[0].value=='请输入密码'){ }
ip[0].value='';
ip[0].onblur=function(){
14