web实践小项目<一>:简单日程管理系统（涉及html/css，javascript，python，sql，日期处理）

<table id="calendar">
<tr class="weekday">
<td class="head">星期日</td>
<td class="head">星期一</td>
<td class="head">星期二</td>
<td class="head">星期三</td>
<td class="head">星期四</td>
<td class="head">星期五</td>
<td class="head">星期六</td>
</tr>
<tr class="day">
<td id="begin">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr class="day">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr class="day">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr class="day">
<td >1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr class="day">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr class="day">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td id="end">7</td>
</tr>
</table>

var firstday=new Date();
    firstday.setFullYear(nowyear,nowmonth,1);//设置某一天要用setFullYear设置 直接传数字 月份参数比实际少一（如传入6） 但显示出来和实际相符（如显示7）
    var weekday=firstday.getDay();
    if( weekday!=0) {
    //weekday 0-6 0是周日 month 0～11   date 1~31 setDate超时会自动加到下个月负数会自动减到前个月...
    firstday.setDate(firstday.getDate()-weekday);
    
    }
    var table=document.getElementsByTagName("td");
    for(i=0;i<42;i++)
    {
    var date=new Date(firstday.getFullYear(),firstday.getMonth(),firstday.getDate()+i);
    table[7+i].innerHTML=date.getDate();
    tmpmon=((date.getMonth()+1)>=10)?(date.getMonth()+1):(‘0‘+(date.getMonth()+1));
    tmpday=(date.getDate()>=10)?(date.getDate()):(‘0‘+date.getDate());
    table[7+i].value=date.getFullYear()+‘-‘+tmpmon+‘-‘+tmpday;
    if(date.getFullYear()==nowdate.getFullYear()&&date.getMonth()==nowdate.getMonth()&&
    date.getDate()==nowdate.getDate())
    {
    table[7+i].className="today";
    rec14beg=table[7+i].value;
    }
    else {
        table[7+i].className="none";
        table[7+i].style.backgroundColor="#FFFFFF";
    }
    if(date.getMonth()==nowmonth)//控制月历中不同部分的透明度
    table[7+i].style.opacity=1;
    else {
        table[7+i].style.opacity=0.5;
    }

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");
  }
  str="cgi-bin/getschedule.cgi?"+date;//创建get的url，其中包含QUERY_STRING内容 后端脚本直接解析它即可
  xmlhttp.open("GET",str,true);
  xmlhttp.send();
  xmlhttp.onreadystatechange=function () {//完成时的处理函数
      if (xmlhttp.readyState==4&&xmlhttp.status==200) {
             document.getElementById("schedule").value=xmlhttp.responseText;//responseText存放了服务器脚本返回的文本内容
      }
  }

function updatedb() {
    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");
  }
 if (tdchosen.className.indexOf("job")<0&& document.getElementById("schedule" ).value==0){
     
     return;
 }
  senddata=‘date=‘+document.getElementById("nowchoice").value+‘&&schedule=‘+
document.getElementById("schedule" ).value+‘&&method=‘;//与GET类似用&&隔开各个键=值对
if (tdchosen.className.indexOf("job")<0&&document.getElementById("schedule" ).value!=0) {
    tdchosen.className+="job";
    tdchosen.style.backgroundColor="#EBD44D";
    senddata+=‘0‘;//增加
}
else if (tdchosen.className.indexOf("job")>=0&&document.getElementById("schedule" ).value!=0) {
    senddata+=‘1‘;//修改
}
else if (tdchosen.className.indexOf("job")>=0&&document.getElementById("schedule" ).value==0) {
    tdchosen.className="none";
    tdchosen.style.backgroundColor="#FFFFFF";
    senddata+=‘2‘;//删除
}

  xmlhttp.open("POST","cgi-bin/updatedb.cgi",true);//url里不需要附上QUERY_STRING 需要发送的数据在后面的send函数里发送
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//该语句必须，用于告知服务器端脚本传送的数据按键=值对格式
 
  xmlhttp.send( senddata);  
     xmlhttp.onreadystatechange=function (){
    if (xmlhttp.readyState==4&&xmlhttp.status==200) {
    document.getElementById("feedback").innerHTML=xmlhttp.responseText;
    }
    }
}

import http.server
from http.server import HTTPServer
from http.server import CGIHTTPRequestHandler
def run(server_class=HTTPServer, handler_class=CGIHTTPRequestHandler):
    server_address=(‘‘,8001)
    httpd=server_class(server_address, handler_class)
    httpd.serve_forever()
if __name__ == ‘__main__‘:
    run()

