作者归档：mzh

Django开发笔记[Month 1]

发表评论

电脑的笔记有两个好处：一、可搜索，二、扩展方便。
入职一个月了，也该整理整理了，给自己，也给大家分享一下哈（再次鄙视国内的IT技术文档／问答环境，抄抄抄，Cao你妹啊，你们TM自己写点不行啊！！！！）。当然我刚学Django/Python，也欢迎指点错误的地方。

概念层面

概括

Django是属于MVC的Web框架。 Model：负责与数据库打交道 View：负责获取或者增强从Models得到的数据
Controller：这是Django本身

Project与App的区别

Project:提供各种配置文件 App:功能的结合，包括Model和view，需要在根目录下添加"init.py"，使得Python可以识别

ManyToMany与ForeignKey的区别

ForeignKey例子： 员工打卡上班的记录—-员工可有多次打卡记录，但是一次刷卡记录只能有单一员工属性（一对多） ManyToMany例子:
一篇文章可以有多个标签，而一个标签对应的文章也可以是多篇的（多对多） ManyToMany还有一种特殊的结构，非常类似Twitter的Follow。 假设
A Follow了 B，但是B并没有Follow A，他们之间的Follow是不对等的，要实现这种关系，要在Meta里面设置symetric=False

SexyCode

这是我理解后觉得"性感到死"的一些代码：

  1. lambda x, y: x+y
    Lambda其实和JS中的匿名函数有这异曲同工的作用，嫌起名麻烦，就丢进去，Lambda默认返回里面的值，所以不需要return

  2. map(lambda x: x+1, [1,2,3]) #得到[2,3,4]
    也就是每个都执行一次前面的函数

  3. reduce(lambda x, y: x+y, [1,2,3]) #得到6
    也就是每个都和之前的元素执行一次操作

  4. [i for i in xrange(0,100) if i%2==0]
    得到100以下所有偶数。学术上叫"列表推导"，但在现实案例中是遍历的好工具。

  5. Q(**{key:value})
    我在培训的时候，学到的是Q、F这两个Django函数是不接受字符串的，即Q("abc=1")是不能接受的。但是这段代码性感之处就是彻底摆脱了这条束缚（其实就是重写了keyword对），可以随意构造你喜欢的查询段，这在构造搜索功能时十分有用。比如：

    q_dict = reduce(lambda x,y: x&y, [ Q(**{"%s__slug_name" % taxonomy:request.GET.get(taxonomy)}
    ) for taxonomy in request.GET.keys() if taxonomy in SEARCHABLE_LIST ])

  6. @property
    这个@符号的用法叫"修饰器"，个人感觉这是python比其他语言优美的地方，如何构造修饰器的话，还是看文档的好。这里只是说在class中使用@property的话，这个函数就自动地变成class的属性了，这和js的set、get很像

  7. super超类的使用，super一出，继承的子class一概不执行自身的函数，而是执行super指定的函数

  8. annotate和aggregate。这两个家伙在构造新的query_set时非常有用。比如要统计出一台电脑的总价时，在ComputerManager里面使用

    def get_query_set(self):
    query_set = super(ComputerManager, self).get_query_set()
    query_set = query_set.annotate(price=Sum(‘devices__price’))

这样，每台电脑就有了总价格。这在构造商品集的时候很方便，但是admin.py的编写就略显罗嗦了。

Error集

  1. 取出数据时：XXManager object is not iterable
    这是因为Django不会在执行代码过程中得出SQL语句并查询（所以想获得Sql语句也是不可能的）。所以需要使用.get(),.all(),.filter来获得真正的数据实体

流水记北漂初

发表评论

