jack

jack

Trying to understand a basic Phoenix Application and it's MVC model explained by a flowchart/statechart

Hello there,

I’m just starting with Elixir and Phoenix.

I’m wondering if I could understand the Phoenix “life cycle” correctly so far.
A “Traditional Phoenix Application” can be described simply as:

connection
|> endpoint()
|> router()
|> pipeline()
|> controller()

I like very much the simplicity of how the book use the Elixir pipelining to explain the application flow, the code is really very well documented by itself and you don’t really need flowcharts to explain the framework.

This part is quite verbose, I’ll describe the way how I understood each “part” of the Phoenix Framework and how it uses the MVC design pattern.

Migrations → defines a table structure for a database, here you can create a table, add fields and unique indexes.
Schema → create a data structure related to a table (defined on migrations), and define functions for validations using a “changeset”.
Context → a context uses a schema and Repo to define functions and pipelines to transform and persist data.
Controller → the controller will access the context asking for functions and pipelines, and will ask view to render the correct related page.
View → defines specific functions for parsing and filtering data to be used from a Template, and will render a specified Template.
Template → the actual HTML code and front-end logic.
Router → receive request and select correct controller.

MVC → Model = Schema+Context, View = View+Template, Controller = Router+Controller

I’m trying to make it a bit more clear to me trying to have an overview by using a State Diagram.
I’m not experienced in writing State Diagrams, so we can try to just interpret it abstractly? :stuck_out_tongue_closed_eyes:
(I’m open to any corrections and tips about it)
But as I have to learn how to use State Diagrams for my current job, I’ll try to explain the app flow using it.

New users can’t upload images, so I’ll have to upload it in a third party service. You might need to click the image to see it clearly.
https://imgur.com/a/YiIaj1x

Is it correct?
Could I say that those “steps” (states) of endpoint, router and pipeline can propagate an “error” input (the application state, in this case the “connection” data structure), and so, we end in a software “Error state”, propagating the conn down the pipelining, that will end in the “View” layer?

I didn’t connected the “Controller state” in the “Error state”, but the “conn” could propagate errors on this state as well, like form validation errors… changeset. Maybe I should have connected this transition.

But my main question, apart from the overall understanding is, it’s correct to interpret the “application flow” like this? Could I say that errors occurring in the endpoint, router and pipeline will end to be rendered in the View layer as well?

Because if I hit the wrong endpoint, if I request the wrong route, or if there is any validation problem during the proper pipeline (browser/api/other), Phoenix will render a special error template to reflect that as well, so we hit the View layer without hitting “our” Controller, right?

Sorry if this reasoning is plain wrong and sounds confusing.
I do am confused and I’m quite a beginner using MVC. :sweat_smile:

Where Next?

Popular in Questions Top

jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod – where is this set? Thanks.
New
Emily
I have VueJS GUIs with the project generated using Webpack. I have Elixir modules that will need to be used by the VueJS GUIs. I forese...
New
skosch
To my knowledge, put_in, Map.update etc. all have the one limitation of not automatically creating intermediate keys when needed (for exa...
New
aadeshere1
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
New
greenz1
I have a phoenix application from which a user can download multiple(5-6) files of size 1MB. I couldn’t find anything related to sending ...
New
sergio_101
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New

Other popular topics Top

joaquinalcerro
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 records...
New
JakeBecker
TL;DR: I’ve just released an implementation of Microsoft’s IDE-independent Language Server Protocol for Elixir. It adds language support ...
1144 54921 245
New
lanycrost
Hi everyone! I need implement if…else if…else condition from my elixir code, and anymore of this control flow structures not work proper...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New
joeerl
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
New
AstonJ
Seen any cool LiveView demos, sample apps or examples? Please post them here! :003:
New

We're in Beta

About us Mission Statement