refactor: 全面代码重构与项目结构整理
安全性: - 所有SQL查询改用参数化查询(db_query),防止SQL注入 - TUSHARE_API_TOKEN集中到config.php常量,移除硬编码和多份拷贝 - getBasic.inc.php中$_REQUEST输出到JS时添加htmlspecialchars转义 代码组织: - 21个页面文件移至charts/子目录,根目录仅保留入口文件 - ajax.inc.php拆分:esfTradeDaily/esfListDaily迁至getEstate.inc.php - getBasic.inc.php拆分:HTML组件函数迁至新建的widgets.inc.php - 前端依赖去重:移除lib/echarts.min.js、libai/3.4.16.js、research/js/3.4.16.js 规范化: - AJAX响应格式统一为jsonResponse()标准封装 - 前端全局变量统一为window.chartConfig对象模式 - 修复PHP 8.4 Deprecated警告(getEstateData、getStockHistoryDataByTS参数顺序) - html/head.php中jQuery/CSS路径改为绝对路径,修复charts/子目录加载问题 Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,201 @@
|
||||
<?php
|
||||
/*
|
||||
* @Author: Yangshuimiao
|
||||
* @Date: 2023-08-21 21:14:00
|
||||
* @LastEditTime: 2025-01-21 10:05:30
|
||||
* @FilePath: \estateTradeDaily.php
|
||||
* @Description:
|
||||
* Copyright 2025 Yangshuimiao, All Rights Reserved.
|
||||
*/
|
||||
require_once "../inc/functions.inc.php";
|
||||
|
||||
$_REQUEST['t_start']=$_REQUEST['t_start']?$_REQUEST['t_start']:'2023-08-15';
|
||||
$_REQUEST['t_end']=$_REQUEST['t_end']?$_REQUEST['t_end']:date('Y-m-d');
|
||||
//$currentYear = date('Y');
|
||||
$_REQUEST['mst']=$_REQUEST['mst']?$_REQUEST['mst']:'2023-08';
|
||||
$_REQUEST['med']=$_REQUEST['med']?$_REQUEST['med']:date('Y-m');
|
||||
$_REQUEST['dm']=$_REQUEST['dm']?$_REQUEST['dm']:'Daily';
|
||||
|
||||
$_REQUEST['district']=$_REQUEST['district']?$_REQUEST['district']:'合计';
|
||||
$subTitle=($_REQUEST['district']=='合计')?'宁波地区':$_REQUEST['district'];
|
||||
$title="二手房每日成交量({$subTitle})";
|
||||
|
||||
|
||||
$urlAppend = "t=esfTBD";
|
||||
if($_REQUEST['dm']=='Daily') $urlAppend.="&t_start={$_REQUEST['t_start']}&t_end={$_REQUEST['t_end']}";
|
||||
if($_REQUEST['dm']=='Monthly') $urlAppend.="&t_start={$_REQUEST['mst']}&t_end={$_REQUEST['med']}";
|
||||
$urlAppend .= "&district={$_REQUEST['district']}";
|
||||
$urlAppend .= "&dm={$_REQUEST['dm']}";
|
||||
$url = 'https://echart.doorcome.cn/inc/ajax.inc.php?'.$urlAppend;
|
||||
include_once "../html/head.php";
|
||||
?>
|
||||
|
||||
<form name="main" id="main" method="get"> <div style="width:100%;text-align:center">
|
||||
区域:
|
||||
<?php districtList(); ?>
|
||||
Daily/Monthly:
|
||||
<?php byDM('dm','dblock','mblock'); ?>
|
||||
<span style="display:inline;" id='dblock'>
|
||||
开始时间: <input type='date' name='t_start' id='t_start' width='30px' >
|
||||
结束时间: <input type='date' name='t_end' id='t_end' width='30px' >
|
||||
</span>
|
||||
<span style="display:None;" id='mblock'>
|
||||
开始月份: <input type="month" name='mst' id='mst' >
|
||||
结束月份: <input type="month" name='med' id='med' >
|
||||
</span>
|
||||
<input type='submit' value="给我查!">
|
||||
<div > </div>
|
||||
<script>
|
||||
$("#district").val('<?=$_REQUEST['district']?>');
|
||||
$("#t_start").val('<?=$_REQUEST['t_start']?>');
|
||||
$("#t_end").val('<?=$_REQUEST['t_end']?>');
|
||||
$("#mst").val('<?=$_REQUEST['mst']?>');
|
||||
$("#med").val('<?=$_REQUEST['med']?>');
|
||||
$("#dm").val('<?=$_REQUEST['dm']?>');
|
||||
var vdm= $('#dm').val();
|
||||
if(vdm=='Monthly'){
|
||||
$('#dblock').css('display','none');
|
||||
$('#mblock').css('display','inline');
|
||||
}
|
||||
if(vdm=='Daily'){
|
||||
$('#dblock').css('display','inline');
|
||||
$('#mdblock').css('display','none');
|
||||
}
|
||||
</script>
|
||||
</div> </form>
|
||||
<div > </div>
|
||||
<div id="container" style="margin:0 auto;height: 400px;width: 1000px"></div>
|
||||
<div > </div>
|
||||
<div style="margin:0 auto;width: 1000px ">
|
||||
<span style="color:grey">
|
||||
* 数据来源:<a href='https://www.cnnbfdc.com/' target='_blank'>宁波市房产交易服务信息网</a><br />
|
||||
* 更新时间: 每天下午5:30</span></div>
|
||||
<script type="text/javascript">
|
||||
var dataSel1=['td','qty'];
|
||||
var dataSel2=['td','area'];
|
||||
var data1;
|
||||
var data2;
|
||||
var legend =['成交套数','成交面积','挂牌套数'];
|
||||
var headtxt = '<?=$title?>';
|
||||
$.ajax(
|
||||
{
|
||||
type:'GET',
|
||||
url:'<?=$url?>',
|
||||
dataType:'json',
|
||||
success:function(data){
|
||||
console.log(data)
|
||||
data1 = getRows(data.data.dataList,dataSel1);
|
||||
data2 = getRows(data.data.dataTrade,dataSel2);
|
||||
data3 = getRows(data.data.dataTrade,dataSel1);
|
||||
//console.log(data1);
|
||||
//console.log(data2);
|
||||
var dom = document.getElementById("container");
|
||||
var myChart = echarts.init(dom,'dark');
|
||||
var app = {};
|
||||
option = null;
|
||||
|
||||
option = {
|
||||
title: {
|
||||
//text: legend[0]+' V.S '+legend[2],
|
||||
text: headtxt,
|
||||
//subtext: subtxt,
|
||||
textAlign:'center',
|
||||
left:'50%'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
legend: {
|
||||
data:legend,
|
||||
right:'20'
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
//type: 'category',
|
||||
type: 'time',
|
||||
boundaryGap: false
|
||||
},
|
||||
yAxis: [{
|
||||
type: 'value',
|
||||
name:legend[2], //图列
|
||||
show:true
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name:legend[0], //图列
|
||||
show:true
|
||||
},
|
||||
{
|
||||
type: 'value',
|
||||
name:legend[1], //图列
|
||||
show:true,
|
||||
boundaryGap:false,
|
||||
splitLine:{
|
||||
show:false, //Y2 坐标刻度横线
|
||||
},
|
||||
}
|
||||
],
|
||||
dataZoom: [{
|
||||
type: 'inside', //or slider
|
||||
start: 0,
|
||||
end: 100
|
||||
}, {
|
||||
start: 0,
|
||||
end: 100,
|
||||
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
|
||||
handleSize: '80%',
|
||||
handleStyle: {
|
||||
color: '#fff',
|
||||
shadowBlur: 3,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.6)',
|
||||
shadowOffsetX: 2,
|
||||
shadowOffsetY: 2
|
||||
}
|
||||
}],
|
||||
series: [
|
||||
{
|
||||
name:legend[2],
|
||||
type:'bar',
|
||||
yAxisIndex:0,
|
||||
symbol:'none',
|
||||
data:data1,
|
||||
itemStyle:{normal:{label:{show:true}}}, //显示数字
|
||||
},
|
||||
{
|
||||
name:legend[0],
|
||||
type:'bar',
|
||||
yAxisIndex:0,
|
||||
symbol:'none',
|
||||
data:data3,
|
||||
itemStyle:{normal:{label:{show:true}}}, //显示数字
|
||||
},
|
||||
{
|
||||
name:legend[1],
|
||||
type:'line',
|
||||
yAxisIndex:1,
|
||||
symbol:'none',
|
||||
data:data2,
|
||||
itemStyle:{normal:{label:{show:true}}}, //显示数字
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
)
|
||||
</script>
|
||||
<?php include_once "../html/footer.php"; ?>
|
||||
|
||||
Reference in New Issue
Block a user