Документ обсуждает использование WebSharper для веб-программирования на F#, подчеркивая его преимущества в сравнении с JavaScript, включая поддержку типов и удобные инструменты разработки. Он также содержит примеры кода для различных функций, таких как удаленные вызовы, пользовательские привязки и функциональная маршрутизация. В итоге, WebSharper обеспечивает более структурированный подход к разработке клиент-серверных приложений.

1. WebSharperвеб-программирование без слёзВладимир Матвеев, IntelliFactoryАнтон Таяновский, IntelliFactory

2. Пример дня: Excel в браузереРедактирование таблицДобавление формулСохранение данных на сервереПубликация веб-сервис интерфейса к даннымИ всё это на F# - благодаря WebSharperCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |2

3. Почему WebSharper?Когда пишешь JavaScript, хочется плакать:Нет вывода типов - опечатки приводят к ошибкамНет толковой среды разработкиНет стандартной платформы, библиотек, коллекцийНет стандарта упаковки модулей и документацииCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |3

4. Почему WebSharper?Еще хуже дело с клиент-серверными приложениями:Нужно думать о передаче данных и их упаковкеНужно привязывать скрипты, стили и HTMLCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |4

5. Почему F#?Функциональное программированиеВывод типовУдобная среда разработкиХорошая платформаCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |5

6. Комиляция F# в JavaScriptCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |6namespace HellomoduleMain = [<JavaScript>]letrecFac n =match n with | 0 -> 1 | n -> n * Fac (n - 1)> Hello.Main.Fac(10)3628800

7. Стандартная библиотекаCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |7let d = Dictionary()for (k, v) in pairs do d.[k] <- vd

8. Удалённый вызовCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |8[<Rpc>]let Save (user: User) =database.Save userasync { return OK }[<JavaScript>]letAddAccount() =let user = ..async {let! response = Save userdo! Show response } |> Async.Start

9. Привязки JavaScript библиотекCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |9letconfig =JQueryUI.DialogConfiguration(Draggable = true, Modal = true, Height = 370, Width = 500 Title = "..", CloseOnEscape = true)JQueryUI.Dialog.New(element, config)

10. Пользовательские привязкиCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |10[<Inline "eval($s)">]leteval (s : string) = X<_>

11. Функциональный подход к UICopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |11Formlet.Do {let! name = functionNamelet! text = functionTextreturn name, text}|> Formlet.Flowlet

12. Функциональная маршрутизацияCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |12type Actions = | Main | DownloadWorksheetletSitelet = Sitelet.Content "/" Main mainPage <|>Sitelet.Infer (function | Main -> mainPage | DownloadWorksheet -> download ())

13. Статическая проверка ссылокCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |13functx -> A [Href (ctx.Link Main)] [Text "Home"]

14. Автоматизация зависимостейCopyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |14module Styles = [<Sealed>]type Table() =inheritResources.BaseResource("Styles.css")[<Require(typeof<Styles.Table>)]module UI =

15. К делу!Copyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |15

16. Спасибо за внимание!http://websharper.comhttp://intellifactory.comhttp://bitbucket.org/IntelliFactory/talk-kiev-alt.net-6Copyright © 2004-2011 IntelliFactoryWebSharper @ Kiev ALT.NET #6http://www.intellifactory.com |16