7月2日的第四天

昨天，郁闷的是，打开博客，发现，我的这个菜园子，被关闭了，据说违规。好奇心起的种了几片菜，就这样子没了。心有不甘的，发了一封质问的邮件给51CTO。隔天的上午就收到回信了，据说是因为系统的那个广告检测系统的精确度达到百分之九九，但也有百分之一的意外发生。我就被不幸的在那意外之中了，文中的一些链接被判了死刑了。正纳闷呢，我不过就是瞎写写而已，没写那种颜色，也没对不起国家，老大不至于大动肝火吧。那位可爱的工作人员，给我抱了一个歉，真诚极了。还送了个快乐小礼物给我，花费了她三十五个积分，老鸡冻的了。哈哈

今天也在实验室呆了一天，时间挺快的。但写的代码也就那么一点好像。把那个小项目的界面整下和建一个小数据库就花费了一个上午了。发现，在宿舍自己机子上，表现的好好的网站界面，到学校台式机那更大的分辨率上，就存在问题了。主要在于一个文本浮框的位置，用css中的top，right定位的问题。

下午也就写了一个登录的功能吧。做得比较少，聊天占了许多。不过一个小功能，就花了太多时间了，浪费呀。也明白了些系统的架构，访问的流程了。学习了三层架构的建立。

晚上看了json 前后端数据交换。花了一段时间，把从后台传过来的jsonstring，成功的显示在了前端页面中。而为了一个jquery的带参方法的定义，也纠结了很长的时间，最后竟然是，放错了位置了。那个带参方法中需要使用到的变量竟写成了一个在别的方法里的局部变量。

前端页面的jquery 代码，获取jsonstring，并显示在相应的input中。

<script type="text/javascript">
$(function() {
var jsons;
$.ajax({
type: "Post",
url: "StudentIndex.aspx/SelectCourse",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
jsons = eval("(" + data.d + ")");
var len = jsons.length;
$("#first").click(function() {
show(0);
});
$("#last").click(function() {
show(len - 1);
});
$("#before").click(function() {
var num = parseInt($("#num").text());
show(num-2);
})
$("#after").click(function() {
var num = parseInt($("#num").text());
show(num);
})
},
error: function(err) {
alert(err);
}
});

function show(i) {
$("#courseID").val(jsons[i].courseID);
$("#courseName").val(jsons[i].courseName);
$("#courseTeacher").val(jsons[i].userName);
$("#courseAddr").val(jsons[i].classAddr);
$("#limitStu").val(jsons[i].limitSelStu);
$("#alreadyStu").val(jsons[i].alreadySelStu);
$("#credit").val(jsons[i].creadit);
$("#allTime").val(jsons[i].timeAccount);
$("#classTime").val(jsons[i].classTime);
$("#courseIndex").val(jsons[i].courseIndex);
$("#num").text(i + 1);
}
return false;
});

</script>

html div代码

<div id="#">
<h1>课程信息</h1>
<hr />
<div id="courseTable">
<div id="courseInfo">
<label>课程号：</label><input name="courseID" id="courseID" type="text" />
<label>课程名：</label><input name="courseName" id="courseName" type="text" /><br />
<label>任课教师：</label><input name="courseTeacher" id="courseTeacher" type="text" />
<label>上课地点：</label><input name="courseAddr" id="courseAddr" type="text" /><br />
<label>限选人数：</label><input name="limitStu" id="limitStu" type="text" />
<label>已选人数：</label><input name="alreadyStu" id="alreadyStu" type="text" /><br />
<label>学分：</label><input name="credit" id="credit" type="text" />
<label>学时：</label><input name="allTime" id="allTime" type="text" /><br />
<label>上课时间：</label><input name="classTime" id="classTime" type="text" />
<label>课程简介：</label><input name="courseIndex" id="courseIndex" type="text" />
</div>
<div id="selectDiv">
<span id="num">2</span><br />
<input name="select" id="select" type="button" value="选择该课程" /><br />
<input name="first" id="first" type="button" value="第一条" />
<input name="before" id="before" type="button"  value="前一条"/>
<input name="after" id="after" type="button" value="后一条"/>
<input name="last" id="last" type="button" value="最后一条"/>
</div>
</div>
</div>