|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
init指的是所有前面是init的方法比如UIView的初始化方法是-(id)initWithFrame:(CGRect)aRect在Objc里有很多这样关于函数命名的约定固然开辟挪动使用程序是一件辣手的事变，可是只需在入手下手阶段具有准确的偏向和手艺基本，统统城市变得分歧。在许很多多的手艺替换计划眼前，挪动使用开辟职员会不休地意想到，专攻于某个特定的平台将不再是可行之道。传统的原平生台（iOS，Android，WindowsPhone7，WindowsMobile等等）没需要弄得那末庞大，而且没需要流动到某个软件栈(softwarestack)，由于后者不但进修曲线峻峭，并且必要办理很多成绩才干摸清它们各自平台的内涵接洽。假如没有充足强的驱动力，在那些原平生台长进行开辟的话，那末随后严密把持的使用程序开辟和发卖渠道会让事变变得更糟。
不外还好，最少有两种办法能够挣脱在原平生台上开辟的窘境。一种办法是接纳加倍熟习的编程言语和开辟情况，并将了局转换为原生代码（这一样平常产生在iOS上的开辟，如相似MonoTouch的办理计划）。在必定水平上，这类办法依附于进修相似的庞大API，和在API之长进行特别处置以完成准确映照，从而取得原生设备的才能。
另外一种办法是选择基于Web的挪动使用程序。固然它们的开辟情况有些糟糕，可是打消了对特定平台相干手艺的需求，并将使用程序放到基于通用的Web尺度（如HTML5，CSS3和JavaScript）基本之上，这年夜年夜简化了跨平台的扩大才能。但是我们从Web中学到的一件事变是：不克不及也不该当希冀它所能做的事变和供应的服务必需能被任何设备利用。你能够预期将来挪动平台版本和操纵体系会进一步含混传统的“原生”和“Web”使用程序之间的界线。
今朝，开辟基于Web的跨平台挪动使用程序已有了像PhoneGap，Rhomobile，和AppMobi的办理计划，它们依附于利用JavaScriptAPI表露原生设备功效，并经由过程在原生的Shell使用程序中运转上述API编写的代码来衬着Web使用程序。这听起来像是一个不错的发起，可是条件是必要利用JavaScript开辟。别的一种选择是基于范畴公用言语(DomainSpecificLanguage,DSL)。别的，InfoQ上有一篇文章会商了挪动Web使用程序开辟近况。
WebSharper
WebSharper旨在办理下面的一些成绩。起首，它可使用F#开辟全部Web和挪动使用程序，全部开辟历程不但能够享用F#简便的语法和壮大的函数式布局，还能够削减很多已往必要常常性编写的代码。其次，它为罕见的Web相干的噜苏事情供应了一系列丰厚的笼统及eDSL语法，比方组合HTML、界说Web表单、办理所需资本、平安地处置URL和其他很多事情。WebSharper之以是出格合适于年夜型企业级使用程序开辟，是由于这些笼统都是强范例的：比方，机关Web表单时发生毛病数据范例，或实验为毛病的输出控件增加表格考证，城市形成编译期毛病，这再次年夜年夜的延长了开辟工夫。
使用sitelet机关站点
WebSharper2.0引进了sitelet，它是范例平安的优等网站元素。sitelet界说在“action”团结范例之上，它包括了所暗示站点中全体网页/内容的汇合，还包括一个路由和一个把持器用作在举措(action)和实在的内容之间往返地映照URL哀求。
（点击图片举行缩小）
<br>
：WebSharperVisualStudio模板中的样例网页
上面是从安装后的WebSharper样例sitelet使用程序模板中抽取的一个复杂的Action范例，它界说了中元素较少的样例网页。- ///Actionsthatcorrespondtothedifferentpagesinthesite.typeAction=|Home|Contact|Protected|Loginofoption<Action>|Logout|Echoofstring
sitelet还带有一个范例平安的模板言语，该言语基于XML标志并利用特别的占位符。当你将后缀为.template.xml的文件到场到WebSharperVisualStudio办理计划中时，它们会被主动地转换为F#代码并包括在构建列表中。
上面显现了一样是来自于样例sitelet使用程序模板中的Skin.template.xml中的模板标注：- <htmlxmlns="http://www.w3.org/1999/xhtml"><head><titlegt;Yoursitetitle</title><linkhref="~/themes/reset.css"rel="stylesheet"type="text/css"/><linkhref="~/themes/site.css"rel="stylesheet"type="text/css"/></head><body><div><divid="loginInfo">${LoginInfo}</div><divid="header"><divid="banner">${Banner}</div><divid="menu">${Menu}</div><divclass="closer"></div></div><divid="main-container"><divid="main">${Main}</div><divid="sidebar">${Sidebar}</div><divclass="closer"></div></div><divid="footer">${Footer}</div></div></body></html>
- ///Atemplatefunctionthatrendersapagewithamenubar,basedontheSkintemplate.letTemplatetitlemain:Content<Action>=letmenu(ctx:Context<Action>)=[A[Action.Home|>ctx.Link|>HRef]-<[Text"Home"]A[Action.Contact|>ctx.Link|>HRef]-<[Text"Contact"]A[Action.Echo"Hello"|>ctx.Link|>HRef]-<[Text"SayHello"]A[Action.Protected|>ctx.Link|>RandomizeUrl|>HRef]-<[Text"Protected"]A["~/LegacyPage.aspx"|>ctx.ResolveUrl|>HRef]-<[Text"ASPXPage"]]|>List.map(funlink->Label[Class"menu-item"]-<[link])Templates.Skin.Skin(Sometitle){LoginInfo=Widgets.LoginInfoBanner=functx->[H2[Texttitle]]Menu=menuMain=mainSidebar=functx->[Text"Putyoursidebarhere"]Footer=functx->[Text"Yourwebsite.Copyright(c)2011YourCompany.com"]}
你还能够界说各类小型的笼统范例，使你的使用程序代码变得加倍简便。上面是一个链接操纵符(=>)，用作创立超链接：- ///Ahelperfunctiontocreateahyperlinklet(=>)titlehref=A[HRefhref]-<[Texttitle]
- ///Thepagesofthiswebsite.modulePages=///Thehomepage.letHomePage:Content<Action>=Template"Home"<|functx->[H1[Text"Welcometooursite!"]"Letusknowhowwecancontactyou"=>ctx.LinkAction.Contact]...
- letEntireSite=//Asimplesiteletforthehomepage,availableattherootoftheapplication.lethome=Sitelet.Content"/"Action.HomePages.HomePage//Anautomaticallyinferredsiteletcreatedforthebasicpartsoftheapplication.letbasic=Sitelet.Infer<|funaction->matchactionwith|Action.Contact->Pages.ContactPage|Action.Echoparam->Pages.EchoPageparam|Action.Loginaction->Pages.LoginPageaction|Action.Logout->//LogoutuserandredirecttohomeUserSession.Logout()Content.RedirectAction.Home|Action.Home->Content.RedirectAction.Home|Action.Protected->Content.ServerError//Asiteletfortheprotectedcontentthatrequiresuserstologinfirst.letauthenticated=letfilter:Sitelet.Filter<Action>={VerifyUser=fun_->trueLoginRedirect=Some>>Action.Login}Sitelet.Protectfilter<|Sitelet.Content"/protected"Action.ProtectedPages.ProtectedPage//Composetheabovesiteletsintoalargerone.Sitelet.Sum[homeauthenticatedbasic]
- ///Exposethemainsiteletsoitcanbeserved.///ThisneedsanIWebsitetypeandanassemblylevelannotation.typeSampleWebsite()=interfaceIWebsite<SampleSite.Action>withmemberthis.Sitelet=EntireSitememberthis.Actions=[][<assembly:WebsiteAttribute(typeof<SampleWebsite>)>]do()
Formlet是比来一套来自学术界的情势系统，它是WebSharper不成支解的一部分。而WebSharper则是最后完成Formlet的几个框架之一。Formlet代表了一流的、范例平安的、可组合的数据表单，它与你大概一向在用的ASP.NET或其他Web框架中的非严厉范例的办法有着很年夜的分歧。WebSharper完成中包括了附属formlet，个中formlet的一部分附属于另外一部分，比方附属于多选项的下拉框或是输出框中的输出值；flowlets是一种定制的结构，它用来在一个formlet盘算表达式或F#一元布局中以一品种似导游的按次体例一步步衬着每个formlet。
上面是一个复杂的formlet，它前往一个字符串值，个中各类分歧的加强被增量式使用于其上：- letnameF=Controls.Input""|>Validator.IsNotEmpty"Emptynamenotallowed"|>Enhance.WithValidationIcon|>Enhance.WithTextLabel"Name"
- Formlet.Yield(funv1v2...vn-><composeallv’s>)<*>formlet1<*>formlet2...<*>formletn
- typePerson={Name:stringEmail:string}[<JavaScript>]letPersonFormlet():Formlet<Person>=letnameF=Controls.Input""|>Validator.IsNotEmpty"Emptynamenotallowed"|>Enhance.WithValidationIcon|>Enhance.WithTextLabel"Name"letemailF=Controls.Input""|>Validator.IsEmail"Pleaseentervalidemailaddress"|>Enhance.WithValidationIcon|>Enhance.WithTextLabel"Email"Formlet.Yield(funnameemail->{Name=name;Email=email})<*>nameF<*>emailF|>Enhance.WithSubmitAndResetButtons|>Enhance.WithLegend"AddaNewPerson"|>Enhance.WithFormContainer
<br>
：包括考证和各类加强的复杂formlet
下面formlet例子中的[<JavaScript>]标注唆使WebSharper将代码段翻译为JavaScript。每一个控件中加强的考证器均为WebSharperformlet库的一部分，而且它们供应客户端考证，因而Validator.IsEmail将确保在formlet在抵达一种可承受形态前只键进了正当的邮件地点。你还能够挪用自界说的函数大概经由过程进一步增强手头的formlet来供应分外的考证。假如某个函数被标志为[<Rpc>]并从客户端代码中挪用，那末WebSharper将会天生代码实行RPC（远程历程挪用）并主动处置客户端和服务真个值传送。你能够无缝利用恣意庞大的F#对象，如嵌套列表(nestedlist)、映照(map)、汇合(set)或序列(sequence)，而不必忧虑它们在外部被怎样映照。这一致了客户端和服务端代码，而且年夜年夜地削减了开辟工夫。现实上，客户端和服务端代码在开辟过程当中一般位于统一个F#文件中，只是它们被构造进统一定名空间下的分歧模块中。
很多WebSharper形式能够用来开辟客户端-服务器使用程序，我们一般倡议利用sitelet和formlet一同事情，并供应各类编码引导来最年夜限制地进步开辟职员的事情效力，可是你也能够借助WebSharper在大批的ASP.NET代码基本上开辟夹杂型的使用程序，大概基于WebSharper的功效改良现有的ASP.NET使用程序。
从笼统中构建来满意所需
偶然，你大概必要跳出尺度WebSharperformlet库的局限来为使用程序完成表单（大概全部UI）。比方，你大概想要利用分歧的输出控件来衬着formlet，由于复杂的CSS重写大概不克不及够满意你所想要的表面和感到。别的时分，你想重用现有的JavaScript控件库，如ExtJS，YUI，或是jQueryUI来失掉更精密的表面和感到。WebSharper为上述的第三方库供应了大批的扩大包，个中一些扩大包还供应了formlet笼统。
上面的冗长例子在jQuery挪动扩大中利用了Formlet，经由过程在Formlet.Do中利用flowlet结构和组合熟习的Formlet.Yield一同完成了两个步骤的登录序列：- <htmlxmlns="http://www.w3.org/1999/xhtml"><head><titlegt;Yoursitetitle</title><linkhref="~/themes/reset.css"rel="stylesheet"type="text/css"/><linkhref="~/themes/site.css"rel="stylesheet"type="text/css"/></head><body><div><divid="loginInfo">${LoginInfo}</div><divid="header"><divid="banner">${Banner}</div><divid="menu">${Menu}</div><divclass="closer"></div></div><divid="main-container"><divid="main">${Main}</div><divid="sidebar">${Sidebar}</div><divclass="closer"></div></div><divid="footer">${Footer}</div></div></body></html>0
- <htmlxmlns="http://www.w3.org/1999/xhtml"><head><titlegt;Yoursitetitle</title><linkhref="~/themes/reset.css"rel="stylesheet"type="text/css"/><linkhref="~/themes/site.css"rel="stylesheet"type="text/css"/></head><body><div><divid="loginInfo">${LoginInfo}</div><divid="header"><divid="banner">${Banner}</div><divid="menu">${Menu}</div><divclass="closer"></div></div><divid="main-container"><divid="main">${Main}</div><divid="sidebar">${Sidebar}</div><divclass="closer"></div></div><divid="footer">${Footer}</div></div></body></html>1
<br>
：运转在Android上的jQuery挪动formlet
利用WebSharper挪动API和第三方舆图控件
Formlet和sitelet年夜年夜简化了Web开辟和挪动开辟，而且供应了强健、范例平安且可组合的笼统来为使用程序的部分模块举行建模。WebSharpe中的另外一个基本笼统是pagelets，它由多个formlet搭建而成。pagelet代表了一流的、可组合的客户端标注及举动。WebSharper的pagelet不但与ASP.NET控件兼容，还能够间接嵌进到ASP.NET标志中。
上面的例子是完成了舆图控件的pagelet，运转了局如所示：- <htmlxmlns="http://www.w3.org/1999/xhtml"><head><titlegt;Yoursitetitle</title><linkhref="~/themes/reset.css"rel="stylesheet"type="text/css"/><linkhref="~/themes/site.css"rel="stylesheet"type="text/css"/></head><body><div><divid="loginInfo">${LoginInfo}</div><divid="header"><divid="banner">${Banner}</div><divid="menu">${Menu}</div><divclass="closer"></div></div><divid="main-container"><divid="main">${Main}</div><divid="sidebar">${Sidebar}</div><divclass="closer"></div></div><divid="footer">${Footer}</div></div></body></html>2
<br>
：经由过程Bing舆图控件和地点栏显现以后地位信息
该控件利用WebSharper挪动API猎取以后GPS地位。IntelliFactory.WebSharper.Mobile定名空间下另有很多有用工具用于底层挪动设备间的交互，包含猎取减速计数据，会见摄像头的才能和显现原生的告诫信息。将来版本的WebSharper挪动API也将会包括平台相干的扩大，如蓝牙通讯才能等等。
总结
假如你还没有效过X-to-JavaScript工具来匡助编写Web和挪动使用程序的话，你大概想晓得为何它们的数目会有云云之多，和是甚么缘故原由让人们想要往利用它们。WebSharper是一种针对F#的强健的Web开放框架，它正在被一些企业级使用程序主动利用。WebSharper办理了很多Web和挪动开辟中常常碰到的成绩，而且供应了浩瀚的功效，如平安URL，主动资本跟踪，客户端标注及功效中供应的范例平安且可组合的笼统，带有客户端考证的声明式Web表单和网站代价。
WebSharper2.3.28+更新和后续的2.4公布版本包括了用于挪动Web开辟的VisualStudio模板，利用模板你能够疾速实验和实行本文中的两个例子。你也能够在这里和这里下载到源代码，包含最初天生的Android包。
关于作者
<br>AdamGranicz是F#的资深业内助士和中心社区成员，他与人合著过三本F#书本，包含与F#的言语计划者DonSyme合著的《ExpertF#2.0》。他的公司IntelliFactory专注于初级F#项目征询，并为利用F#举行Web、挪动和云端使用程序开辟塑造将来，公司还开辟了F#的首个Web开辟框架——WebSharper。你能够经由过程granicz.adam{at}intellifactory.com与他接洽，还能够存眷他的Twitter，大概在函数式编程地狱FPish里找到他。
检察英文原文：F#mobiledevelopmentwithWebSharper
以后一定会坚持多读些相关的书籍，在这里也要感谢一下“清源教育”的老师对我学习中极大的帮助，每次有不懂得问题，都及时得到了他们的回答。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-18 11:47:06
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
窥视卡
雷达卡
发表于 2015-3-17 00:07:52
楼主