使用python开发前端

Python让前端更轻松基于Python的前端 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 实践潘俊勇weibo.com/panjunyongeasydo.cn易度云办公前端开发的困惑桌面C/S时代：曾经的美好成熟工具链支撑简单快速开发组件编程，图形化IDEDelphi/C++BuilderVisualStudioPowerBuilder：图形化，脚本化数据库应用开发神器效果更低的成本对开发人员要求低不分前后端更高的开发效率Web前端–B/S时代桌面安装复杂，浏览器打开即用，世界进入B/S时代B/S模型：ThinClient服务器浏览器输出Html、Css、js等渲染展示发起http请求用户操作输入输出终端问 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 ：更多语言需要学习HTMLCSSJavascript减少语言Nodejs：后端也用js来开发曾经的KSS：用类似css的语法写JSPythonJS：浏览器上Python开发 翻译 阿房宫赋翻译下载德汉翻译pdf阿房宫赋翻译下载阿房宫赋翻译下载翻译理论.doc 为JS玩具性质问题：事件变成http请求route：url地址和代码的映射安全性无状态：cookie/session用约定来简化RailsDjango问题：不成熟的浏览器Html/js/css都在不断在发展Javascript自身的缺陷各种浏览器兼容问题第三方组件兼容性问题还好有前端框架TwitterBootstrapSemanticUIJQueryUI国内的淘宝BUI百度BlendUI…Web前端–应用时代移动端和体验要求，系统要求更开放，进入单页面应用时代单页面应用模型：FatClient服务器SPA（浏览器）输出json数据渲染展示发起http请求API用户操作单页面应用服务接口SPA：SinglePageApplication，单页面web应用特点大量逻辑前移到浏览器服务端只提供API对搜索引擎支持不好前端特别重OpenERP：前端有多重？OpenERP6.1版，对web端了SPA重构OpenERP6.0OpenERP6.1前端MVC框架，蜂拥而至BackBoneAngularJSKnockoutReactJS…前端开发工具链CoffeescriptLess/SassRequireJS/SeaJSBowerYeomanGrunt前端的迷失前端开发变得异常复杂各种框架轮番上阵各自存在问题互不兼容仍未终结前端程序员很渺小另外的声音：前端去框架才是趋势去框架：让开发者开发所谓的微框架或者小框架，然后呢让它们之间能够彼此相容，然后你竞争去采用比较好的东西我们怀念桌面时代的美好前端欠发展前端太难优秀的web前端很贵….技术一定往简化发展前端可能是碗青春饭怎么破？修修补补，还是根源解决？如何省时、省人、省力，技术上可持续发展？微软的尝试：asp.net修修补补：如何恢复桌面时代的美好组件：ASP.NETHelpers在网页中内嵌帮助器，简化控件的创建WebForm服务器控件：失败内嵌在html中，弱化http协议，转为事件驱动GooGLE的方案GWT、dartlang、PolymerGWT用java开发web前端：编译为jsRIA：全端回到桌面时代GoogleAdwards,GoogleWallet问题：搜索引擎不友好位置逐渐被Dart取代Dart:替代JS语言更干净自带开发工具支持polymer组件化开发一种语言，支持前后端可编译为高效的js，支持各种浏览器快速进入语言排行前20Polymer:WebComponent实现W3Cweb组件技术 规范 编程规范下载gsp规范下载钢格栅规范下载警徽规范下载建设厅规范下载 CustomElementTemplateShadowDOMHTMLimport实现：Polymer代表web未来是终点吗？号外：PyjamasPython版本的GWT自带UI陈旧用户不多易度前端的演进一个小(DiaoSi)团队如何不被技术浪潮摧毁作为一个小公司技术主管不大懂javascript招不起昂贵专业的前端害怕技术选型错上贼船历史负担：自制前端框架技术更新，成本非常高如何平滑支持移动端作为一个开发平台解放开发者专注业务需求少折腾技术技术延续性目标：力求最简三脚猫功夫，也能开发快速开发屏蔽实现细节尝试过backbone当年Zope时代的感觉泥潭里挣扎3个月，完成前端框架革命成本太高放弃只能演进，而非革命尽量少的人最少的技能快速开发实用、少折腾LIFEISSHORTUSEPYTHON易度前端:FitClient易度WebPlayer浏览器版易度MobilePlayer移动版易度应用Python渲染UI组件接受View指令易度Player：不胖不瘦，刚好事件处理事件处理Web适配移动适配完全用Python写应用分层：前端引擎和应用易度Player（前端引擎）：20%javascript基础整体外观风格栏目导航加载进度出错处理动态组件渲染展示交互事件触发界面行为控制易度应用：80%python输出UI界面交互事件处理控制界面行为前端引擎和应用前端框架UIVIEW各种业务应用(Python)应用层WebPlayer引擎层招一个NB的前端维护引擎即可前端技术革新，只需升级引擎层使用UI组件ui.panel()\.add(ui.button(‘Clickme’)\.add(ui.text(‘Hello,world’))\+ui.button(‘新增’)\.icon(‘add’)\.loading(‘正在提交….’)\.on(‘click’,‘@zopen.test:test’)UI组件示例UI组件库使用Python表单类似Bootstrap的组件系统所有功能组件化View指令集view.message(‘出错了’,type='error',)view.modal(form,width=600)view.layout.main().set_content(form)view.layout.right().set_content(form)可视化制作表单form=root.packages.get_form_obj(‘zopen.test:form’)ui.form(title,description,action)\.fields(form)\.button(‘submit’,‘提交’)\.on(‘submit’,‘@zopen.test:submit_form’)组件选择(DOM)和操作#向WebComponent致敬view.closest('tabs')\.active_panel()\.set_content(ui.h1(‘hello,world’))view.find('tree#leftnav')\.expand()用户触发事件处理ui.link(‘clickme’)\.on(‘click’,‘@zopen.test:test’)所有脚本提交到服务端脚本用Python处理自定义事件：界面联动触发删除事件：view.trigger(‘dataitem-removed’,\{'uid':12312,'title':'123123'})多处处理事件：ui.script().on('dataitem-removed',"@zopen.test:refresh")示例：珠三角沙龙活动页面示例：投票应用Python就是一种DSLPython的表达能力，不比html差Bootstrap版本升级，重写html工程浩大Python写界面，与具体实现隔离回归桌面开发模式一切皆python学习更简单几乎不用懂web全端开发更容易codereview组件化开发：为web未来同步事件驱动：屏蔽网络部分的图形化开发：可以更多WebPlayer可定制皮肤引擎分离的额外收获前端需求变得简单WebPlayer引擎实现并不复杂不再需要MVC框架对前端新技术，不再焦虑现有前端积累得以延续未来升级更加平滑开源了吗？未开源一种思想，很容易实现目前只实现的web版本UIhtmlVIEW转换JS想过基于QML的QT版本DEMOS谢谢大家欢迎提问在线互动weibo.com/panjunyong演讲完毕，谢谢观看！