Add an HTML Page to Elixir Phoenix - Revision history

Admin at 03:00, 14 March 2024

2024-03-14T03:00:14Z

← Older revision		Revision as of 03:00, 14 March 2024
Line 71:		Line 71:
	<div>THis is a working page</div>		<div>THis is a working page</div>
	<div> <%=@data%> </div>		<div> <%=@data%> </div>
			</source>


			Launch the server and you will see the page render with the HTML template used.

			<source>
			mix phx.server
	</source>		</source>

Admin at 02:58, 14 March 2024

2024-03-14T02:58:30Z

← Older revision		Revision as of 02:58, 14 March 2024
Line 9:		Line 9:
	</source>		</source>

	~~<source>~~

	The code below shows you where to place the above code.		The code below shows you where to place the above code.

			<source>
	scope "/", AppWeb do		scope "/", AppWeb do
	pipe_through :browser		pipe_through :browser
Line 18:		Line 19:
	get "/landing", PageController, :index		get "/landing", PageController, :index

	~~# live "/", PageLive, :home~~
	end		end
	</source>		</source>

Admin at 02:36, 14 March 2024

2024-03-14T02:36:01Z

← Older revision		Revision as of 02:36, 14 March 2024
Line 27:		Line 27:
	in '''app/appweb/''' create a directory named '''controllers'''.		in '''app/appweb/''' create a directory named '''controllers'''.

	In this directory create a controller file. The name of the controller file needs to mirror the name in our code. '''PageController''' ~~requires a file~~ name '''page_controller.ex'''		In this directory create a controller file named '''page_controller.ex'''. The name of the controller file needs to mirror the name in our code. '''PageController''' hence the name '''page_controller.ex'''

	In the page_controller.ex file place the following code:		In the page_controller.ex file place the following code:

Admin at 02:34, 14 March 2024

2024-03-14T02:34:36Z

← Older revision		Revision as of 02:34, 14 March 2024
Line 3:		Line 3:
	==Create the Route==		==Create the Route==

	In '''app/appweb/router.ex''' set a route. In the example below, the route is a '''get''' request and the endpoint is '''/landing'''. Assign a Controller~~, in~~ the code below this is '''PageController'''. In the third argument, set an atom that will be the name of the HTML page~~, in~~ this case it is '''index'''.		In '''app/appweb/router.ex''' set a route. In the example below, the route is a '''get''' request and the endpoint is '''/landing'''. Assign a Controller. In the code below, this is '''PageController'''. In the third argument, set an atom that will be the name of the HTML page. In this case, it is '''index'''.

	<source>		<source>

Admin at 02:33, 14 March 2024

2024-03-14T02:33:57Z

← Older revision		Revision as of 02:33, 14 March 2024
Line 3:		Line 3:
	==Create the Route==		==Create the Route==

	In '''app/appweb/router.ex''' set a route. In the example below, the route is a get request and the endpoint is '''/landing'''. Assign a Controller, in the code below this is '''PageController'''. In the third argument, set an atom that will be the name of the HTML page, in this case it is '''index'''.		In '''app/appweb/router.ex''' set a route. In the example below, the route is a '''get''' request and the endpoint is '''/landing'''. Assign a Controller, in the code below this is '''PageController'''. In the third argument, set an atom that will be the name of the HTML page, in this case it is '''index'''.

	<source>		<source>

Admin at 02:33, 14 March 2024

2024-03-14T02:33:41Z

← Older revision		Revision as of 02:33, 14 March 2024
Line 1:		Line 1:
	This tutorial describes how to render an HTML page in Elixir Phoenix. ~~THis~~ tutorial does not use Liveview.		This tutorial describes how to render an HTML page in Elixir Phoenix. This tutorial does not use Liveview.

	==Create the Route==		==Create the Route==

Admin: Created page with "This tutorial describes how to render an HTML page in Elixir Phoenix. THis tutorial does not use Liveview. ==Create the Route== In '''app/appweb/router.ex''' set a route. In the example below, the route is a get request and the endpoint is '''/landing'''. Assign a Controller, in the code below this is '''PageController'''. In the third argument, set an atom that will be the name of the HTML page, in this case it is '''index'''. get "/landing", PageControl..."

2024-03-14T02:33:27Z

Created page with "This tutorial describes how to render an HTML page in Elixir Phoenix. THis tutorial does not use Liveview. ==Create the Route== In '''app/appweb/router.ex''' set a route. In the example below, the route is a get request and the endpoint is '''/landing'''. Assign a Controller, in the code below this is '''PageController'''. In the third argument, set an atom that will be the name of the HTML page, in this case it is '''index'''. <source> get "/landing", PageControl..."

New page

This tutorial describes how to render an HTML page in Elixir Phoenix. THis tutorial does not use Liveview.

==Create the Route==

In '''app/appweb/router.ex''' set a route. In the example below, the route is a get request and the endpoint is '''/landing'''. Assign a Controller, in the code below this is '''PageController'''. In the third argument, set an atom that will be the name of the HTML page, in this case it is '''index'''.

<source>
get "/landing", PageController, :index
</source>

<source>

The code below shows you where to place the above code.

scope "/", AppWeb do
pipe_through :browser

get "/landing", PageController, :index

# live "/", PageLive, :home
end
</source>

==Create Controller==

in '''app/appweb/''' create a directory named '''controllers'''.

In this directory create a controller file. The name of the controller file needs to mirror the name in our code. '''PageController''' requires a file name '''page_controller.ex'''

In the page_controller.ex file place the following code:

<source>
defmodule AppWeb.PageController do
use AppWeb, :controller

def index(conn, params) do

render(conn, :index, data: "Hello World")
end
end

</source>

==Create the HTML View file==

In the controllers directory create a file named '''page_html'''.
This files prefix needs to continue to reflect the controller name.

In the file type this code:

<source>
defmodule AppWeb.PageHTML do
use AppWeb, :html

embed_templates "page_html/*"
end
</source>

The above code is setting the directory that Phoenix will reference its HTML template files for this route.

Under the controllers directory, create a folder named '''page_html'''.

In this directory create a file named '''index.html.heex''' and copy the following code into it:

<source>
<div>THis is a working page</div>
<div> <%=@data%> </div>
</source>