很多都是已经工作的了，谈谈技术，谈谈生活，却难免发现现实远没有理想那样美好呢。

可不是嘛，所以对于我自己而言，一个没有上路的学生，做了点拿不出手的事情，却也想大做文章，难免被人当作笑柄。不过今天看到的有一点，确实很感同身受的。

也就是对于我这样一个白菜准web dev而言，做个桌面客户端可是多么陌生的事情，功能的话如果不复杂，一般不需要去了解系统调用（比如我用python），很多底层借口都封装好了，写点逻辑，就差个GUI了。问题的关键是什么呢，这种小东西，很多时候只需要一个脚本的事情，却因为想要强制做成个应用来发布，而硬生生地去套GUI，还想要各种好的交互体验，难免会很吃力的吧。

网页的交互相对熟悉，桌面应用，实在是不拿手，以至于和icys做了挺久的，到头来还是需要命令行，算是半途而废的东西，功能性代码没什么技术含量，还借鉴了前辈的东西，如果拿出来，更是可笑了吧。

正如某前辈说的，开发自由软件，给大众使用，以为很光荣，确实很累人的事情。因为是大众产品，体验时第一位的，除非功能实在是太需要了，那实用性差点也无所谓。但是如果想拿得出手，前期的核心开发反倒是不占太大的比重的，后期的完善甚至运营相比就更加重要了，特别是对于个人而言。

所以嘛，为什么开源的东西web的比较多，因为没有那么麻烦。涉及OS的，偏底层的东西，范围其实很固定，虽然技术含量确实前期会很高。而web的话，更偏向用户，门槛不是很高，做产品更容易，（涉及到性能或者类似高并发之类的其实和web关系不大了）。

自己一直的目标是web架构，但是对桌面应用也没有说绝对不沾边的，说到底，架构到最后还是一回事吧，桌面的话，只是涉及了GUI那一层嘛。

果然文章已经毫无章法了。。。总之，现在的目标是toefl，然后是日语和技术。技术上的东西，这个假期可能涉及的就不多了，会拼命做题吧~~下学期才是日语加技术~ 很期待自己，说实话技术是自己永远的最爱，只是各个阶段侧重点不一样罢了~

水完 加油！！！

• 2011年11月22日 -- CIPPUS再上线~
• 2011年11月5日 -- 我大概不能再这样下去了
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年07月12日 -- PHP内容发布
• 2011年04月11日 -- サマーウォーズ — 夏日大作战 嗯
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年03月11日 -- 日本，加油 中国，加油
• 2011年02月27日 -- 日语-一悸
• 2011年01月27日 -- 接了个任务
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI

CIPPUS是一个隶属于SSDUT的大型技术组织，成立于03年。而鄙人作为SSDUT的一分子，有幸在有生之年加入了这个团队 = =

组织内部划分不同技术小组数十个（目前是，刚开始很少，但是现在多了，自然不如以前质量好了吧），牛人出过很多，并还在努力出。。。

这么大一个组织，网站是必须的，于是在04年就有了这个计划而事实上也完成了CIPPUS的网站建设（甚至还有BBS等）不t过，由于一些不可抗力，网站最终并没有长期运行下去，甚至一度处于崩坏的地步。后来，多了几年，对，是几年，中心一度决定再把这块拣起来，不过很可惜，由于另外的一些不可抗力（怎么都是不可抗力？），工作一度又停滞了。。。于是在上个学期快结束的时候，当中心再提起这件事的时候，这个重任，很不巧地落到了我的头上。。。

然后为什么到现在才上线呢？可能是我们也遇到了阻力，但是很幸运这一次，我们遇到的是可抗力:)

于是，前台->后台。。目前的这个beta就这么出来了，其实要做的功能太多了，但是如果再不挂上去，又显得不太好 XD

地址么 cippus.dlut.edu.cn~ 网站其实是横版的，用了很多fixed 加 z-index,所以在高度的处理上做得不是很好，尽量做了对很多浏览器分辨率的兼容（但是比起Gmail的那种兼容，差远了。。。以后改吧）