在求职公寓房东那儿退房时，才发现自己只住了短短的12天，可这12天，发生了太多事，做了太多第一次，总是感觉已经有一个月了。
刚到北京时，手机电池就挂了，我亲爱的ME525啊，你不是防水的吗，怎么就这紧要关头给我倒下了呢……因为之前只查到了求职公寓的大概地址，只知道要到双井桥下，到了地，问了一路的人"XX公寓"怎么走，都说不知道，还有个好心的大爷说小心别被骗了。当时，我拖着重重的行李已经走了4站地，浑身是一路火车上下来的汗臭，最后不知所措地站在地铁站边上，要是没有喝下那瓶从超市里买来的矿泉水来压压神，估计就要坐在地上抱头痛哭起来，然后边哭边骂自己是个2B
—-怎么这么傻缺地一个人闯来了北京。
幸好我理智尚存，在附近一手机店买了块飞X腿电池，这才打通了电话，问到了之前查的求职公寓的详细地址……这下总算找到地儿住了。所谓「求职公寓」其实就是大学男生宿舍的加多倍蟑螂加臭加人版，刚进去，一兄弟正收拾东西，稍微聊了下才知道他今天正好走，告诉了我哪架床比较好。另一个陕西的哥们（就叫超哥吧）也是昨天才到，他们两正聊着那四个同房间的面点师。稍稍整理后，我在那窄得不能再窄的浴室洗了澡，然后踏上北京地铁晚高峰这条不归路去北交找岳兄了。这从劲松到西直门，整整花了2个半小时……疲惫不堪地坐到了地以后，见到岳兄那是万分高兴（总算见到认识的东西了），吃了晚饭，这才聊些「家常」，还跟岳兄参观了下他「科学的殿堂」—-实验室。岳兄心细，知道我肯定是回不去了，就打点着让我住下了。其实我都没反应过来，天就亮了，可看着充不进电的手机，这下可真得找台替代品了。又蹭了岳兄一顿午饭后，我等便酒足饭饱地回去了，这下才第一次见到了四位面点师。
几天接触下来，这四位面点师是彻底封住了我想叫苦的嘴，因为他们更年轻，刚刚20岁，就得出来觅工，早上5点半起床坐公交车（天没亮，地铁也没开门），一周只有一天休息，工资也不高
—-他们买不起自己亲手做的面包。他们常常聊以前打CF的趣事，却实在是累到没有精力去玩，往往匆匆吃过晚饭点便睡下了。
而我那些天就是不停地网投简历，头天就面试了2家，天网面试是早上，我刚到就被这里的工作环境吸引了，那种绿树成阴，还有人在晨练的感觉和家里很像，而整个办公楼道里也充满着「不差钱」三个字。愉快的面试后，张先生说等电话。我也就心满意足地跑到国图去蹭噌知识的味道了。其实我没有那种去图书馆的习惯，从我在家一年基本没去过区图书馆就可见一斑，这次完全是为了满足我土鳖心态，来看看周主席盛赞的地方。刚进去我就晕掉了，能在天网工作的话，我天天都要来，没别的，就图这儿的空调、水、网统统免费啊！俺那是充分地当了一把纳税人。
下午就去了著名的798，在那的点点网是干干脆脆地拒掉了我。第二天又收到了极客公园的电话，和技术部的老大畅谈之后，他也说等电话吧。
接下来就好像运气用完了一样，足足一星期都没有面试通知，倒是在国图咖啡馆里吃了不少西餐、喝了各种从来没喝过的咖啡……要我排个好喝顺序的话：香草拿铁>普通拿铁>冰拿铁>卡普奇诺>美式。也算是土鳖了23年之后，体验了把下午喝喝咖啡，晒晒太阳，打打电脑这种小资生活吧……
当然我正事也没误，期间还去了趟招聘会。招聘会上投了两家都没回音，而招聘会上有一堆人，像电脑城里卖电脑的人一样招各种销售。搞得我不停地说"不用了，谢谢"。倒是里面一兄弟还说：「放着月薪1万不做，去给别人打工，你是真傻还是假傻啊。」我回了句「Stupid
is stupid
does」，可能是听不懂，他也不再缠着我了。回到公寓就听说了超哥找到了份经理的工作，正在试公司发的衬衫，然后他拿出件「1800然后打半折」的西服，还说这是结婚时侯买的。接着他就搬到公司提供的宿舍去了。

