前端技术 曲毅 多业务场景下的灰度解决方案2017-11-17

7L七乐康医主医有所依多业务场景下的灰度架构解决方案演讲嘉宾赵云（曲毅）赵云自我介绍从事互联网研发工作13年。曾在高阳，空中网，新浪,乐蜂网等互联网公司担任构架师，高级技术经理,技术总监等职位。现任七乐康技术VP。近5年专注移动互联网。是国内资深HTML5专家和研究者,对HTML5技术有非常深刻的认识和理解，有着丰富的实践经验,是HTML5弓摩Crow5的创造者。多次受邀在中关村在线，iweb峰会，51CT0和GITC全球互联网大会上担任嘉宾和专家。主要经历教师经历-教授J2EE和.NETJava研发7年PHP研发4年HTML5研究工作4年编写Crow5引擎5版4年互联网公司技术总监管理工作媒体专访互联网+医疗快速融合开发-引擎实现多端多产品矩阵开发详解引擎技术之约定式编程的实现理念专访七乐康高级技术总监曲毅：技术本,代码和Crow5WOT2015预热系列访谈-乐蜂技术总监曲毅CTO训练营-创业公司的事与人7L七乐原医主医有所依七乐康的产品线该七乐康医生端APP<Q>互联网医院啊微信患者端11D\\IIIooB2C医药电商小七联盟mm线下连锁药店7L七乐原匡主医有所依目前主要覆盖的科室男科肝病科泌尿科风湿免疫科妇科7/七乐原医主医有所依真正的丨互联网思维丨运营，连接医生、患者与药企七乐康医生才以医生为核心致力于为医生提供全面可靠的行医服务相关数据反馈七乐康医主医有所依医、患、药一站式就医闭环服务的移动医疗平台-获政府授权，为七乐康互联网医院唯一指定官方应用-专业覆盖所有专科，以慢性病为主-初诊在线下，定位于二次诊疗-提供在线咨询问诊、用药管理、用药指导、患者管理、健康档案管理等全方位服务F七乐原区主医有折依7L七乐康医主医有所依目前，七乐康互联网医院拥有近40万医生资源，覆盖全国34个省未来一年，每2个医生就有1个在七乐康互联网医院多点执业7L七乐康匡主医有所依优势③优质•高效•健全•稳定的供应链体系与百强中国医药和全球500强企业展开战略合作，打造超强的供应链体系建立超过3万药品品种，满足95%以上用户找药买药需求业异工LU福&炸土而广药强生欧姆龙博士伦力存K可兀女同仁堂罗氏修正拜耳GSK7L七乐康医主医有所依7L七乐康匡主医有所依七乐康互联网医院用户流程___慢病患者复诊患者________康复患者医生介入远程诊断远程会诊_____远程门诊转诊线下电子处方_____限慢病复诊、康复口服药.7L七乐康医主医有所依七乐康针对的用户群体医生•专科医生•咼频使用患者•场景不定.低频使用•刚需7L七乐康医主医有所依七乐康针对的用户群体•不同专科医生针对特定患者群体•不同科室，医学诊断流程不同•患者关注信息特定化goo

