Django 2 "Make New PAGE !"

-

Now we know how to start off and make the webpage. This time I'm going to show you how to make new page ! 


You see the address  "127.0.0.1:8000" ,   what if it moves on to the other page ? like 127.0.0.1:8000/login,  127.0.0.1:8000/main, 127.0.0.1:8000/post.

("/" shows where it goes next) 


we already have path into urls.py under mysite

path('admin/', admin.site.urls),
path('', include('main.urls')),

' ' this blank means we just put in this main URL, bring us to whatever page we define next comma. 

'' -> 'main.urls'


Now in main folder you see this 

path("", views.index, name="index"),

it means if we don't type anything after address, it goes path views.index 


Let's make another path like this 

path("a1/", views.a1, name="view 1")

it means if type a1  (127.0.0.1:8000/a1) it goes view.a1 


"Main -> views.py" 

we already have this function from last time

def index(response):
    return HttpResponse("<h1>Welcome to my world</h1>")


Now we're going to make new function since we made another path on main.urls

in Main -> views.py , I add one more function like this 

def index(response):
    return HttpResponse("<h1>Welcome to my world</h1>")

def a1(response):
    return HttpResponse("<h1>This is a1</h1>")


Let's save and go to the webpage again. 

on 127.0.0.1:9090 , you see "Welcome to my world"   
( The reason the address shows "9090" is that I made "python manage.py runserver 9090") 


NEXT, let's move to 127.0.0.1:9090/a1 


You see "This is a1", which is the function we made on view.py / main 


The bottom line; we can designate the path; mysite urls.py -> main urls.py -> main views.py -> on the screen

Popular posts from this blog

[Python] Dictionary

-
This Chapter, we're going to make basic dictionary.  mondict = {     "1" : "Janunary" ,     "2" : "February" ,     "3" : "March" ,     "4" : "April" } whenever you make dictionary in python, you're going to use open and close curly brackets "{ }" Let's run  print ( mondict [ "2" ]) you get "February"  you can also use "get" function print ( mondict . get ( "2" )) you can specify default value that I wanna use if the key is not found by using get function. so when you run this print ( mondict . get ( "6" )) 6 is not on the list, you're going to get "none"  you can also pass the default value to print out  print ( mondict . get ( "6" , "invalid value" )) and you're going to get "invalid value"
Read more

[Visual Design 2/3]

-
Image
1. Push Elements Left or Right with the float Property The next positioning tool does not actually use position, but sets the float property of an element. Floating elements are removed from the normal flow of a document and pushed to either the left or right of their containing parent element. It's commonly used with the width property to specify how much horizontal space the floated element requires. The given markup would work well as a two-column layout, with the section and aside elements next to each other.  Let me   Give the #left item a float of left and the #right item a float of right. 2. Change the Position of Overlapping Elements with the z-index Property When elements are positioned to overlap (i.e. using position: absolute | relative | fixed | sticky), the element coming later in the HTML markup will, by default, appear on the top of the other elements. However, the z-index property can specify the order of how elements are stacked on top of one another. It ...
Read more

[JavaScript] For loop , Function

-
Image
let fruit = prompt ( "which one you need ?" ) switch ( fruit ){   case "apple" :     console . log ( "1,000" );     break ;   case "Banana" :     console . log ( "500" );         break ;   case "Melon" :     console . log ( "2,000" );         break ;   default :     console . log ( "Sorry, We don't sell that one" ); } prompt 는  그 값의 아래는 전부 불러옴. 예를들어 Banana를 입력했을 깨 500과 그 아래 값들도 모두 불러옴. 때문에 break 를 써줘야함 default는 해당하지 않는 값을 입력했을 때 ..  Function function showError (){   alert ( "Error, Try again" ) } showError (); function sayHello ( name ){   const msg = `Hello, ${ name } ` ;   console . log ( msg ); } sayHello ( 'Mike' ); sayHello ( "Jane" ); "Hello, Mike" "Hello, Jane" function sayHello ( name ){     let msg = `Hello` ;     if ( name ){         msg += ', ' + name ;     }     console...
Read more