最后推友招聘的工作我试着应聘，最后通过5个人轮番的面试，周五，在叫Hawaii的会议室签了厚厚的合同书，终于得到了份工作。
因为公司在苏州街，和公寓正好是10号线的两头，前年还在上海的时候，深刻体会了天天坐地铁上班的痛苦的我决定在苏州街附近找。然后四处打电话，接着，第二天我就看到了正宗的隔断间，房间阴暗潮湿，看房时，房东女儿和一男人还躺在床上呢……搞得我像捉奸似的。这地肯定我不能住，要是住上半年，我估计就直奔回家里了。出门后，在胡同口正找着下一家的时候，一个好像是中介的女的就带我去了小南庄里一民居，说实话不是隔断间已经不错了，人很少，还有窗，一问才800，当时就想住进去了。不过因为约好了另一家，所以就直奔了「怡水园」，走到门口时，我都不敢相信，大门两边是柳树，还有保安，一看就是高档小区，心想就算900也住了。然后看房时，第二次捉奸，一问房东才知道，这对小情侣只租到20号。之后又看过房东另外小区的房子，但是还是觉得，为了每天工作回来有点柳树做安慰，感觉像个有高级公寓住的成功青年（当然最重要的是这间竟然是最便宜的，还带窗），就决定住「怡水园」了。痛心地交了「押一付三」之后，终于在北京有个临时落脚的地方了……
当天就搬了过来，退房时竟然还有点不舍得求职公寓里房东的猫和那超大的阳台（因为在顶层）。到了新地，各种买东西，什么床单啊，被子啊，扛得我是各种蛋疼。铺好床后，躺在床上，我就想"自己一个人生活真心不容易，以后有个家还不懂得珍惜的话，那真是心被狗吃了。"

[Gnome-Shell扩展制作指北]第三篇：图标与图片加载

发表评论

看了题目你可能会奇怪，这有什么不同吗？其实，这里只是两种不同的加载方式。

图标

第一种是图标，或者叫icon，加载的方式是通过系统搜索整个主题库来加载这一图标文件。很难懂？没关系，在/usr/share/icons/下面有很多的图标是吧，那咱们就来加载
face-smile。 效果图 和上节课有神马不同呢： git diff Lesson_2 Lesson_3_Chapter_1

//…此处省略一些………
+const Gtk = imports.gi.Gtk;
@@ -17,7 +18,17 @@ ExampleIndicator.prototype = {
PanelMenu.Button.prototype._init.call(this, St.Align.END);
this.label = new St.Label({text:"This is Example"});
- this.actor.add_actor(this.label);
+ this.label.add_style_class_name('example');
+
+ //this.actor.add_actor(this.label);
+
+ this.iconTheme = Gtk.IconTheme.get_default();
+ this._icon = new St.Icon({ icon_type: St.IconType.SYMBOLIC,
+ style_class: 'popup-menu-icon',
+ icon_name: 'face-smile',
+ icon_size: 26
+ });
+ this.actor.add_actor(this._icon);
Main.panel._rightBox.add_actor(this.actor);
},
//…此处又省略一些………

iconTheme = Gtk.IconTheme.get_default()，这里是告诉GTK主题系统去寻找当前的主题。也就是「主题设置会影响你的图标显示」。用户换了一个主题，你的图标也有可能改变哦。
你可能要问，如果要添加自定义的图标路径怎么办呢？ 这也好办，跟Gtk主题说一声就行了： iconTheme.append_search_path (自定义的图标路径); St.Icon实例的基本组成：

  • icon_type：图标类型，也就两种，全彩（正常的），象征性的（例子里用的）
  • icon_name：图标的名字，这里我们挑了face-smile ：)
  • icon_size:图标的大小，要注意这个大小指的高和宽同样的值，如下图

这里要注意图标的命名，如果你选择了象征性的图标，就要在图标文件名后面加上"-symbolic"这样的后缀，例如：face-smile- symbolic.svg 这样加载图标确实很方便，特别是系统本身自带的那些图标上，但是要是加载图片时，总不可能把图片塞进主题里对吧。

