更新日志
分类:
编程
|
jeff 发表于:2007-11-19 02:10:22 |
0条评论 |
最近一直断断续续地给本系统做更新。由于时间关系,进展比较慢。这一次的更新主要是把后台管理界面重新设计,狠狠地补习了一顿DIV + CSS;还有就是使用上的Ext2.0。Ext和Json交互真的好处多多,在客户端对数据的操作确实非常方便。稍晚的时候将会整理一份Ext的使用心得。下面来些截图,尽管效果不太好 :)。原图太大撑破了布局,麻烦有兴趣的同学点击看大图吧,对不住了。
第一个图:后台主要的风格和Ext的表格。Blogger,WordPress都使用这样的导航菜单,我实在没其他好主意,就依葫芦画瓢了。用Django自定义标签来生成导航还是挺有意思的。

第二个图:分类管理的截图,使用Ext的可编辑表格做D。前后台数据交换方便快捷,爽歪了。

最后一个图了:写文章的截图,FCK的工具栏简化了,并且改用了Office的样式,看起来和总体的蓝色更协调一些。

秀完了。这一次的更新里面只使用了Ext的表格控件,接下来改造设置等功能的时候试一下它的Form控件和Django的Newform。
啊?这个界面让你想吐吗?真抱歉,我有空再继续深造我的CSS去吧。
Ext2.0 + cjson 快乐起舞
分类:
编程
|
jeff 发表于:2007-11-09 01:06:04 |
0条评论 |
虽然说我买了很多CSS的书扔在家里,也翻过来看过。可你知道程序员没几个静得下来专门搞CSS,我是这批人中的其中之一。我希望的事就是有个很好的美工可以帮我做一些好的样式,我拿来就用。
平时做Web应用,好多的页面,每一个请求的处理器最终还对应回一个页面,这是大部分Web Framework的做法,Asp,php并不这样。有些是通过配置,动态语言则直接写在代码里,因为代码本身就相当于配置。最后页面越来越多,突然想,不用写页面多好啊,客户需要什么数据就提供什么数据好了。
现在好了,一次过实现你两个愿望,使用Extt来做前端,省去你百分之八十的UI工夫,用Ajax来交互,把该死的页面啊模板啊扔一边去。
好长一段时间没有关注Ext(前身为YUI-Ext)。如今已经是出了2.0版,除了完美的UI之外,还和Jquery,Prototype等框架进行了整合。Ext2.0简直可以用惊艳来形容。超乎想象的UI控件效果让人目瞪口呆,而且使用起来也极其方便,让你感觉写界面就像在写配置文件一样。现在Java的FX也类似这样的。有Ext,我不用担心自己是个CSS菜鸟,Ext做出来的UI恐怕还不是一般美工做得了的捏。。卡卡。。
Ext有自己在客户端的数据存储结构(Store之类的),UI的组件封装得很完善,如客户端校验、表格组件、分页组件、树、布局、表单与工具栏等,开箱即用。需要与服务器交换数据的时候通常通过新建Ext的存储并设置远程代理(Url)及配置一些参数就可以。交互数据的格式有Json和XML。Json是首推的。而使用Ext来做界面,一个很大的习惯上的改变就是:很少用Html来做展现,除非布局,你一般都是在写Javascript,就像写C/S的代码一样。
我最近在为本站后台作完善工作。决定了使用Ext来做前端,使用Json来交换数据。关于Python的Json转换库,在网上找到功能相对好的是Cjson,由C语言编写,编译成Python的模块进行使用的。Cjson使用起来也很方便,一Encode一Decode,速度飞快并且提供错误捕捉。最爽的地方在于,Python的数据格式与Json的格式太相似了,用Python来构造Json的原型,太Cool了。
使用Ext做Ajax前端的好处还在于,透明的切换服务器的实现。前端只关心传过来的数据,其他一概不关心。