团队目前2人，以后会慢慢壮大的~（2人都是CIPPUSweb组的，包括我）以后关于网站或者团队的事情，基本会更新在团队博客sugoi里~而同时，作为一个崇尚Geek文化的团队，我们以后也将会将很多东西，一步GitHub，目前帐号就先不公布了，等成型后吧~~敬请期待~

最后，上个截图。。

• 2012年01月10日 -- 不是随便想的
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年07月12日 -- PHP内容发布
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年01月27日 -- 接了个任务
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI
• 2010年12月31日 -- 今天是今年的最后一天啊！！！
• 2010年11月10日 -- 关于GAE的version问题。。。
• 2010年05月26日 -- 傻瓜教程-教你学会使用GappProxy [转自Google文档]
• 2010年05月26日 -- HTML学习笔记

*<Backbone -- 一个可以在前端组织MVC架构的javascript框架 了解更多>

——–

从功能上来讲，todos就是个to do list（典型的GTD手段之一），我们可以把要做的事情一一罗列，完成后删去即可。这次的这个app完全是个webApp而且不涉及后端。虽然从原理来讲不涉及后端的主要原因是运用到了HTML5的Local Storage特性，直接将信息本地存储而不需要用后端语言来存储信息（DB etc.），但是当完整地看待这个app时，从来没有接触过webApp的同学（像我）还是会惊叹于app整个代码的架构形式，往往写过js的都大概体会过js代码的松散和全局规划的难度，像我这样的菜鸟，如果要做个app，肯定是无数个函数。。。（以下省略） 好吧，言归正传，既然是Backbone让一个WebApp组织得如此井井有条，那我们就不妨来看看，它到底是怎么做的。

——- —— ——– ——- —–*<todos源码>—— ——— —— ——- ——–

如果直接看源码的话，新手一下子看明白还是有一点点难度的吧（老鸟拜鄙视我），因为我们都压根不知道Backbone的基本形式啊。这里我就不去讲解Backbone了，要我说估计也不准确更不全面吧。。

附上个自己看过几遍的好文

1*<Backbone JS框架指南>

2*<从豆瓣说和Backbone.js说开去>

——–

—————-

这样一来，我们大概了解了Backbone了吧，下面开始正式的介绍，介绍完之后，我想大家对它的Model，Collection以及View这三个最基本的要素会有更深的印象。

