环境: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>