php开发

最新推荐文章于 2022-09-14 21:46:07 发布

zhixi3134

最新推荐文章于 2022-09-14 21:46:07 发布

阅读量191

点赞数

分类专栏：网站

本文链接：https://blog.csdn.net/zhixi3134/article/details/80433576

版权

网站专栏收录该内容

4 篇文章 0 订阅

订阅专栏

环境：Win10

软件：phpstudy

安装phpstudy（百度安装即可）

1.删除根目录的index.php（或重命名为index.php.bak），允许目录列表显示目录。

2数据库

添加用户

3制作的第一个账户注册登录界面

https://download.csdn.net/download/zhixi3134/10442792

4sublime 插件安装（需要翻墙）

https://blog.csdn.net/feilong_csdn/article/details/67638660

5Ajax实现页面局部刷新

<script type="text/javascript">  
function loadXMLDoc()//ajax发送请求并显示  
{  
var xmlhttp;  
if (window.XMLHttpRequest)  
  {// code for IE7+, Firefox, Chrome, Opera, Safari  
  xmlhttp=new XMLHttpRequest();  
  }  
else  
  {// code for IE6, IE5  
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  
  }  
xmlhttp.onreadystatechange=function()  
  {  
  if (xmlhttp.readyState==4 && xmlhttp.status==200)  
    {  
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;  
    }  
  }  
xmlhttp.open("POST","./chat.php",true);  
xmlhttp.send();  
setTimeout("loadXMLDoc()",500);//递归调用  
}  
loadXMLDoc();//先执行一次  
</script>

放置位置

<div id="myDiv"></div>

实现按钮打印

 <script type="text/javascript">
 
function a2(vvv){
    alert(vvv);
}
 
</script> 

<input  type='button' value='ok' οnclick='javascript: a2("ccc");'  />

动态echats


<?php
  mysql_connect('120.24.88.75','admin','mysql123');

  mysql_select_db('shiyanshi');

  mysql_query('set names utf8');

  $sql="select *from wenshidu";
  $rst=mysql_query($sql);
           while($row=mysql_fetch_assoc($rst)){
               //echo "<pre>";
               //print_r($row);
               $a=$row['d1'];
               $b=$row['d2'];
               $c=$row['d3'];
               $d=$row['d4'];
               $e=$row['d5'];
               $f=$row['d6'];


               echo "<tr>";
               //echo "<td>{$row['id']}</td>";  
               echo "<td> </td>";  
               echo "<td>$a </td>";  
               echo "<td>$b </td>";  
               echo "<td>$c </td>";  
               echo "<td>$d </td>";  
               echo "<td>$e </td>"; 
               echo "<td>$f </td>";  
               echo "sd";
           }
?>

<?php
$hello=array($a,$b,$c,$d,$e,$f);//创建一个数组，
$hellojson=json_encode($hello);//并且将数组变成为json格式
echo <<<eot
<script type="text/javascript">
var josn_js=$hellojson;
</script>
eot
//这些代码就实现了将数组从php到js中。
?>


<!DOCTYPE html>
<html>
<head>
    <title>ECharts.js 数据绑定</title>
    <meta charset="utf-8">
    <script type="text/javascript" src="./echarts.js"></script>
</head>
<body>
    <div id="chartmain" style="width:600px; height: 400px;"></div>

   <script type="text/javascript">        
    //初始化echarts实例
    var myChart = echarts.init(document.getElementById('chartmain'));
    var base = + new Date(2018,5,30);
    var oneDay = 24*3600*1000;
    var date = [];
    var data = [Math.random()*150];
    var now = new Date(base);
    var day = 30;
    

    /*
    function addData(shift){
        now = [now.getFullYear(),now.getMonth()+1,now.getDate()].join('/');        
        date.push(now);        
        data.push((Math.random()-0.5)*10+data[data.length-1]);
        if (shift) {
            console.log(data);
            date.shift();
            data.shift();
        }
        now = new Date(+new Date(now)+oneDay);        
    }
   
    for (var i = 0; i < day; i++) {
        addData();
    }
    */

           
    //设置图标配置项
    myChart.setOption({
        title:{
            text:'ECharts 30天内数据实时更新'
        },
        xAxis:{
            type:"category",
            boundaryGap:false,
            data:["1","2","3","4","5","6"]
        },
        yAxis:{
            boundaryGap:[0,'100%'],
            type:'value'
        },
        series:[{
            name:'成交',
            type:'line',
            smooth:true, //数据光滑过度
            symbol:'none', //下一个数据点
            stack:'a',
            areaStyle:{
                normal:{
                    color:'red'
                }
            },
            data:["1","2","3","4","5","6"]
        }]
    })
    setInterval(function(){
        addData(true);
        myChart.setOption({
            xAxis:{
                data:["1","2","3","4","5","6"]
            },
            series:[{
                name:'成交',
                data:[josn_js[0],josn_js[1],josn_js[2],josn_js[3],josn_js[4],josn_js[5]]
            }]
        });
    },1000)
</script>
</body>
</html>