: _ ( ) := ( + ) ^ ( )

Size: px

Start display at page:

Download ": _ ( ) := ( + ) ^ ( )"

のぶみつすすむ
7 years ago
Views:

1 Seaside -Web -

2 : _ ( ) := ( + ) ^ ( )

3 : 101 Squeak... -> (SeasideLesson-BasicXXXX) name filein code

4 Seaside Web (Win, Mac, Linux) Web Web Smalltalk

5 SeasideJOne zip 10 Web + Seaside (SeasideJ) Windows, Mac, Linux USB!

6 Squeak VM Seaside SeasideJOne Windows win_seaside.bat Mac mac_seaside.command Linux SeasideJOne./linux_seaside

7 Seaside SeasideJ : KomSeasideJ starton: : KomSeasideJ stop. ( do it ) SeasideJOne

8 : admin : admin Seaside

9 Counter back

10 ? (Continuation) HTTP! Back Web URL ID ID

11 Web Smalltalk

12 Seaside Web ( ) HTML RDB CRUD Rails... RDB DB

13 Seaside MVC Web MVC C V M MVC... Seaside MVC GUI MVC VC MVC Web (HTTP HTML JavaScript ) GUI

14 V C HTML (V) (C) WAComponent Seaside

15 WAComponent MyComponent MyComponent Seaside MyComponent class>>initialize self registerasapplication: sample MyComponent initialize do it

16 ( ) HTML Web HTML Smalltalk HTML

17 001 WAComponent>>rendererClass MyComponent>>rendererClass WARenderCanvas WAHtmlRenderer WARenderCanvas 2.7 WAComponent>>renderContentOn: html rendererclass MyComponent>>renderContentOn: html html text:

18 002 html orderedlist: [ #(foo bar) do: [:each html listitem: [ html text: each]]]. html table: [ html tablerow: [ #(foo bar) do: [:each html tabledata: [html text: each]]]]. html imageform: ActiveWorld submorphs first imageform.

19 003 GUI Smalltalk html anchor callback: [self inform: Time now]; text:?'

20 004 morph morph ActiveWorld submorphs first. html form: [ html textinput value: morph extent; callback: [:value morph extent: (Point readfrom: value)]. html submitbutton value:. ]. html imageform: morph imageform

21 005 on:of: html form: [ html textinput on: #name of: customer. html textinput on: #address of: customer. html submitbutton. ] callback: customer name address Submit customer name: address:

22 ( Back ) MyComponent>>initialize self session registerobjectforbacktracking: object. object self

23 (1) Seaside (WACounter) WACounter browse do it registerobjectforbacktracking:

24 (1) WAMultiCounter counters WACounter WAMultiCounter>>renderContentOn: html counters do: [:ea html render: ea] separatedby: [html horizontalrule] children WAMultiCounter>>children counters

25 (2) canberoot WAMultiCounter class>>canberoot true Configure Root Component URL URL

26 call: answer: call: ( ) answer: call: XML! answer: B A>>methodA value self call: (B new) A call: B>>methodB self answer: value

27 006 (1) class: id: css MyComponent>>renderContentOn: html html heading class: 'topic'; with: ' '. html paragraph class: 'contents'; with: ' Seaside'. html div class: 'cool'; with: [ html orderedlist: [ #(foo bar) do: [:each html listitem: [ html text: each]]]. ]

28 006 (2) WAComponent>>style css MyComponent>>style ' h1 { test-align: center; }.topic { color: red;}.contents { color: blue; }.cool { margin: 5%; } li { background-color: #ecf3e1; border: 1px solid #c5dea1; } '

29 007 (3) StyleLibrary WAStyleLibrary css Configure Libraries

30 101 (2) To Do List ToDoListRoot call: answer: ToDoListRoot>>addItem style ToDoListItemViewer>> style registerobjectforbacktracking: ToDoListRoot>>initialize

31 Back WAComponent>>isolate: WATask WATask>>go WAStoreTask

32 MyShoppingTask>>go cart WAStoreCart new. self isolate: [[self fillcart. self confirmcontentsofcart] whilefalse]. self isolate: [ shipping shipping _ self getshippingaddress. self shipto: shipping]. self displayconfirmation.

33 component adddecoration: (WAWindowDecoration new)

34 WAWindowDecoration WABasicAuthentication WAValidationDecoration

35 (V C ) ( )

36 (3) SeasideLesson-Store-Model VC SeasideLesson-Store-View isolate: Back MyOrderListView >> checkaddressandship

37 DB (1) OODB OmniBaseJ Magma O/R Glorp

38 DB (2) Seaside DB WASession DB Configure Session Class DB MyComponent>>store: domainobject self session store: domainobject Seaside WASession>>unregistered DB MySession>>unregistered self db close

39 DB (3) OmniBaseJ : DBAccessor

40 DB (4) MyDBSession>>store: object SBOmniBaseAccessor commitdo: [:transaction transaction root at: object key put: object]. MyDBSession>>getAt: key SBOmniBaseAccessor readdo: [:transaction transaction root at: key]. MyDBSession>>unregistered SBOmniBaseAccessor closedb.

41 WASimpleNavigation WATableReport WALabelledFormDialog ( ) WABatchedList ( )

42 Configure Deployment Lang (SeasideJ) self application preferenceat: #deploymentmode Configuration WASystemConfiguration Squeakers' Night in 2.0

43 Seaside ShoreComponents BeachSand Configuration MEWA or Magritte Scriptaculous Scristaculous (Web 2.0 JavaScript ) JavaScript Seaside 2.6 Seaside

44 008 Scriptaculous onclick: effect MyComponent>>renderContentOn: html html heading id: 'topic'; with: ' '. html anchor onclick: (html effect id: 'topic'; toggleblind); with: ' Seaside'. Configure Libraries SULibrary MyComponent

45 Squeak headless ( ) squeak headless <your.image> Apache ProxyPass ProxyPassReverse httpd.conf ProxyPass /seaside/ ProxyPassReverse /seaside/ SSL Seaside SSL Stunnel

46 Seaside Web GUI Web Smalltalk Ver. 2.7 Watch

はじめてのSeaside

はじめてのSeaside はじめての Seaside - 異端の Web アプリケーションフレームワーク - 梅澤真史 Seaside のコンセプト異端であること長年にわたって Web の世界では開発のためのベストプラクティスが蓄積されてきた出来る限り状態を保持しない注意深く吟味された意味のある URL を使うモデルと表示を分離するためにテンプレートを用いる等である Seaside