CSS式加载图片

当然不只是换了个图片，让我们看看它和Chapter
1有神马区别。 git diff Lesson_3_Chapter_1 Lesson_3_Chapter_2
除了添加了一个新文件以外，实际上只有短短的8行：

+.example_icon{
+ background-image: url(pic/applications-science-symbolic.svg);
+ background-size: contain;
+ width:26px;
+ height:26px;
+}
+ //this.actor.add_actor(this._icon);
+ this._css_icon = new St.Bin({ style_class: "example_icon" });
+ this.actor.add_actor(this._css_icon);

如果你写过CSS，这些对你简直就是小儿科了。不过我还是想罗嗦一下：
首先我们添加了一个St.Bin(暂且把这当容器用吧)，然后给这货添加了一个"example_icon"的类。并在css里定义了这个类的表现形式，和第二课里做的其实差不多吧。这和图标式加载有些许不同，那就是Bin的大小不受父级元素控制哦。
其实加载图片还有两种方法，不过我都不推荐：

  • Clutter.Texture.new_from_file，因为要考虑绝对路径的问题，而css可以考虑相对路径
  • GdkPixbuf，actor不能接受这个实例，添加时要转换

当然你觉得好，你可以用哈～不过我觉得样式和程序分离是未来的设计趋势，再说了，CSS就是方便呗。

总结

本节我们学习了：

  • 图标通过GTK主题系统加载
  • 图片通过css加载

这样一来，大家就可以加载自己喜欢的GUI啦～

[Gnome-Shell扩展制作指北]第二篇：文字显示

发表评论

文字显示在各种面板类插件几乎是必有的项目，比如默认在Gnome-shell的面板正中央就是一个文字类的时间显示器。
废话不说，直接上实现效果：

代码如下，或者去[GITHUB上下载](https://github.com/mengzhuo/gnome-shell-
example/zipball/Lesson_2)：

const St = imports.gi.St;
const Main = imports.ui.main;
const PanelMenu = imports.ui.panelMenu;
let metadata,indicator = null;
function ExampleIndicator(){
this._init();
}
ExampleIndicator.prototype = {
__proto__: PanelMenu.Button.prototype,
_init: function (){
global.log('EXAMPLE:Enabled');
PanelMenu.Button.prototype._init.call(this, St.Align.END);
this.label = new St.Label({text:"This is Example"});
this.actor.add_actor(this.label);
Main.panel._rightBox.add_actor(this.actor);
},
destroy: function(){
global.log('EXAMPLE:Disabled');
Main.panel._rightBox.remove_actor(this.actor);
}
}
function enable() {
indicator = new ExampleIndicator();
}
function disable() {
indicator.destroy();
}
function init(metadata) {
global.log('EXAMPLE:%s Initialized '.format(metadata.uuid));
}

你可能会惊呼怎么比第一篇多了这么多代码，简直就反人类嘛！ 其实，还是差不多的。看看上次我们说的enable函数，里面是不是变成了

indicator = new ExampleIndicator();

至于为什么这么构造，可以看具体文章「ECMAScript
定义类或对象」
借助这种方法我们调用了PanelMenu.Button.prototype这一原型，然后把它放入这一原型的actor中。Actor是clutter中的概念，具体可以看其参考文档「[ClutterActor](http://docs
.clutter-
project.org/docs/clutter/stable/ClutterActor.html)」，不过我个人理解成「要显示的东西都往这塞吧」的容器。
我们这次要放一个文本显示框进去，所以以下代码来构造一个新的St.Label（和GTK里面的很像吧：）

this.label = new St.Label({text:“This is Example”});

这样就好了，是不是很简单呢～

小小的扩展—-CSS控制

用GJS显示文字这么简单，但是这和python到底有什么不同？这就是接下来的部分要讲的啦～用CSS控制其样式！ 把上面的创建St.Label实例的代码改成

