用 Python + django 10分钟內作出一個 blog

wuxsoft — Fri, 15 Aug 2008 04:07:00 GMT

摘要: 在 Ruby on Rails 的官方網站上有 15 分鐘作出一個 weblog 的 screencast，的確 demo 了 RoR 開發的快速。不過萬萬不可太迷信只有 RoR 能這麼神速，根據最近擠出一點時間看 django 的東西後，我也想先來作個「10分鐘做出 blog 的挑戰」。（由於還不太會用製作 screen cast 的軟體，所以只能用文字介紹..）這篇文章只是描述一下建構過程，所以不會介紹 django 環境的安裝設定，請讀者見諒。

稍微簡介一下 django，它是一個基於 Python 語言的 Web 開發框架（framework）。阅读全文

wuxsoft 2008-08-15 12:07 发表评论

django for google Appengine

wuxsoft — Fri, 15 Aug 2008 04:06:00 GMT

摘要: appengine一出来就进行申请，结果没有申请上，5月底，google开放了申请，终于可以在google服务器上编写程序了。 appengine内部已经包含了django框架，可以很方便使用，同时提供了google的用户验证，以及google的数据库系统等，可以部分替换 django的验证系统，model等。阅读全文

wuxsoft 2008-08-15 12:06 发表评论

jQuery API 中文版之Core

wuxsoft — Fri, 15 Aug 2008 03:05:00 GMT

摘要: $(html)

根据提供的原始HTML标记字符串，动态创建由jQuery对象包装的DOM元素。

Create DOM elements on-the-fly from the provided String of raw HTML.
返回值

jQuery
参数

* html (String): 用于动态创建DOM元素的HTML标记字符串

示例
说明:

动态创建一个div元素（以及其中的所有内容），并将它追加到ID值为body的元素中。在这个函数的内部，是通过临时创建一个元素，并将这个元素的innerHTML属性设置为给定的标记字符串，来实现标记到DOM元素转换的。所以，这个函数既有灵活性，也有局限性。阅读全文

wuxsoft 2008-08-15 11:05 发表评论

jQuery手册

wuxsoft — Tue, 24 Jul 2007 03:51:00 GMT

下载完成后先加载到文档中，然后我们来看个简单的例子！

< script language = " javascript " type = " text/javascript " >
     $(document).ready( function (){
         $( " a " ).click( function () {
         alert( " Hello world! " );
    });
});
< script >

上边的效果是点击文档中所有a标签时将弹出对话框，$("a") 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click()是这个对象的方法，同理$(document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时执行函数。
在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(

)的元素,$("#p")表示取id为"p"()的元素.

我将从以下几个内容来讲解jQuery的使用:
1:核心部分
2:DOM操作
3:css操作
4:javascript处理
5:动态效果
6:event事件
7:ajax支持
8:插件程序

一：核心部分
$(expr)
说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础
参数：expr：字符串，一个查询表达式或一段html字符串
例子：
未执行jQuery前：

< p > one p >
< div >
       < p > two p >
div >
     < p > three p >
     < a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
alert($( " div > p " ).html());
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

function jq(){
$( "

Hello

" ).appendTo( " body " );
}

运行：当点击id为test的元素时，向body中添加“

Hello

”

$(elem)
说明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象
参数： elem：通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前：

< p > one p >
   < div >
      < p > two p >
   div >< p > three p >
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
alert($(document).find( " div > p " ).html());
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

function jq(){
$(document.body).background( " black " );
}

运行：当点击id为test的元素时，背景色变成黑色

$(elems)
说明：限制jQuery作用于一组特定的DOM元素
参数： elem：一组通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前：

< form id ="form1" >
< input type ="text" name ="textfield" >
< input type ="submit" name ="Submit" value ="提交" >
form >
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
$(form1.elements ).hide();
}

运行：当点击id为test的元素时，隐藏form1表单中的所有元素。

$(fn)
说明：$(document).ready()的一个速记方式，当文档全部载入时执行函数。可以有多个$(fn)当文档载入时，同时执行所有函数！
参数：fn (Function):当文档载入时执行的函数！
例子：

$( function (){
$(document.body).background( " black " );
})

运行：当文档载入时背景变成黑色，相当于onLoad。

$(obj)
说明：复制一个jQuery对象，
参数：obj (jQuery): 要复制的jQuery对象
例子：
未执行jQuery前：

< p > one p >
< div >
< p > two p >
div >
< p > three p >
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
var f = $( " div " );
alert($(f).find( " p " ).html())
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容。

each(fn)
说明：将函数作用于所有匹配的对象上
参数：fn (Function): 需要执行的函数
例子：
未执行jQuery前：

< img src ="1.jpg" />
< img src ="1.jpg" />
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
$( " img " ).each( function (){
this .src = " 2.jpg " ; });
}

运行：当点击id为test的元素时，img标签的src都变成了2.jpg。

eq(pos)
说明：减少匹配对象到一个单独得dom元素
参数：pos (Number): 期望限制的索引，从0 开始
例子：
未执行jQuery前：

< p > This is just a test. p >
< p > So is this p >
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
alert($( " p " ).eq( 1 ).html())
}

运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个

标签的内容

get() get(num)
说明：获取匹配元素，get(num)返回匹配元素中的某一个元素
参数：get (Number): 期望限制的索引，从0 开始
例子：
未执行jQuery前：

< p > This is just a test. p >
< p > So is this p >
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
alert($( " p " ).get( 1 ).innerHTML);
}

运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个

标签的内容
注意get和eq的区别，eq返回的是jQuery对象，get返回的是所匹配的dom对象，所有取$("p").eq(1)对象的内容用jQuery方法html()，而取$("p").get(1)的内容用innerHTML

index(obj)
说明：返回对象索引
参数：obj (Object): 要查找的对象
例子：
未执行jQuery前：

< div id ="test1" > div >
< div id ="test2" > div >
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
alert($( " div " ).index(document.getElementById('test1')));
alert($( " div " ).index(document.getElementById('test2')));
}

运行：当点击id为test的元素时，两次弹出alert对话框分别显示0，1

size() Length
说明：当前匹配对象的数量，两者等价
例子：
未执行jQuery前：

< img src ="test1.jpg" />
< img src ="test2.jpg" />
< a href ="#" id ="test" onClick ="jq()" > jQuery a >

jQuery代码及功能：

function jq(){
alert($( " img " ).length);
}

运行：当点击id为test的元素时，弹出alert对话框显示2，表示找到两个匹配对象

wuxsoft 2007-07-24 11:51 发表评论

IT博客-袁章洪的博客

用 Python + django 10分钟內作出一個 blog

django for google Appengine

jQuery API 中文版之Core

jQuery手册