import os
import sqlite3
conn=sqlite3.connect(‘jobs_database‘)
cursor=conn.cursor()
cursor.execute(‘‘‘
create table jobs(
    userid varchar,
    year integer,
    month integer,
    date integer,
    totalday integer,
    jobslist varchar)
‘‘‘)
cursor.execute(‘‘‘create index userid on jobs(userid)‘‘‘)
cursor.execute(‘‘‘create index years on jobs(year)‘‘‘)
cursor.execute(‘‘‘create index months on jobs(month)‘‘‘)
cursor.execute(‘‘‘create index dates on jobs(date)‘‘‘)
cursor.execute(‘‘‘create index totaldays on jobs(totalday)‘‘‘)
conn.commit()
cursor.close()
conn.close()

#!/usr/bin/python3.4
import os
import sqlite3
from datetime import *
import time
query=os.environ[‘QUERY_STRING‘].split(‘&‘)
begin=query[0].split(‘-‘)
end=query[1].split(‘-‘)

beday=int(begin[0]+begin[1]+begin[2])
endday=int(end[0]+end[1]+end[2])
conn=sqlite3.connect("jobs_database")
cursor=conn.cursor()
cursor.execute(‘‘‘
    select jobs.year,jobs.month,jobs.date,jobs.jobslist from jobs where 
    jobs.totalday between ? and ? order by jobs.totalday asc‘‘‘,(beday,endday))
result=cursor.fetchall()
cursor.close()
conn.close()
bedate=date(int(begin[0]),int(begin[1]),int(begin[2]))
response=str(result.__len__())+‘&‘
for item in result:
    response+=str((date(item[0],item[1],item[2])-bedate)).split()[0]+‘&‘
print(‘Content-type: text/plain\n‘)
print(response)

#!/usr/bin/python3.4
import os
import sqlite3
query=os.environ[‘QUERY_STRING‘].split(‘-‘)
day=int(query[0]+query[1]+query[2])
conn=sqlite3.connect(‘jobs_database‘)
cursor=conn.cursor()
cursor.execute(‘‘‘
    select    jobs.jobslist from jobs where jobs.totalday = ?
    ‘‘‘,(day,))
result=cursor.fetchall()
cursor.close()
conn.close()
response=""
if result.__len__()!=0:
    response=result[0][0]
print(‘Content-type: text/plain\n‘)
print(response)

#!/usr/bin/python3.4
import cgi
import sqlite3
form=cgi.FieldStorage()
date=form.getfirst(‘date‘).split(‘-‘)
day=int(date[0]+date[1]+date[2])
jobslist=form.getfirst(‘schedule‘)
method=int(form.getfirst(‘method‘))
conn=sqlite3.connect(‘jobs_database‘)
cursor=conn.cursor()
try:
    if method == 1:#update
        cursor.execute(‘‘‘
    update jobs set jobslist = ? where jobs.totalday =?
    ‘‘‘,(jobslist,day))
    elif method == 0:#insert
        cursor.execute(‘‘‘
    insert into jobs(userid,year,month,date,jobslist,totalday)
    values(?,?,?,?,?,?)
   ‘‘‘,    (‘author‘,int(date[0]),int(date[1]),int(date[2]),jobslist,day))
    elif method == 2:#delete
        cursor.execute(‘‘‘
    delete from jobs where jobs.totalday=?
    ‘‘‘,(day,))
    conn.commit()
except:
    print(‘Content-type: text/plain\n‘)
    print(‘更新失败，请刷新页面后重试！‘)
else:
    print(‘Content-type: text/plain\n‘)
    print(‘操作成功‘)
finally:
    cursor.close()
    conn.close()

#!/usr/bin/python3.4
import os
import sqlite3
from datetime import *
import time
query=os.environ[‘QUERY_STRING‘].split(‘&‘)
begin=query[0].split(‘-‘)

beday=int(begin[0]+begin[1]+begin[2])
delta=date(2014,6,15)-date(2014,6,1)
nowdate=date(int(begin[0]),int(begin[1]),int(begin[2]))
enddate=nowdate+delta
endtmpyear=str(enddate.year)
endtmpmon=enddate.month
endtmpday=enddate.day
if endtmpmon < 10:
    endtmpmon=‘0‘+str(endtmpmon)
if endtmpday <10:
    endtmpday=‘0‘+str(endtmpday)
endday=int(endtmpyear+str(endtmpmon)+str(endtmpday))
conn=sqlite3.connect("jobs_database")
cursor=conn.cursor()
cursor.execute(‘‘‘
    select jobs.year,jobs.month,jobs.date,jobs.jobslist from jobs where 
    jobs.totalday between ? and ? order by jobs.totalday asc‘‘‘,(beday,endday))
result=cursor.fetchall()
cursor.close()
conn.close()
print(‘Content-type: text/plain\n‘)
response=""
for item in result:
    print(‘<strong>距今‘+str((date(item[0],item[1],item[2])-nowdate)).split()[0]+‘天:\n‘+item[3]+‘</strong><br/>‘)