mzh/blog

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实例的基本组成:

这里要注意图标的命名,如果你选择了象征性的图标,就要在图标文件名后面加上”-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的大小不受父级元素控制哦。 其实加载图片还有两种方法,不过我都不推荐:

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

总结

本节我们学习了:

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

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

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

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」,不过我个人理解成「要显示的东西都往这塞吧」的容器。 我们这次要放一个文本显示框进去,所以以下代码来构造一个新的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个文件:

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

metadata.json

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

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

extension.js

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

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

小试牛刀

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

使用LookingGlass调试

按下:ALT+F2开启命令模式 这时输入r重载(reload)整个G.S,当然包括你刚才写的扩展。 然后在终端运行Gnome高级配置工具gnome-tweak- tool找到刚才写的扩展:Example,当然,开启它。 这时,你写的扩展其实已经加载完成了,什么都没有发生是吧……那是因为我们什么都没有写。 打开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”标签页,就可以看到例子已经做了点什么。

结束咯

你的第一个扩展就这样写好了,是不是很简单啊,下次要讲是文字显示哦! 本篇代码下载点: