- 浏览: 6962 次
- 性别:
- 来自: 上海
最近访客 更多访客>>
最新评论
-
i_love_sc:
如果业务比较复杂的话,这种单映射作用也不是很大。比如要在服务器 ...
怎样使用Ajax 简化我们的分层设计 -
leyen:
http://www.city366.com/ 这个站点不错, ...
怎样使用Ajax 简化我们的分层设计 -
downpour:
最烦人说DIV + CSS, 满页的DIV,典型的DIV症。
半个多月 用prototype实现的:单页面,纯Ajax,web2.0,js,div+css,... -
simon1118:
建议楼主不要这么做,很容易出错
体验上也没什么太好的效果
半个多月 用prototype实现的:单页面,纯Ajax,web2.0,js,div+css,... -
netfishx:
天哪,好多的豆腐块。。。。。。
半个多月 用prototype实现的:单页面,纯Ajax,web2.0,js,div+css,...
文章列表
站点: 城市在线 http://www.city366.com/
最终实现效果:
客户端
1.兼容所有浏览器
2.整个网站所有功能全部在一个页面实现
3.完全的 Ajax
4.div + css 布局
5.几乎不手写任何 html 代码,所有的对象 通过js动态维护
6.完全 js oo 编程,后 ...
不打算写太长,只写一个方面:简化我们的分层设计,反馈好的话,接着写...
正常情况下,我们的系统 分为 entity dataaccess business ui 四层,这个我就不罗嗦了.
考虑如下常见情况(举个最简单的例子)
比如有两张表: User, Experience. Experience 有一个外键,指向User
考虑没有Ajax的情况,要实现这样一个简单的页面:某个User的详细信息页面,页面需要同时列出 User信息,及这个User的 Experience信息。
正常情况,我们实现此页面的逻辑为:
数据库存储过程级别: 使用 表之间的 Join 方式,输出 User + ...
站点: 城市在线 http://www.city366.com/
前言:用了半个多月的空余时间,刚刚完成站点的主要内容,还有很多细节需要优化(很多已知的bug还没有修补),仅希望这篇文章可以
传递 使用 js 的 oo 编程,共同体验 超爽的 bs 程序。
注:程序,美工,测试,需求分析,都自己做了,
前台:
1,纯Ajax,无刷新实现与服务器交互
2,纯Web2.0,Div+CSS布局
3,最少的HTML代码,整个站点的所有HTML对象,均通过js动态生成(生成object对象,并非用innerHTML写入)
4,仅用一个页面,实现网站所有功能。
5,兼容常用浏览器 (IE, Fire ...