this.label = new St.Label({text:"This is Example"}); this.label.add_style_class_name('example');

是不是很眼熟？对，就是web前端经常干的事，给DOM添加类。 然后你也猜到了—-修改stylesheet.css呗

.example{color:red;}

Alt+F2后，输入「rt」就可以重载css，不需要重载整个G.S是不是更方便了呢！ Vala~!

总结

本章我们学习了文字显示，大家还可以用上篇的LookingGlass来调查这个St.Label实例里还有什么可以玩的，下篇是「图像和图标显示」哦～

[Gnome-Shell扩展制作指北]第一篇：架构简析与简单调试

发表评论

写给那些和我一样看着网上吹水Gnome-Shell用了CSS+JS这一神奇架构后，想跃跃欲试地参与扩展制作的菜鸟程序员和恐惧编译的前端们。

首先，欢迎来到没有编译、没有烦人的GTK控件设计的新世界。由于Gnome-shell(简称G.S)或者叫Gnome3用了Gnome
JavaScript（GJS）作为运行环境，所以可以轻松加载各种GJS写的扩展程序(extension)。要加载这些扩展，总要搞懂扩展的组成吧～

扩展的基本构成

至少需要2个文件：

  • extension.js: 负责插件的核心文件，工作全包
  • metadata.json: 插件的描述文件，额外数据加载
  • stylesheet.css: 负责外观描述

这里我们就用一个简单的例子来说明：

metadata.json

{
"uuid": "gnome-shell-example@mengzhuo.org",
"shell-version": ["3.4"],
"name": "Example",
"url": "//mengzhuo.org/gnome-shell-example",
"description": "This is an EXAMPLE for gnome-shell extension"
}

一些解释(其实要是你英语够好，解释都可以跳过了)：

  • uuid是扩展唯一ID的标识，相当于身份证号码一样，必须有"@"
  • shell-version可以运行的Shell的版本号，本身是个数组
  • name是扩展的名字
  • url告诉用户，可以在哪里搞到这个扩展或者介绍
  • description扩展描述

extension.js

function enable() {}
function disable() {}
function init() {}

这三个函数是固有的，不写的话插件会各种报错，不过只要定义了就没问题啦～，其中：

  • init函数正如其名"initialize"，初始化用，扩展系统加载时运行一次
  • enable函数是给扩展开启时用的

小试牛刀

现在把这两个文件放到~/.local/share/gnome-shell/extensions/gnome-shell- example@mengzhuo.org/ 这里你可能注意到了，“gnome-shell-
example@mengzhuo.org"和metadate.json中的uuid描述是一样的，这么写是为了符合G.S的扩展系统的设定：如果文件夹名称和uuid描述不符，就不加载。

使用LookingGlass调试

按下：ALT+F2开启命令模式
这时输入r重载(reload)整个G.S，当然包括你刚才写的扩展。 然后在终端运行Gnome高级配置工具gnome-tweak- tool找到刚才写的扩展：Example，当然，开启它。 ![](/2012/06/2012-06-24-144436的屏幕截图-
377x300.png)
这时，你写的扩展其实已经加载完成了，什么都没有发生是吧……那是因为我们什么都没有写。 打开extension.js，改成这样：

function enable() {
global.log('EXAMPLE:Enabled');
}
function disable() {
global.log('EXAMPLE:Disabled');
}
function init(metadata) {
global.log('EXAMPLE:%s Initialized '.format(metadata.uuid));
//把metadata.json里的内容加载进来，并输出uuid
}

再次重载G.S，不过，这次再进入ALT+F2命令模式，输入"lg”(是LookingGlass简写，不是老公)
然后选择"Error"标签页，就可以看到例子已经做了点什么。 ![](/2012/06/2012-06-24-151358_1280x800_scrot-
450x285.png)

结束咯

你的第一个扩展就这样写好了，是不是很简单啊，下次要讲是文字显示哦！ 本篇代码下载点：<https://github.com/mengzhuo/gnome-
shell-example/zipball/Lesson_1>