站点: 城市在线 http://www.city366.com/
最终实现效果:
客户端
1.兼容所有浏览器
2.整个网站所有功能全部在一个页面实现
3.完全的 Ajax
4.div + css 布局
5.几乎不手写任何 html 代码,所有的对象 通过js动态维护
6.完全 js oo 编程,后台代码的任何 class,前台均会有一个js class与其对应
7.即便数据库完全坏死,毫不影响网站的正常浏览(读取功能不影响)
多级缓存
1.Sql 数据库存储(这行当我没说)
2.第一级,文件级别缓存
数据正常存储在数据库,如果每次打开页面,都通过即时检索数据库,会带来如下问题, ...
不打算写太长,只写一个方面:简化我们的分层设计,反馈好的话,接着写...
正常情况下,我们的系统 分为 entity dataaccess business ui 四层,这个我就不罗嗦了.
考虑如下常见情况(举个最简单的例子)
比如有两张表: User, Experience. Experience 有一个外键,指向User
考虑没有Ajax的情况,要实现这样一个简单的页面:某个User的详细信息页面,页面需要同时列出 User信息,及这个User的 Experience信息。
正常情况,我们实现此页面的逻辑为:
数据库存储过程级别: 使用 表之间的 Join 方式,输出 User ...
2007-06-13
半个多月 用prototype实现的:单页面,纯Ajax,web2.0,js,div+css,...
关键字: 半个多月 用prototype实现的:单页面, 纯ajax, web2.0, js, div+css, ......站点
站点: 城市在线 http://www.city366.com/
前言:用了半个多月的空余时间,刚刚完成站点的主要内容,还有很多细节需要优化(很多已知的bug还没有修补),仅希望这篇文章可以
传递 使用 js 的 oo 编程,共同体验 超爽的 bs 程序 :)。
注:程序,美工,测试,需求分析,都自己做了,
前台:
1,纯Ajax,无刷新实现与服务器交互
2,纯Web2.0,Div+CSS布局
3,最少的HTML代码,整个站点的所有HTML对象,均通过js动态生成(生成object对象,并非用innerHTML写入)
4,仅用一个页面,实现网站所有功能。
5,兼容常用浏览器 (IE, ...
- 浏览: 4037 次
- 性别:

- 来自: 上海

- 详细资料
搜索本博客
最近加入圈子
最新评论
-
怎样使用Ajax 简化我们的 ...
如果业务比较复杂的话,这种单映射作用也不是很大。比如要在服务器端做逻辑,做验证, ...
-- by i_love_sc -
怎样使用Ajax 简化我们的 ...
http://www.city366.com/ 这个站点不错,但是功能上是不是太 ...
-- by leyen -
半个多月 用prototype实 ...
最烦人说DIV + CSS, 满页的DIV,典型的DIV症。
-- by downpour -
半个多月 用prototype实 ...
建议楼主不要这么做,很容易出错 体验上也没什么太好的效果
-- by simon1118 -
半个多月 用prototype实 ...
天哪,好多的豆腐块。。。。。。
-- by netfishx






评论排行榜