2014年Ajax——徐正国.pptVIP

Think In Ajax徐正国2006-03-23 赛迪6周年 * 日程 传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例－山东移动网站自助服务揭密 Ajax的挑战和思考 * 传统C/S和N层架构 Logic Logic Server（e.g database） Data model Data model Logic Logic Data model Data model Middleware Layer(s) “Server” * 日程 传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例－山东移动网站自助服务揭密 Ajax的挑战和思考 * MVC架构 Logic Logic Data model Data model Presentation Logic Layer Business Logic Layer Data Access Layer Server MVC View Controller Model Application Server Database Internet Service * 日程 传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例－山东移动网站自助服务揭密 Ajax的挑战和思考 * Web应用限制 最新推荐图书《构筑个人财富》，可能我工作忙一会回来，可能推荐了另一本图书，需要刷新页面才确定。也不能调整推荐图书的大小来达到同时浏览很多推荐图书的目的。 * Web应用限制 calling function Model Local memory 本地调用过程比较简单，程序逻辑和数据模块都保存在本地，他们可以直接调用。 * Web应用限制 calling function 远程过程调用就比较复杂。从一台机器去操作另一台机器上的数据，调用请求首先必须被编码成一个对象，然后被序列化，然后通过应用层协议（Http）在物理设备上传输（网线，光纤，各种无线网络等等）。另一台机器收到数据后先要按照应用协议解码，解开被序列化的数据，然后创建一个调用请求对象，现在这个对象才可以被数据模块或者处理请求模块使用。要回应远程调用，这个复杂的过程又要从新走一遍。 Local Model Serialization App Protocol Physical transport Serialization Remote Model App Protocol * Web应用限制 * 日程 传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例－山东移动网站自助服务揭密 Ajax的挑战和思考 * Ajax横空出世 Logic Logic Data model Data model Presentation Logic Layer Business Logic Layer Data Access Layer Server MVC View Controller Model Application Server Database Internet Service Javascript Object Model Browse Controller View onClick(){……} onMouserOver(){……} * 日程 传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例－山东移动网站自助服务揭密 Ajax的挑战和思考 * 应用案例－山东移动网站自助服务揭密 输入手机号码、密码、验证码获取短信随机码。 * 应用案例－山东移动网站自助服务揭密 登陆对话框部分出现背景和边框，增强客户体验，没有刷新整个首页。 * 应用案例－山东移动网站自助服务揭密 第一步获取短信随机码成功，提示客户输入短信随机码登陆，首页还是没有刷新，交互的只是数据 * 日程 传统C/S和N层架构 MVC架构 Web应用限制 Ajax横空出世 应用案例－山东移动网站自助服务揭密 Ajax的挑战和思考 * Ajax的挑战和思考 浏览器端MVC与服务器端MVC关系 Web2.0标准 Web应用安全 * Thank You About us: 山东移动规划设计研究院 网上服务系统（山东移动对外门户） 绩效考核系统 全面预算系统 网络资源规划管理系统 * * 我需要叫醒孩子，看窗外的风景，和喂猫。其实孩子醒了以后可以通知我，我没必要在等着看到他醒了。从计算机的角度，我们可以把任何异步的操作放在一个单独的线程里，一旦线程开始了，我的孩子会在这个线程里自己醒来，我作为父线程不需要跟他们同不知道他们通知我，我就可以去做别的事情，这样阻塞时间就会最小。 SHGFHLGHLSHLGHSLKHGLSHLGHFGHLSHGFHGSHG