1 00:00:00,180 --> 00:00:01,630 Hello and welcome back. 2 00:00:02,010 --> 00:00:07,860 In this video, Underdo underworked down to the class as a least viewed class citizen to working with 3 00:00:07,860 --> 00:00:12,390 this Leesville class first to fall into the area, we have to import our diskless. 4 00:00:12,810 --> 00:00:17,970 So before we have used our template abuse and now I want to show all that, all this data. 5 00:00:18,270 --> 00:00:22,170 So they have also entered the building glance at the list view. 6 00:00:22,180 --> 00:00:24,090 So just simply load it, OK? 7 00:00:24,810 --> 00:00:29,760 So now on to do and to get all the data from our database tables or to the database that we like have 8 00:00:29,760 --> 00:00:35,010 already created the database table as a musician and into the musician that have all the data I want 9 00:00:35,010 --> 00:00:37,010 to displayed in our home base. 10 00:00:37,410 --> 00:00:44,720 So for doing this better and to do and update our base, that means here into the Tampa area, I want 11 00:00:44,720 --> 00:00:48,600 to create the new base and they just name it as a base. 12 00:00:48,600 --> 00:00:54,490 So she'll be just like the same before I take on the business html right into the business generally. 13 00:00:54,500 --> 00:00:57,210 It'll be just like if you go to a main template. 14 00:00:57,720 --> 00:01:01,530 So here I have already added our all the success and the Jessa's. 15 00:01:01,530 --> 00:01:04,590 I have already created one of the blog Baldie. 16 00:01:04,590 --> 00:01:05,040 Right. 17 00:01:05,040 --> 00:01:06,420 That is our and blog. 18 00:01:06,420 --> 00:01:08,370 So better than to copy everything. 19 00:01:08,560 --> 00:01:15,150 I just simply copy everything from here and now, you know, our template in our first application template 20 00:01:15,150 --> 00:01:18,660 and here I just simply say it and I just make that things as a PSP. 21 00:01:19,740 --> 00:01:22,230 So that is the python. 22 00:01:23,160 --> 00:01:28,440 And that is a PSP, so now here we don't need to do anything because of all I think you already know 23 00:01:28,440 --> 00:01:31,320 about it, what exactly the things I did on here. 24 00:01:31,320 --> 00:01:32,170 I just laud our. 25 00:01:33,180 --> 00:01:39,750 I load that our bootstrap JS file, and here I define some of the blog ID that is our body blog and 26 00:01:39,750 --> 00:01:40,750 that is our neighbor. 27 00:01:40,750 --> 00:01:40,980 Right. 28 00:01:41,310 --> 00:01:45,990 So right now I only want to do want to take one neighbor and into this position. 29 00:01:45,990 --> 00:01:48,980 That is all you are for the whole area. 30 00:01:48,980 --> 00:01:52,770 I have already defined our app name as a fast apps with this fast app. 31 00:01:52,770 --> 00:01:56,730 I want to load out this part that is our home part. 32 00:01:56,730 --> 00:01:58,510 I just named this part as the index. 33 00:01:58,860 --> 00:02:00,630 So with this our name app. 34 00:02:01,140 --> 00:02:01,500 Right. 35 00:02:01,520 --> 00:02:05,850 So with this name, I just simply define our world as the index. 36 00:02:05,850 --> 00:02:06,390 Perfect. 37 00:02:06,750 --> 00:02:09,500 And also here I have defined our body. 38 00:02:09,510 --> 00:02:10,770 That is the body block. 39 00:02:10,800 --> 00:02:15,750 So if you go to our index, so here we have to also extend it. 40 00:02:15,750 --> 00:02:16,090 Right. 41 00:02:16,110 --> 00:02:18,030 So we did that work. 42 00:02:18,390 --> 00:02:23,300 If you go to the template, if you go to any other pages, like here, a long list. 43 00:02:23,610 --> 00:02:28,050 So here we have actually had two of these to extend extended hour faster than the basic HTML. 44 00:02:28,710 --> 00:02:30,740 So right now we don't need anything. 45 00:02:30,750 --> 00:02:34,890 I just simply remove it and also I just simply remove it. 46 00:02:34,920 --> 00:02:37,830 OK, so here I have two also ended. 47 00:02:37,860 --> 00:02:39,380 So that means the end blocks. 48 00:02:39,390 --> 00:02:40,440 I just copy. 49 00:02:40,590 --> 00:02:43,560 And then after this I just simply added that and block. 50 00:02:44,340 --> 00:02:45,900 So I think you already know about it. 51 00:02:45,900 --> 00:02:46,240 Right. 52 00:02:46,260 --> 00:02:50,630 So here if you want, I will display your H1 tag into the H1 tag. 53 00:02:50,640 --> 00:02:53,140 I have already passed the context data. 54 00:02:53,490 --> 00:02:55,330 So here I pass it. 55 00:02:55,830 --> 00:02:58,080 So from here, pass out of the sample one. 56 00:02:59,080 --> 00:03:05,180 So not only few displayed, there is another one as a tool, right? 57 00:03:05,260 --> 00:03:08,150 So that is another one of the sample text, too. 58 00:03:08,620 --> 00:03:14,930 So now if you want the visible lead, Nokia, the save all, now go to your index as a refresh. 59 00:03:15,200 --> 00:03:15,520 Yeah. 60 00:03:15,550 --> 00:03:18,070 Now can see so perfectly getting our neighbors. 61 00:03:18,100 --> 00:03:21,530 That means our partner is home and that is our sample text. 62 00:03:21,820 --> 00:03:22,330 Perfect. 63 00:03:22,840 --> 00:03:28,600 So now in particular, that position I want to do want to load our all this data that means here, that 64 00:03:28,600 --> 00:03:30,860 is our musicians from the musician table. 65 00:03:30,910 --> 00:03:33,310 I want to get this data and visibility on here. 66 00:03:33,700 --> 00:03:37,010 So for doing this, we have to do we have to work in our class area. 67 00:03:37,030 --> 00:03:40,120 So now go to our view so that you have this time. 68 00:03:40,240 --> 00:03:43,210 We don't need this e-mail list. 69 00:03:43,240 --> 00:03:43,990 You don't need this. 70 00:03:44,290 --> 00:03:44,950 Now, go to that. 71 00:03:44,980 --> 00:03:47,020 Our view into the videos right now. 72 00:03:47,030 --> 00:03:48,810 I just remember everything, OK? 73 00:03:48,820 --> 00:03:53,880 So I just remember wanting to know what to do and to get all the data from our models. 74 00:03:53,890 --> 00:03:54,120 Right. 75 00:03:54,160 --> 00:03:55,420 So into the model area. 76 00:03:55,420 --> 00:04:01,330 I have already defined all the data that means the musician and from the musician, the builders here, 77 00:04:01,330 --> 00:04:04,170 they have their first name, the last name and the instrument. 78 00:04:04,180 --> 00:04:04,460 Right. 79 00:04:04,720 --> 00:04:07,240 So now I want to, first of all, load out this model. 80 00:04:07,540 --> 00:04:09,840 So that is in our fast tap and that is our model. 81 00:04:09,850 --> 00:04:11,440 So we have to, first of all, load it. 82 00:04:11,440 --> 00:04:20,580 So here I just simply defined the form sorry form and then our step fast step. 83 00:04:20,590 --> 00:04:24,720 And from the first step, I want to bluntly to import our widget. 84 00:04:24,730 --> 00:04:27,690 I want to put our models right. 85 00:04:27,700 --> 00:04:29,200 So I just simply defined the models. 86 00:04:29,620 --> 00:04:33,400 So that is our first application into the first application and that is our model. 87 00:04:33,400 --> 00:04:39,120 So to simply import our models, to know what to do and to show that list, do so for that list, do 88 00:04:39,130 --> 00:04:41,850 they have also one of the building class, Azalea's Bueso? 89 00:04:41,850 --> 00:04:45,660 I have already defined that list bu so no one to do to create our class. 90 00:04:45,670 --> 00:04:49,000 So that is our class as I name it, as an index. 91 00:04:49,000 --> 00:04:53,510 Bu and here that will be inherited our this class. 92 00:04:53,650 --> 00:04:56,650 That means the least view class size as simply defined as a list. 93 00:04:56,690 --> 00:04:59,890 You know here we have to define the same things as a model. 94 00:05:00,520 --> 00:05:04,500 Right under the model here we have to do we have to pass our models. 95 00:05:05,380 --> 00:05:12,180 So with these models and our model name so into the model area, I have defined that our model name 96 00:05:12,190 --> 00:05:13,140 as a musician. 97 00:05:13,300 --> 00:05:16,720 So I just simply copied and then I just simply defined our model. 98 00:05:17,500 --> 00:05:21,490 And after that, also you have to do how to display our this index. 99 00:05:21,500 --> 00:05:22,600 That means this index. 100 00:05:22,610 --> 00:05:23,910 So here we have to pass it. 101 00:05:24,020 --> 00:05:27,160 If you want to pass it, then you have to pass that things with the template name. 102 00:05:28,060 --> 00:05:28,420 Right. 103 00:05:28,420 --> 00:05:31,570 There is a template template. 104 00:05:31,570 --> 00:05:31,820 Mhm. 105 00:05:31,900 --> 00:05:34,660 And here we have to do we have to pass our template name. 106 00:05:34,660 --> 00:05:36,470 So that is in our templates. 107 00:05:36,610 --> 00:05:40,760 That is our first app folder into the foster pulled together index estimate. 108 00:05:41,140 --> 00:05:47,870 So I just simply defined as a fast like a fast app and it is a step that is our index. 109 00:05:47,890 --> 00:05:50,290 Dr. Stamoulis, I just simply defined that name. 110 00:05:50,680 --> 00:05:53,550 And also here we have to pass all that our data. 111 00:05:53,560 --> 00:05:57,190 That means that actually I want to get from a master musician table. 112 00:05:57,190 --> 00:05:59,100 That means musician table all the data. 113 00:05:59,110 --> 00:06:01,950 I want to get it and I want to pass it in our index. 114 00:06:01,950 --> 00:06:02,740 Sustainable pace. 115 00:06:03,040 --> 00:06:04,360 So you want to pass it, then? 116 00:06:04,360 --> 00:06:11,620 You have to really have to define that things as a context object that in the context, context, underscore 117 00:06:11,620 --> 00:06:12,400 object. 118 00:06:12,910 --> 00:06:15,210 OK, name it as a context of that name. 119 00:06:15,220 --> 00:06:18,030 So with this context object name, you can pass it. 120 00:06:18,070 --> 00:06:21,100 I just now want to pass it with the musician list. 121 00:06:23,380 --> 00:06:24,790 What about the name you actually choose. 122 00:06:24,820 --> 00:06:27,250 So now I am using that musical list. 123 00:06:27,940 --> 00:06:34,200 So now with this mediation list we can actually display out all that musician data from our table. 124 00:06:34,210 --> 00:06:34,540 Right. 125 00:06:34,550 --> 00:06:39,570 So from our table, so from the musicians table and I get all the data. 126 00:06:39,580 --> 00:06:45,160 So now I want to do and the visibility into the index based happiness index esteemable with this musical 127 00:06:45,160 --> 00:06:45,450 list. 128 00:06:45,820 --> 00:06:47,200 So now go to index SDM. 129 00:06:47,710 --> 00:06:49,230 So here we will need this. 130 00:06:49,240 --> 00:06:54,460 I just simply a movie and here first of all, I want to undertake one that you will OK. 131 00:06:54,460 --> 00:06:56,530 I take one that you will see that you will. 132 00:06:56,830 --> 00:06:59,290 First of all, here we have to load our FA. 133 00:06:59,410 --> 00:07:00,460 That means the for loop. 134 00:07:00,460 --> 00:07:06,730 So to simply define our for this will be just like the same before here we have to define that name 135 00:07:06,730 --> 00:07:10,420 as a musician, whatever the name you actually choose. 136 00:07:10,450 --> 00:07:15,860 So here you have to define it in, in whatever the data I just passed that things from our class. 137 00:07:15,860 --> 00:07:16,960 So that is our context. 138 00:07:17,110 --> 00:07:18,790 In the context of the class name. 139 00:07:18,790 --> 00:07:20,770 I have defined that name as a musician. 140 00:07:21,040 --> 00:07:21,310 Right. 141 00:07:21,640 --> 00:07:24,830 So now with this mediation, at least we actually get all the data. 142 00:07:24,830 --> 00:07:26,940 And I just defined that things with this musician. 143 00:07:27,370 --> 00:07:33,360 So after that so here after that also we have to do we have to end it so better. 144 00:07:33,370 --> 00:07:36,610 I want to do I want to end our four. 145 00:07:36,790 --> 00:07:42,190 So I just simply defined as and for a note here, I define as élite into the L.A. area. 146 00:07:42,190 --> 00:07:44,860 I want to display our I'm sorry. 147 00:07:45,400 --> 00:07:48,370 I want to display our musician all that name. 148 00:07:49,000 --> 00:07:51,280 So there is a musician with this musician. 149 00:07:51,280 --> 00:07:54,340 I want to display our database filename or database filename. 150 00:07:54,340 --> 00:07:57,460 I have defined as a first name, last name and the instrument. 151 00:07:58,140 --> 00:08:03,630 So now I just simply defended the fast name, first name, and also I want to do under this display 152 00:08:03,630 --> 00:08:04,450 our last name. 153 00:08:05,130 --> 00:08:09,420 So right now, I want to actually display two of these as a first name. 154 00:08:09,420 --> 00:08:12,740 And also I want another name as a last name. 155 00:08:13,320 --> 00:08:17,470 So I just simply defined as a last name, like a friend. 156 00:08:17,820 --> 00:08:21,710 So that's all you have to do now if you click the save all. 157 00:08:23,070 --> 00:08:28,170 So here I display our first name and I also display our last name with the musician list. 158 00:08:28,170 --> 00:08:30,120 I get all the data from our class. 159 00:08:30,540 --> 00:08:37,350 I get all the data from our class and also that is our enterprise for loop into the for loop. 160 00:08:37,350 --> 00:08:42,320 I have used it with our musicians, so that is a musician, first name and musician last name. 161 00:08:43,020 --> 00:08:45,010 So none of us have allowed to check it. 162 00:08:45,030 --> 00:08:49,060 Everything is running will now go to our home click as a refresh. 163 00:08:49,920 --> 00:08:57,600 So now they have some data or as a fast app musician these days that exist used to not exist because 164 00:08:57,600 --> 00:08:58,350 of all. 165 00:08:59,250 --> 00:09:03,910 If you go to view view into the view, I have defined that name. 166 00:09:04,050 --> 00:09:06,920 That is the perfect with the model and the models. 167 00:09:06,930 --> 00:09:09,870 I get all the data from musician to build the template. 168 00:09:09,870 --> 00:09:11,370 You can see that spelling mistake. 169 00:09:11,740 --> 00:09:14,200 It will be as a template under its good name. 170 00:09:14,220 --> 00:09:18,360 OK, that means that with this template name here, I have to pass out this name. 171 00:09:18,360 --> 00:09:20,520 That is a fast tap and the index is Jemal. 172 00:09:21,240 --> 00:09:23,580 Now let's check this out because I save all. 173 00:09:24,580 --> 00:09:26,170 And now refresh it. 174 00:09:26,350 --> 00:09:30,850 Yes, numbers of now appropriately get all that our view list. 175 00:09:30,950 --> 00:09:36,970 That is our musician and the musician they had agreed to right now to this story that I read it and 176 00:09:36,970 --> 00:09:39,180 also visible in our index base. 177 00:09:40,000 --> 00:09:45,670 How much is it, as you can see, how much easily you can actually now displayed so that you actually 178 00:09:45,910 --> 00:09:51,910 know about all that functionality with this, you can pass your name that in the context object name, 179 00:09:52,120 --> 00:09:57,520 whatever the name you will to pass in our index page or whatever the page area, you have to declare 180 00:09:57,520 --> 00:10:03,060 that things with this name and then with this model I get all the data from our model statement. 181 00:10:03,070 --> 00:10:07,410 And then if you want to load some of the template, then you have to load it with the template name. 182 00:10:07,420 --> 00:10:12,700 And here I have already defined that our folder name as a fast app and that is our index e-mails into 183 00:10:12,700 --> 00:10:13,710 the index decimal. 184 00:10:13,810 --> 00:10:16,480 I pass our this context object data. 185 00:10:16,810 --> 00:10:20,470 That means here I have it for the reasons here you can see into the index. 186 00:10:20,770 --> 00:10:25,330 I just simply define the for each store with this musical list, I name it as a musician. 187 00:10:25,360 --> 00:10:32,110 So with this musician I display our first name, the last name if we want to display Egleston and then 188 00:10:32,110 --> 00:10:33,410 you can also displayed. 189 00:10:33,850 --> 00:10:36,130 So now you can see it's not perfectly visible. 190 00:10:36,130 --> 00:10:38,830 It's better if you want to add some of these spaces. 191 00:10:38,920 --> 00:10:43,300 I want to add some of the painting top like here in our business HTML. 192 00:10:43,300 --> 00:10:47,370 If you go to that page e-mail here, that is our container. 193 00:10:47,380 --> 00:10:55,830 So here I want to do and define the style and the style at the front of the building, top side assembled 194 00:10:55,860 --> 00:10:59,280 in front of the painting top and here I take as a 20 pixel. 195 00:10:59,470 --> 00:11:05,910 So just simply of the 20 pixel, not click as a Savol and now refresh it. 196 00:11:05,920 --> 00:11:11,470 Yeah, you can see it's not perfect so far and that's how you can actually display your all that view 197 00:11:11,470 --> 00:11:11,800 list. 198 00:11:11,830 --> 00:11:13,680 So with this view list class. 199 00:11:13,690 --> 00:11:15,230 So this is a new class. 200 00:11:15,260 --> 00:11:18,670 You can actually display your all the at least view from your database. 201 00:11:18,670 --> 00:11:18,950 Right. 202 00:11:19,300 --> 00:11:20,890 So that's how you can actually do it. 203 00:11:20,920 --> 00:11:23,770 So obviously we have defined that things with the functions. 204 00:11:23,800 --> 00:11:26,880 Now we are discussing about the same things with the class. 205 00:11:27,340 --> 00:11:27,660 Right. 206 00:11:27,880 --> 00:11:30,940 So, you know, next video and we discuss about the details view you like. 207 00:11:30,940 --> 00:11:32,560 There is all these Bueso here. 208 00:11:32,560 --> 00:11:38,380 If you click at the Kazarian and it should be Dacota or another piece with the details information. 209 00:11:38,710 --> 00:11:40,860 So how can this displayed in our next video? 210 00:11:40,870 --> 00:11:42,960 I will show you that things with a live example. 211 00:11:43,510 --> 00:11:45,070 So thanks for watching. 212 00:11:45,120 --> 00:11:46,810 I'll see you in the next video.