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

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

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

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

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

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

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

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

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

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

Функциональный подход к UI
Copyright © 2004-2011 IntelliFactory
WebSharper @ Kiev ALT.NET #6
http://www.intellifactory.com |
Formlet.Do {
let! name = functionName
let! text = functionText
return name, text
}
|> Formlet.Flowlet

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

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

Автоматизация зависимостей
Copyright © 2004-2011 IntelliFactory
WebSharper @ Kiev ALT.NET #6
http://www.intellifactory.com |
module Styles =
[
]
type Table() =
inherit Resources.BaseResource("Styles.css")
[
)]
module UI =

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