Elm - Arsitektur

Pada bab ini, kita akan membahas cara standar membuat aplikasi pada platform Elm. Elm menggunakan pola arsitektur yang mirip dengan pola Model-View-Controller.

Berikut adalah empat bagian utama Arsitektur Elm.

• Model
• View
• Message
• Update

Bagaimana cara kerja arsitektur Elm

Itu modelberisi status aplikasi. Misalnya, jika suatu aplikasi menampilkan daftar pelanggan maka negara akan memuat setiap data pelanggan. Untuk menampilkan negara dengan cara yang rapi, aview/ html harus dibuat. Setelah pengguna berinteraksi dengan tampilan dengan menekan tombol atau mengetik data dalam bentuk, tampilan menghasilkan sinyal yang disebutmessages. Pesan diteruskan keupdatemetode, yang mengevaluasi pesan dan mengambil tindakan yang tepat. Oleh karena itu, metode pembaruan akan menghasilkan model baru.

Model baru menghasilkan tampilan baru. Tampilan tersebut akan mengarah pada interaksi baru dari pengguna ke pesan sinyal, yang menuju ke fungsi pembaruan. Selanjutnya, fungsi tersebut membuat model baru. Jadi, siklus berulang seperti yang ditunjukkan pada diagram di atas.

Model

Model berkaitan dengan status aplikasi. Sintaks untuk mendefinisikan Model diberikan di bawah ini -

-- Model syntax

type alias Model = {
   property1:datatype,
   proptery2:datatype
...
}

Untuk membuat model, pertama-tama kita perlu membuat template dengan semua properti yang dibutuhkan di dalamnya. Setiap properti menentukan status aplikasi.

Melihat

Tampilan adalah representasi visual dari status aplikasi. View tahu bagaimana mengambil data dan menghasilkan halaman web darinya. Saat pengguna berinteraksi dengan View, pengguna dapat memanipulasi status dengan membuat pesan. Sintaks untuk mendefinisikan View diberikan di bawah ini -

--View Syntax
view model =some_implementation

Pesan

Pesan adalah permintaan dari pengguna untuk mengubah status aplikasi. Pesan diteruskan sebagai parameter ke fungsi pembaruan.

--Message Syntax
type Message = Message1 |Message2 ...

Sintaksnya menunjukkan jenis Message. Aplikasi elm akan mengedit status berdasarkan pesan yang diteruskan padanya. Keputusan ini dibuat dalam metode pembaruan.

Memperbarui

Fungsi update menafsirkan pesan, yang diteruskan sebagai parameter untuknya, dan mengupdate model.

--Update Syntax
update Message_type model =
   some_implementation

Fungsi pembaruan membutuhkan Message dan Model sebagai parameter.