6eo面对这样多业务场景，多用户群体，必须有一个很好的集成化灰度解决方案7L七乐原医主医有所依每一种框架都有自给的一种设腿念和钱解决方法S更容此被扩展(给出更优的调用APIF七乐原医主Afe医有折依我们需要一个什么样子的引擎插件开发而缨不检人式开发引擎要继续向重量级框架学习统一的思想是面向切面的，在愿意使用的时候使用,不愿意的时候也能较为方便的抽离>在使用框架时，在具体编码的过程中，研究编写代码的规则和习惯。是否可以把处理问题的编码变成一种有规律的规则>例如前端大体可分为,资源模版加载、数据请求、渲染处理、事件处理编码中有很多可抽象和可重复的机械垒码、使其变成可配置的方式7L七乐康医主医有所依Crow5设计原型简单的指令控制Contro1马的规则发出指令rvic该自动获取同编码完美的加载优化策略架据层抽取代码可以利自动生成与方式同步方式书停行处理异步回调Modul^J对逻辑控7L仁乐原医主医有所依引擎的设计从此您的产品将具备异步加载动回控制局部刷新按需加载分扉显ZF加速器拦截器图片样式定位延时监控数据驱动缓存脱离JS内存管理7L七乐康医主医有所依引擎支持的模块插件MVC代码约定模块IHTML代码约定模块］代码配置管理模块］发送请求管理器IDOM优化控制器I滚动条控制模块I同步编写异步执行模式内存管理器交互抽离模式数据驱动模式加密混淆器数聞装模式Crow5引擎的组成部件加速器插件管理模块URL拦截器缓存控制器工具类包动画控制器图片显示控制模块UI显示控制器模板控制器按需加载调度器内容刷新器超时监听器F七乐康区主医有所依Crow5介绍□主体购物逻辑抽取□完善的基于约定的模块式开发口高效的性能口数十种设计模式的实现口完美实现与原生的内嵌口插件式拼装，灵活，自主口智能自动的实现响应式布局□前端安全过滤器口离线脱机，小伙伴再也不用担心购物没有网络了口模版引擎漂移□日至远程调试口心跳保持□还有很多很多，没有不可能只有想不到7L七乐康医主医有所依Crow5心跳控制ConfigHTML数据驱动器\71

requset_____________response数据改变信息Crow5服务器心跳起搏器Store7L七乐原医主医有所依Crow5动态数据填充模式dao数据驱动局部刷新Module预渲染动态填充7L七乐康医主医有所依离线模版漂移硬件能力重力感应网络管理引擎降级管理缓存处理心跳保持核心控制图代码约定模式交互抽离模式数聞装模式数据驱动模式作用域保持模式同步编写异步执行模式IDOM优化策略II发送数据请求策略I!内存管理I7L仁乐原医主医有所依我们用Crow5做了些什么一一移动端产品£旦oo©■/Miojmt1•5：-AMaiWRfflOK&IPUOQ««IKROtSHMfl茴q®ir-lQtWH«MUplmeg.磚0o•»«：■f*iOKBHfflfi这时我还没听过她初识她，幵始为她做些什么首页开始进入特卖时代苜页不再只有品牌特卖-广三月撞桃^密*款款績品歎款低給*有了专属的刷新&加載样式新年伊始，给她换了整套新衣为她做了许多样式和体验优化•«•¥800.0&en>ni«!HnqrMwaKaBHZMBS1»lK5a-l.S■.CAftfcHVK0.D•aUH团♦

cfw♦揣*<■/■ABIUPWBTv>»olMH4Wr±t*MM•?»甯Ue*nMS!MHWM«RaMUOMIASM««vnojoirfl...jin*wg.7L七乐康医主医有所依我们用Crow5做了些什么中国联通令100%■，f12:52520瘦身专场由静鏡JCare倩体梅（70粒）装7009増强版¥199¥74*立8D购实透蜜医学纤体塑身组合ttWWK金稻运动电波美体机KD-9O8¥199¥旳中国联通令96%IS，11:02摇一摇规则说明您今天还有3次免费机套跟号中还有2069可用花粉我的奖品7L七乐康医主医有所依我们用Crow5做了些什么——七乐康PC端与移动端产品•••ooBELL兮4:21PM*100%M我的药房处方单A达克宁西安杨森制药有限公司°一■*79.005心，达克宁（硝酸咪康哇软'丁W硝酸味康哇硝酸软胶…呈西安杨森制药有限公司二~—¥79.00大白nm：77'N0xzj达克宁（硝酸味康哇软aE',f

硝酸咪康哇）西安畅森制药制药制药有...*2888.00大白噸：30%ywDx达克宁同西安杨森制药有限公司1一*79.00大白指虹8•••00BELL■<?<21PM才100%■>e飞扬，&■您好，在吗医生，我心脏不舒服，给我再开点药吧UflWB21OS16"((<11议使用以下药品脑心通膜11x5tttfteOg-iA/tffllftmi-H3®.VHIRffi,■片.□«*il炒,任佝不!l&应'本次咨，巳蛾SE,用H23小H2分重新发起会话7L七乐原医主陶有所依引擎的进化论--极致的简单如何少写代码?能不写最好配置文件也得写，能否再少写?用配置依来减少代能否做做页面后面的功能就自动实现?写代码再简单都有学习成本，能否再简单？能否不用怎么学就能搞定编码？余配置文件七乐原医主医有所依如何编写引擎/Ar

Config={'main':{cache:'data'flazyLoad://lazyArea:[,,indexslide,,,,,indexModule"]f

〃配置延迟加载的控制监控区域param:{},//渲染单元config:{"indexNav":{cover:data:{}h"indexLunbo":{cover:,l+"floading:remote:"index.php/mwidget/index_module_one_jsonp?callback=7h"indexModule":{cover:loading:"!"fremote:"index.php/mwidget/index_module_two_jsonp?callback=f}}七乐原医主医有所依什么是约定式编程？它和引擎技术有什么关系?<id=ll|indexBanner]11v!—由引擎拼装显示一></>class=IMtremote="doctor”url=,M,xxx="crow5">属性注解：」接口地址=remote+id=doctor/indexBanner｝妾口返回html=tpl+Json積板=id+"tpl"=indexBannerTpl回璋动画时间妪理=_id=_indexBanner七乐原医主医有所依约定接口形式■2.1.5.横幅广告1描述3获取顶部横幅广告9地址（测试）3docto|7［應祭躬迎冥3参数3参数名3类型3必须3备注33333方法3GET—响应耍■成功卩{""code":0<■畋V成功"V"data":[3{#"imgUrl":n

http://yun.7lk.me/assets/banner/1459409619976.jpg",""title":"浮层二3"targetUrl":"/workspace/html/activity/h5_active/cure.html”,#"content":二“"djsglayOj^er":1,3"jsExternaP:0<"clickable":03}#]"}33结果码：0成功；非。失败#消息提示333轮播图片333标题链接地址#内容"排序*J是否用链接：0.是1.否"是否可点击：0.是1.否37L七乐原医主医有所依<scripttype="text/javascript">//--------Crow5迷你版页面约定设置----------//AddByEqu@2016-07-28弓I擎启动开关//AddByEqu@2016-08-02实现无配置，全约定方式启动，//所有逻辑由约定完成，无需写任何代码，干掉配置文件Crow5_X.App.g。()；store.clear();//---------------------------function

_indexBanne^r|(_/son){function

_indexNews(json){页面模板甘欠套以及获取json的方式<scripid="indexBannerTpl"type="text/html"><divclass="banner”〉divid"banner_tabs"class

"flexslider"><ulclass^"slides,*>{ifcode~0&&data[0]}{eachdata}<li>{$value.clickable==1}<atitle"{$value.title}*1

targetM_blank"><imgwidth="1920"alt""src'*{$value.imgllrl}"></a>{else}<atitle"{$value.title}"target"_blank"href"{$value.targetUrl}"><imgwidth=,,1920nalt,,H

srcM{$value.imgUrl}"></a>{/if}</li>{/each}{/if}v/Ul><ulclass=*'flex-direction-nav"><li><aclass

"flex-prev"href="javascript:;">Previous</a></li>class=Hflex-next"href"javascript:;">Next</a></li></uIa</div></div>7L七乐康医主医有所依345678901234545678901222222223333335555889991111111111111111111111扩展属性:属性名属性值属性含义cachedata缓存数据html缓存拼接后的htmlI不缓存lazyLoad〜有懒加载I没有懒加载url优先级高的调用地址loading是否有加载动回vm(object)指定数据驱动模型I无需数据驱动cover+剛方式填充〜置顶刷新填充param〜引擎默认配参(Json}指定特殊参数isHeartbeat〜有心跳保持I没有心跳保持noCachTime〜缓存是否超时时间I没有超时时间ProtectDisplay〜有分页保护I没有分页保护还有很多属性在这里就不一列举了7L七乐康医主医有所依引擎虽好极致的能否不配成配置pmmer的诞生想真什么自动兢有7L七乐康医主医有所依利用Crow5的强大特性7L七乐康医主医有所依rammer构建工具D：5yworks—h[value■旬_]Options:Commands:Us祯g酵：rapimer[options—U,—uersionoutput—h#—helpoutputtheuersionnumberusageinformationhtnl[options]project(options]link<dir>CotherDirs..•]note(options]check[options1edit[options]<file>EotherFiles...]engine(options1<file>[otherFiles...]基础功能演示7L七乐康医主医有所依文文使ht工丸注建建建用面页极准件联标X天现场实例演示新药推荐支悖本嶂分药店目提利动乳果糖口阪溶液60ml(100ml:66.7g)模块:board癥口:docApi/board模块:board癥口:docApi/board最新公告某著名芸院住院医师王医生将在某大礼迸行学术报告演讲，欢迎报名参加！模块:basiclnfo接口:docApi/doctorlnforammerengine引擎名目标页面一insertSection渲染Id模块类型--remote接口rammerenginecrow5gD.html—insertSectionboardboard—remotedocApi/board¥30.48¥40^0rammerenginecrow5gD.html—insertSectionmedicineListmedicineList—remotedocApi/medicineListrammerenginecrow5gD.html—insertSectiondoctorlnfobasiclnfo—remotedocApi/doctorlnfoF七乐康区主医有所依现场实例演示1华佗医生所属科室：男科宣教rammerenginecrow5mD.html--insertSectionnoticeListnoticeList--remotedocApi/noticeListrammerenginecrow5mD.html--insertSectiondoctorlnfoinfoTab--remotedocApi/doctorlnfo模块：menu接口:docApi/menu男科旦痂市宀MW"新药推荐七乐康仓库新増抗癌新药rammerenginecrow5mD.html--insertSectionmenumenu--remotedocApi/menu模块：infoTab接口:docApi/doctorInfo模块:noticeList接口:docApi/noticeListrammerengine引擎名目标页面一insertSection渲染Id模块类型--remote接口活动通知积分规则大升级.快看详细I77七乐原医主医有所依群发我的药房邀请患者©系统通知完善个人信息，开启互联网医疗之旅吧！现场实例演示消息速递rammerenginecrow5hD.html—insertSectionindexBannerslide—remotedocApi/indexBannerrammerenginecrow5hD.html—insertSectiondoctorlnfodetaillnfo—remotedocApi/doctorlnforammerenginecrow5hD.html—insertSectiontipListtipList—remotedocApi/tipList模块:detailinfo複口:docApi/detaillnfo模块:slide接口:doc