django：数据收集与统计可视化的简单设计
在あつまれ どうぶつの森中，每周日的上午（12:00前）可以购买大头菜，而周一到周六可在卖出大头菜。大头菜的价值是会浮动的，每天闭店时和中午12:00分别更新一次，也就是每周有12次的价格变动，如果在一周之内没有把菜卖掉，那么周日这些菜就会变成烂菜，不能再卖。
大头菜实际上就是芜菁，日语中叫作 カブ ，与日语中的股份一词“株” 同音，这个游戏机制确实有点像只有1支股的股票交易。
switch肯定没有API，数据只能手动输入。现在要设计一个统计系统，就是将历来的大头菜数据都收集起来，每周日进行归档。
由于服务运行在本地，就没有连接数据库，数据都存储在文件当中。处理逻辑是这样的：主页显示了本周和上周的购入价格和卖出价格曲线。如果检查到当前时段的价格还没有填入，表单就处于显示状态，可以填写当前的价格，填写后保存数据并跳转回主页。
效果展示：
django是MVC开发模式，初始化一个django项目之后，urls.py当中定义的是各种url访问入口，views.py定义的是各种处理函数代表控制器(C)，Models.py当中定义的是数据模型(M)，一般在template文件夹下的各个模板文件代表视图(V).
创建一个项目，起名为Brassica（大头菜），并在 Brassica/下建立文件夹template和data，template存放HTML模板，data存放数据。项目Brassica/下打开settings.py，将其中的TEMPLATES=[‘DIRS’:[]…]改为
Python
x
3
1
TEMPLATES=[...2
'DIRS': [BASE_DIR+"/Brassica/templates/"],3
...]这样程序可以在这个路径下找到我们的模板文件。
在urls.py中，修改为如下形式，这样就可以执行跳转。
Python
1
7
1
from django.conf.urls import url2
from . import index,fillData3
urlpatterns = [4
url(r'^fillNewData',fillData.saveData),5
url(r'', index.home),6
]7
接下来就设计index.py中的home()函数和fillData.py中的saveData函数。
新建一个index.py用于控制主页的显示
Python
1
55
55
1
from django.shortcuts import render2
import os3
import datetime4
def saveThisPeriodData(request,price):5
pass6
def isNeedToInputData(theData,fName):7
fp = open(fName)8
msg = fp.read().split("\n")9
if (theData.weekday()==6):10
if msg[0]=="0":11
return True12
else:13
idx = 2*theData.weekday()14
if(theData.hour>=12):15
idx+=116
r = eval(msg[1])17
if(len(r)==0):18
return True19
elif idx != r[-1][0]:20
return True21
return False22
def home(request):23
nowData = datetime.datetime.now()24
def getThisSunday(now):25
if(nowData.weekday()==6):26
return nowData27
else:28
return nowData-datetime.timedelta(days=1+nowData.weekday())29
def getLastSunday(thisSunday):30
return thisSunday-datetime.timedelta(days=7)31
thisSunday = getThisSunday(nowData)32
lastSunday = getLastSunday(thisSunday)33
fName = "Brassica/data/"+"{:04d}{:02d}{:02d}".format(thisSunday.year,thisSunday.month,thisSunday.day)34
if not (os.path.exists(fName)):35
with open(fName,"w") as fp:36
fp.write("0\n[]\n")37
fp=open(fName)38
msg = fp.read().split("\n")39
ctx = {}40
if not isNeedToInputData(nowData,fName):41
ctx["inputFrame"]="none"42
ctx["BoughtPrice"]=msg[0]43
ctx["priceList"]=msg[1]44
fp.close()45
ctx["currTime"] = nowData46
weekdayToChar = "一二三四五六日"47
ctx["weekDay"] = weekdayToChar[datetime.datetime.now().weekday()]48
fName = "Brassica/data/"+"{:04d}{:02d}{:02d}".format(lastSunday.year,lastSunday.month,lastSunday.day)49
fp=open(fName)50
msg =fp.read().split("\n")51
ctx["lastSundayBoughtPrice"] = msg[0]52
ctx["lastWeekPriceList"] = msg[1]53
fp.close()54
return render(request,"index",ctx)55
以及用于存储数据的post响应
Python
1
30
30
1
from django.shortcuts import render2
from django.views.decorators import csrf3
import datetime4
def saveData(request):5
nowData = datetime.datetime.now()6
if request.method=="POST" and request.POST:7
def getThisSunday(theData):8
if(theData.weekday()==6):9
return theData10
else:11
return theData-datetime.timedelta(days=1+theData.weekday())12
thisSunday = getThisSunday(nowData)13
fName = "Brassica/data/"+"{:04d}{:02d}{:02d}".format(thisSunday.year,thisSunday.month,thisSunday.day)14
fp = open(fName,"r")15
msg = fp.read().split("\n")16
fp.close()17
print(msg)18
fp=open(fName,"w")19
if(nowData.weekday()==6):20
fp.write(request.POST['price']+"\n[]")21
else:22
idx = 2*nowData.weekday()23
if(nowData.hour>=12):24
idx+=125
r = eval(msg[1])26
r.append( [idx,int(request.POST["price"])] )27
fp.write(msg[0]+"\n"+str(r))28
fp.close()29
return render(request,"post")30
主页对应的模板：
HTML
1
105
105
1
<html>2
<head>3
<meta charset="UTF-8" />4
<title>菜价</title>5
<meta name="viewport" content="width=device-width, initial-scale=1.0">6
<script src="https://code.highcharts.com.cn/highcharts/highcharts.js"></script>7
<script src="https://code.highcharts.com.cn/highcharts/highcharts-more.js"></script>8
<script src="https://code.highcharts.com.cn/highcharts/modules/exporting.js"></script>9
<script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>10
<script src="https://code.highcharts.com.cn/highcharts/themes/grid-light.js"></script>11
</head>12
<body>13
<div>14
{{currTime}}<br> 星期{{weekDay}}15
<br>16
<form style="display:{{inputFrame}}" action="/fillNewData" method="post">17
{% csrf_token %}18
<p>当前菜价19
<input type="text" name="price"/>20
</p>21
<input type="submit" value="Submit">22
</form>23
</div>24
<div id="container" style="width: 1200px; height: 600px; margin: 0 auto"></div>25
<script language="JavaScript">26
var chart = Highcharts.chart('container', {27
chart: {28
type:'spline',29
plotBorderWidth: 1,30
zoomType: 'xy'31
},32
legend: {33
enabled: false34
},35
title: {36
text: '大头菜价格统计'37
},38
legend: {39
layout: 'vertical',40
align: 'right',41
verticalAlign: 'middle'42
},43
xAxis: {44
gridLineWidth: 1,45
title: {46
text: '时间'47
},48
categories: ['Mon A.M.', 'Mon P.M.', 'Tue A.M.', 'Tue P.M.', 'Wed A.M.', 'Wed P.M.',49
'Thu A.M', 'Thu P.M.', 'Fri A.M.', 'Fri P.M', 'Sat A.M.', 'Sat P.M.']50
},51
yAxis: {52
startOnTick: false,53
endOnTick: false,54
title: {55
text: '菜价'56
},57
maxPadding: 0.2,58
plotLines: [{59
color: 'red',60
dashStyle: 'ShortDash',61
width: 2,62
value: {{BoughtPrice}},63
label: {64
align: 'right',65
text:'周日购入价格:{{BoughtPrice}}',66
x: -1067
},68
zIndex: 369
},70
{71
color: 'black',72
dashStyle: 'dot',73
width: 2,74
value: {{BoughtPrice}},75
label: {76
align: 'left',77
text:'上周日购入价格:{{lastSundayBoughtPrice}}',78
x: 1079
},80
zIndex: 381
}82
]83
},84
plotOptions: {85
series: {86
dataLabels: {87
enabled: true,88
format: '{point.name}'89
}90
}91
},92
series: [{93
name:"本周",94
data:95
{{priceList}}96
},97
{98
name:"上周",99
data:100
{{lastWeekPriceList}}101
}]102
});103
</script>104
</body>105
</html>POST请求对应的模板只需要1句话，跳转回主页即可
HTML
1
1
1
<script >window.location.href="/"</script >这样，回到上一级目录，运行
Shell
1
1
1
python manage.py runserver 8809就可以在端口8809运行程序