window.Todo = Backbone.Model.extend({

window.TodoList = Backbone.Collection.extend({

window.TodoView = Backbone.View.extend({

window.AppView = Backbone.View.extend({

上面这4个声明，便是源码的全貌了，也就是说，这个App，一共包括了1个Model，1个Collection和2个View。为什么是2个View？其实稍微仔细看就会明白，第一个view是list里的每个item的view，而第二个view，是整个app的view，如果要合并，并非不可以，只是这样，整体来说更为清晰，代码的的目的性更强，更规整。

那么，我们首先来看这个Model

（Models 用来创建数据，校验数据，存储数据到服务器端；Models 还可以绑定事件。比如用户动作变化触发 models 的 change 事件，所有展示此model 数据的 views 都会接收到 这个 change 事件，进行重绘。）

代码相对教少，我就都贴过来好了。我们发现，它有一个defaults对象，用来存默认的数据，即每个item的内容和是否完成。然后是初始化函数initialize（），检测如果内容为空，填上默认content。下面还有两个函数，由于是在Model下的，而每个todo list的item都对应一个Model，所以Model里的对象和函数，都只针对自己这个item生效。例如这个toggle变化函数，便是在用户点击某个item的勾选框时，才发动的。clear函数如是。

然后是Collection

Collection一般来说是存放一些function的，也就是自己写的功能函数。我们看到它在一开始便绑定了model，又引入了localStorage的功能，实现了一些功能函数（后面会游用到，比如计算目前有多少个item时等）后，最终实例化

以便后面View的调用。

然后是每个item的View

………

由于代码较多，就不一一列出了，省略的都是些函数(用于绑定到事件的) 开始的tagName和template是用来填充页面的element的，每个item是放在li内，并按照既定的模版绘制。

events也是每个item自己的，包括了勾选，双击，点击和键盘事件，分别对应了下面的一些函数。 初始化自然不必说，这里的关键是render()。它被绑定给每个item的Model，无论该item发生什么操作，它都会发动来对该item的View进行重绘，当然数据也必然是最新的

这便是从model里取数据，setContent是填充模版。

最后，为了呈现完整的App，我们还需要AppView

同样，暂时先放出这些代码。el是dom对象，找到这个app应该放在网页中的位置。同样也有模版和事件绑定。我们可以看到，这些事件就是和添加新的item有关了。初始化的时候，有个Todos，记得吧，这个就是那个Collection~ fetch()很关键，应该是从本地去读取数据存进Model里也就是有几个item就有几个Model，而且Model是可以被我们获取的，类似map。（如果是ajax的话，异步读数据也是它，至于它的内部实现，可以看Backbone的源码，我也没看过。。。）

然后render用来绘制界面，我们可以看到Collection的作用了，最基本的，total这个属性

我们得到的便是共有多少个item，然后再填到模板里，所以显示的时候，我们就可以动态地知道，现在共有item多少个，至于done和remain，自然就是完成的和没完成的，也都有计数。

再来看几个函数，这个是添加功能

每次在添加todo的时候，回车添加，而内容，序号（Collection得到）等，都同时被添加到新的model（生成新的Model）里，appView会添加一个新的itemView并即使重绘显示（重绘的时候便会去新的Model里取数据了）

最最后，实例化这个App

这样，一个App就诞生并可以正常使用了。

———————————————————————————————-

总的来说，用Backbone来组织一个webApp还是十分清晰的，如果代码量一上去，我想效果肯定就更加明显了~ （至于HTML的LocalStorage特性，由于本人没有研究，不妄加评论，感兴趣的童鞋可以自己研究下啦~）

今天的介绍就告一段落啦。。还有个实现TimeLine的，下次吧。

• 2011年01月27日 -- 接了个任务
• 2012年01月10日 -- 不是随便想的
• 2011年11月22日 -- CIPPUS再上线~
• 2011年07月12日 -- PHP内容发布
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI
• 2010年12月31日 -- 今天是今年的最后一天啊！！！
• 2010年11月10日 -- 关于GAE的version问题。。。
• 2010年05月26日 -- 傻瓜教程-教你学会使用GappProxy [转自Google文档]
• 2010年05月26日 -- HTML学习笔记

然后做新闻发布的时候，后台添加的新闻，必定得按照发布时间的先后来排序的，最新发布的必须排在最前面，但是我们如果不作处理，php默认是按照文件名来排序（win和Linux下都是，你直接改文件夹的排序方式是没有用的），当然，如果是用数据库的话，完全没有问题，但是我的文件操作，要考虑。。。

于是很简单，几下他们的发布时间，存个变量，再排序输出就可以了。。但问题是，每次展示页面的时候都得排次序，很耗时，如果有永久的办法，就好了。。

 <?php
    $count = 0;
    if ($dir = opendir('added_news')){

	    while (false !== ($file = readdir($dir)))
	    {
	    	$count ++;
	    	if($file != "." && $file != ".."){
	        //echo "$file\n";
	        $title[$count] = $file;
	        $title[$count] = array('text'=>$file, 'updatetime'=>date('YmdHi', filectime("added_news/".$file)));
	    	}
	    }

    closedir($dir);
    }

    //时间：$title[$i]['updatetime'];
    $c = $count;

    	for($i = 0; $i < $c; $i ++)
    		for($j = 0; $j < $c-$i-1; $j ++)
    			if($title[$j + 3]['updatetime'] < $title[$j + 4]['updatetime'])
    			{
    				$tmp = $title[$j + 3];
    				$title[$j + 3] = $title[$j + 4];
    				$title[$j + 4] = $tmp;
    			}

    //timesort($title);//时间排序
    //$count = $count - 2;

      for($i = 3; $i <= $count; $i ++){
      echo '<li class="contentItem">
        <div class="contentItemMain">
          <img class="contentItemMainImg fl" src="upload_imgs/news/'.$title[$i]['text'].'/icon/'.$title[$i]['text'].'.jpg"></img>
          <div class="contentItemMainShow fl">
            <div class="contentItemMainTop">
              <div class="contentItemMainTitle fl">'.$title[$i]['text'].'</div>
              <div class="contentItemMainDate fl">'.date('j F Y',filectime("added_news/".$title[$i]['text'])).'</div>
            </div>

            <div class="contentItemMainDescription">'.nl2br(file_get_contents("added_news/".$title[$i]['text'])).'</div>
          </div>
        </div>
        <div class="contentItemShadow"></div>
      </li>';}
      ?>

没好意思地贴了代码。。。是直接输出的html，你没看错。。。  木有mvc，一点都木有。。。  原谅我吧。。。  赶时间啊啊。。。

忏悔下。。。   假期如果有时间得用mvc练练手，传说的重构。。

哈哈

• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI
• 2010年12月31日 -- 今天是今年的最后一天啊！！！
• 2012年01月10日 -- 不是随便想的
• 2011年11月22日 -- CIPPUS再上线~
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年06月22日 -- 今天外一则
• 2011年05月31日 -- 月末，未央
• 2011年01月27日 -- 接了个任务
• 2010年12月20日 -- 小制作–PortableLibrary

先就刚完成的一个脚本来讲（后台是个还算简单的脚本，但整体的话也算是麻雀虽小，五脏俱全了–这里~~~~~~~~~~~）

先上图。。。（非商业网站，图片非原创 = =）

这个其实是个填词游戏的辅助查词工具，从表单就可以大概看出来~

项目本身是某学长嘱托的，给了个国外的查词页面，但页面很凌乱，而且我们需要自己的。但是问题也很明显，这个查词系统和词库没那么好弄，那么怎么办呢？在把盗用数据库和自己实现算法推倒后，我们最终还是选择了比较方便的类似代理的形式，就是我们建个自己的页面（也就是这个），将参数投递到那个网站，再把结果抓回。

好了，项目大体就很清晰了。于是我和流氓有正对性地去找办法解决。其实我们也没有做过这种东西，只能去各处碰了。。。

第一个想法是用一个服务器脚本（Jsp或PHP）来填单传值，但是没怎么展开就想到第二个方案，纯JS（事后证明利弊都有。。。）

想用JS是因为起初我们对脚本操作表单确实一知半解，也没有什么容易下手的地方，然后恰好在查阅的时候看到JS自动填表提交的例子，于是一下子就心动了（诶。。。）最近其实就在看javascript和ajax来着（没怎么实践呢），于是毅然决然地做了。

这个方案初定的计划是用隐藏iframe来放国外额原始页面。然后给他参数并抓回结果。刚开始我们确实想得就是这么容易的，还准备一晚上就搞定来着。。然后我们开工。。。把form1的target指向form2，然后填完form1后，原始网页在form2里出现，结果就在那里，我们眼看就要到手了哇，这鸭子来得。。。hiahiahia（form2是个iframe）

诶！！！js操作iframe不能！！！！！怎么不能啊？？？明明这么顺理成章的事情诶。。。

“流氓”也同时抑郁了。。。

后来再深入探讨的过程中我们发现，这个就是最典型的js跨域问题。。。囧

大囧哇。。。果然是js新手。。。所谓跨域，上图= =

所以，很明显，我真的是最最最最最最最典型的跨域了 = =

忙了一晚上，必定不甘心啊，所以我很想在之前的基础上进行补完的。。。然后经过搜索，发现一篇比较完整的索引介绍，基本罗列的大部分的解决跨域的方案。

但是事情并不顺利，一番研究后，这次的情况可行的几种解决方案都稍显麻烦（因为对js或php都没有到熟练的地步），所以很无奈地挣扎了几下，就放弃了。。。

第二天和学长说了，学长让我慢慢做，他出差去了。。。稍显安定。但是课业繁忙，抽不出时间来考虑这个。。。周六有去了次本部（陪同学上经济的辅修，有好多女生啊 T T ）下午回来之后，才开始真正去解决。。。（当时还头痛，鼻涕一把一把的）

经过反复考虑，还是回到刚开始的用脚本语言。。。（不忍心再去打扰流氓，他去本部上课多累啊，自己来吧）然后看了下，发现原网站的表单请求发送用的是POST，而之前我们做过的一个东西是GET的，即在URL里之间明文传值，那要好处理点，这次的POST，没有什么经验。。。

再经过一番搜索，恍然大悟，至少用PHP的curl扩展包，一切都是那么方便！！！（当然还可以有其他的方案类似snoopy什么的。。）

curl的一大功能之一就是模拟post提交~

先上代码~

<? PHP
include('simple_html_dom.php');//HTML解析扩展

$ch = curl_init();
$post_data = array (
"xxx" => $_POST["xxx"],
		...
	);

curl_setopt($ch, CURLOPT_URL, "http://www.example.com/");
curl_setopt($ch, CURLOPT_POST, 1);//开启post
curl_setopt($ch, CURLOPT_POSTFIELDS,$post_data);
curl_setopt($ch, CURLOPT_HEADER,1);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);//转换成字符串
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);

$str = curl_exec($ch);//运行
curl_close($ch);

$html = str_get_html($str);
foreach($html->find('xxx[id=xxx]') as $t)
echo $t->outertext;
?>

curl的post投递是不是还算简单？他的参数类型其实有好多好多好多 = =

然后，然后核心部分就算完成了，解析并输出下代码，在css下，ok了。。。

所以，代码量很小。。

不过，又经历了一次之后我也开始明白执行力的重要性。自己有时候真的是怕去做，真正着手开始，很快就可以完成，即便是庞大的项目，在学习中体会到成长的快乐，很是幸福的~

just do it~是不，呵呵~

今天，就先到这吧~~  要走的路还很长呢~ 加油啦~

• 2011年07月12日 -- PHP内容发布
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI
• 2010年12月31日 -- 今天是今年的最后一天啊！！！
• 2012年01月10日 -- 不是随便想的
• 2011年11月27日 -- Javascript资源汇集【持续更新 欢迎补充】
• 2011年11月22日 -- CIPPUS再上线~
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年06月22日 -- 今天外一则
• 2011年05月31日 -- 月末，未央
• 2011年01月27日 -- 接了个任务

开始的时候参考了很多往年的网页，不过毕竟这个会议不是前端或设计为主题的（是也轮不到我做= =），又是静态的，所以要求其实不算很高。又因为自己之前做的很多东西拼了个框架，所以这次的任务前期写地很快。可是很快我发现，一直像以往那样不执着在每1像素的话，bug其实是那么的多，特别是在对付IE的时候。

在FF和Webkit的浏览器里，CSS3支持得已经很不错了，包括圆角和透明度。大部分浮动处理得也十分到位。但当你用IE（即便是IE8）的时候，你会发现网页一下子面目全非了。。。这是不可避免的，而自己才真正第一次认真对待这件事情= =

小细节方面处理了很多，就不一一赘述了。但重点提几个。

首先，你会发现，在FF或Chrome里body明明居中了的，无论是1024px还是宽屏，但是到IE底下，真个body是紧靠左边的，这让我很不解，明明是一样设置的。。。我真白痴，人家IE就是不一样的啊。。。

于是去找答案吧。。后来明白，传统的

margin:0 auto;

是没有你想象中的神奇功效的。。。

text-align:center;

呢？有人说用在body而不是html里，不行。。。

总之是不行就对了，而且你浮动，限定了body的width之后，向右浮动，两栏的右栏会随着浏览器的大小变动而浮动，而不是居中靠在body右边。。。所以，也许解决了居中，就解决了浮动的问题。。。

后来发现问题的关键是IE8之前，他们对浮动和定宽的识别做的很不好，如果你给中间的两栏框个容器（需要有高度），定宽，那么上述的几个小问题就都解决的。。。就是这样。。。为什么？  我也不清楚，该问MS的人。。

由于设置了定宽，就没法做流式设计了，这点上自己没有继续研究，也许交差之后。。。

总之，对付IE，任重道远 = =

最后，上一下截图吧，也算是自己的劳动成果 : )

• 2011年08月3日 -- todos — Backbone案例浅析
• 2012年01月10日 -- 不是随便想的
• 2011年11月22日 -- CIPPUS再上线~
• 2011年07月12日 -- PHP内容发布
• 2011年04月10日 -- iphone web开发前端最基础框架
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI
• 2010年12月31日 -- 今天是今年的最后一天啊！！！
• 2010年11月10日 -- 关于GAE的version问题。。。
• 2010年05月26日 -- 傻瓜教程-教你学会使用GappProxy [转自Google文档]

一直想免去fan qiang的烦恼，又懒得买VPN或者SSL，又很久就听说自建API的事情，今天一时兴起，就决定自己弄一个吧，应该很简单。。。

后来证明确实很简单，但是自己比它还简单 = =

说一下大致过程吧~~ 算是记录下今天做的事。。。

————————————————————————

准备工作：

1.首先你必须要有自己的空间（GAE的请自行搜索攻略 XD）,并保证支持PHP

2.fanqiang ok （这个是关键啊）

3.Twip 本次尝试的主力，建议下载4.x 比较方便

开始实施：

1.申请一个Twitter Applications ( https://twitter.com/oauth_clients )

我就不贴图了，注意：

Application type选择Browse，以及 Callback URL应该填写你的twip地址，

例如http://xxxx.com/twip/ 前面的是你的主机。。

2.修改Twip里的config-example.php文件内容，另存为config.php文件在同一目录下。twip4.x的

config文件内容精简了许多，只有3条

define('OAUTH_KEY',''); //参考第一步，Applications申请中获取的 Consumer key
define('OAUTH_SECRET',''); //参考第一步，Applications申请中获取的 Consumer secret
define('BASE_URL',''); // 输入根目录地址，例如 http://xxxx.com/twip/

一切都好了之后，上传至PHP空间。

3.之后进入你的twip，选择oauth模式~

然后如果方框中不填，系统会自动生成~

ok（验证是要fanqiang的…）

这是成功之后~

ok，你的API地址就出现了，去随便用吧~~~~

注意：有时候生成的地址twip和他后面的o之间是没有/的，请自行添加~

还有，私用API还是让越少的人知道越好哦~~

最后送上一些其他人的文章，大家共同学习~~~

YUKI.N :: Twip + OAuth 的問題

Twip添加OAuth支持

Twip搭建 twitter API proxy指南

祝大家都能用上属于自己的TwitterAPI~~

• 2011年07月12日 -- PHP内容发布
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2010年12月31日 -- 今天是今年的最后一天啊！！！
• 2012年01月10日 -- 不是随便想的
• 2011年11月22日 -- CIPPUS再上线~
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年06月22日 -- 今天外一则
• 2011年05月31日 -- 月末，未央
• 2011年01月27日 -- 接了个任务
• 2010年12月20日 -- 小制作–PortableLibrary

一晃今天竟然已经是公历12月31日了！！

觉得如果不拿出时间来记录下真是惭愧啊。。。

其实最近发生的事有很多，之前也有过总结，所以范围缩小我也可以理清头绪。

大约可以从打酱油的数模获奖开始讲。。。

稀里糊涂地就获奖了，没有枉费3天不规律的生活算是真的。。。记得实在一节马哲课上用手机查的，然后本来就不听的课变得更加飘渺了。。。然后那时候和松哥的Android词典好像是做好了来着（拖控件会吧哈哈）。。。

其实那属于一个阶段，是各头奔波的阶段，手机软件，6舍，创新项目，虽然自己其实没怎么学到东西 = =（Android控件一览。。。python基本语法和Google maps API 以及JS的一点点基本语法），只是所谓的忙，没有什么实质的进步让我很无奈。

之后慢慢地科技文化节来了，准备参加的有那么几个比赛，web开发应用大赛因为是自己组的比赛是肯定要参加的。还有网页设计和网站模式设计等等。。。

还依稀记得那天上万马哲（又是马哲）我们3个人讨论做的东西，我自己其实是最兴奋的 = = 写了潦草的说明和图例，似乎就算是启动的。。。无奈那时候还有每周两题的数据结构上机题，我们自己的东西只能放在周末的一天甚至不到一天。

截止日期是12·16，及得我们是一个月之前就开始的，然后，结果，我们是花了大约3天做的。。。时间确实可以挤出来的。。。效率确实可以有的。。。这个其实就是我们的web应用大赛的作品，也就是那个Portablelibrary哈~（最后得了点奖算是鼓励吧）

之前那些东西慢慢的也就不怎么动了，因为要期末考了。期间和研究生学长出去吃了顿饭，谈了点事，做了几个网页，下学期再加油吧。。说道网页，自己的网页设计大赛没有参加，也没有去看别人的做的怎么样，反正自己的肯定是纯代码写的，感觉还要用到jQuery什么的，但是自己现在在想用1天做一个网页而且是用自己没碰过的技术，感觉有点吃力就很决绝的放弃了。。。对自己要求太高了吧= = 那些参赛作品到后来让我觉得自己随便手写个似乎就足够了 = =

再有是那个网站设计模式，花了半天写了个文档，在截止的前3分钟上交，然后也获奖了。。。其实是作品本来就少吧 = =

两个作品的ppt都是自己做的，辛亏有下的1G的模版hohohohoho’~~

颁奖没去，让学弟代领（数据结构上机啊 = =）

证书两张，即便是院级的也很开心。

忘了之前的很莫名的奖学金证书也来了 = =（好吧，这次这个无视好了，600块倒是不错的哈哈）

然后，然后就是结课了，复习了，要考试了。。。可是。。。

数据结构上机考那天，我背着电脑，在大雪过后，滑倒在了学苑桥 = =

考试回来很开心地开机才发现有近1/4的屏幕白屏，裂纹很清晰诶。。。

好吧，大难不死，你们懂得。。。

还可以用，凑合着就等到考完事滚回家修了吧，心态还是不错的。。。

现在是复习—————————————————————-加油！！！！！

再来说说学校之外的，记得是11·25吧，饭否复活了！！！！！！！哈哈 你们懂得。

然后是结识了很多人，然后是豆瓣的阿尔法城。。。人人开始不怎么上了。。。

特别是今天早上收到junyu前辈的回信和我昨天看的程序员杂志，让我更加认定了自己道路！

一往无前。

复习先吧= = 哈哈 加油~~

（全文没有逻辑，忽略= =）

• 2011年07月12日 -- PHP内容发布
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI
• 2012年01月10日 -- 不是随便想的
• 2011年11月22日 -- CIPPUS再上线~
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年06月22日 -- 今天外一则
• 2011年05月31日 -- 月末，未央
• 2011年01月27日 -- 接了个任务
• 2011年01月16日 -- 寒假自我监督事宜–规划和展望

一开始是上传了一个Python的标准输出’helloworld’。通过udonmai.appspot.com即可显示（已失效）。之后便是上传学长给的数据存储的代码。不过事情并不一帆风顺。上传失败n次之后，才发现一些和yaml有关的细节：

虽然更改了default，结果竟然直接404了，对此我很是无奈。。。继续捣鼓吧。。。加油！

• 2010年05月26日 -- 傻瓜教程-教你学会使用GappProxy [转自Google文档]
• 2012年01月10日 -- 不是随便想的
• 2011年11月22日 -- CIPPUS再上线~
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年07月12日 -- PHP内容发布
• 2011年06月22日 -- 今天外一则
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年01月27日 -- 接了个任务
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI
• 2010年12月31日 -- 今天是今年的最后一天啊！！！

GappProxy是基于Google AppEngine平台开发的软件，使用的语言是Python，所以你想要正确运行并配置该软件，需要满足下面几个要求：

1. 拥有至少一个 Google 的账户，通常你的 Gooogle 邮箱便是。如果你说你还没有开始使用Gmail，那还真是杯具。
2. 开通 Google AppEngine，注册地址在这里：http://appengine.google.com/。中文帮助在这里：http://code.google.com/intl/zh-CN/appengine/。
3. 下载 Google AppEngine SDK，下载地址（Windows）：http://googleappengine.googlecode.com/files/GoogleAppEngine_1.3.1.msi。其他平台点这里。
4. 下载 Python 语言开发环境，Python 2.6 下载地址（Windows）：http://www.python.org/ftp/python/2.6.4/python-2.6.4.msi
5. 下载 Gappproxy 程序，包括服务器端 (fectch server) 和客户端 (Gappproxy client)，各自下载点这里和这里。
6. 懂一点点英文，因为目前 Google AppEngine 的页面是纯英文。如果真有哪位兄弟有障碍，请你自行使用 Google Translate（Google 翻译）。

环境搭建 – 如果上面你都已经具备了，下面正式开始，我们一步一步 (step by step) 来：

1. 登录进你的 Google AppEngine，创建一个应用程序 (Application) 并命一个你喜欢的名字(记住这个名字，以后有用)。具体不再赘述，比你开通一个QQ号还简单。
2. 安装 Google AppEngine SDK，默认安装即可。记住安装地址后面会用到。
3. 安装 Python 开发环境，默认安装即可。

上传代码 – 如果环境搭建成功，需要配置服务器端代码

1. 解压之前下载的fectch sever服务器端程序到你的 Google AppEngine SDK 安装目录下：.\Google\google_appengine\fetchserver_sever
2. 用记事本或者其他文本编辑器打开 fetch sever目录下的 app.yaml 文件，将 application: your application name 中的your application name 替换为你在 AppEngine 创建的应用程序的名字。
   
3. 打开命令行窗口，进入Google AppEngine SDK的安装路径下，运行如下命令：appcfg.py update fetchserver_server。上传前需要输入 Google 账户用来验证，按提示输入用户名和密码即可。
   
4. 成功上传后，服务器端配置既大功告成。

客户端配置

1. 解压之前下载的 gappproxy_client.zip 到任意目录，进入gappproxy_client\localproxy, 用记事本或者其他文本编辑器打开 proxy.conf 文件，将#fetch_server = http://yourapplicationname.appspot.com/fetch.py 替换为你自己的程序网址，将yourapplicationname 换为你创建的应用程序名字并将前面的 # 号去掉，保存即可。
   
2. 启动代理，双击运行 proxy.py 即可。在gappproxy_client\localproxy目录下。

浏览器配置 – 配置 IE 浏览器使用代理设置。

进入Internet 选项->连接->局域网设置，配置如下：

———————————————————————————————————————-

转者注：使用它速度绝对可以，但目前仅能提供浏览网页的基本功能，对于视频播放和用户数据登录等如HTTPS的接入方式则无能为力，譬如你需要用facebook货Twitter，你会很失望，因为登陆不能，后续版本应该会解决这种问题。

• 2010年11月10日 -- 关于GAE的version问题。。。
• 2010年02月14日 -- 洋葱加狐狸，游遍全球
• 2012年01月10日 -- 不是随便想的
• 2011年11月22日 -- CIPPUS再上线~
• 2011年08月3日 -- todos — Backbone案例浅析
• 2011年07月12日 -- PHP内容发布
• 2011年06月22日 -- 今天外一则
• 2011年03月13日 -- 模拟post的快感与js跨域的无力
• 2011年01月27日 -- 接了个任务
• 2011年01月16日 -- 利用Twip搭建自己的TwitterAPI