1
00:00:00,180 --> 00:00:01,770
Hello, friend, welcome back.

2
00:00:02,010 --> 00:00:07,140
In a previous video, we have created one of the function, and I just name it, function as a sign

3
00:00:07,140 --> 00:00:07,380
up.

4
00:00:07,650 --> 00:00:11,370
And also here I am, Mylord, our form.

5
00:00:11,370 --> 00:00:13,920
That means all the user creation class form.

6
00:00:13,920 --> 00:00:19,560
And here I pass that from and I pass that register user and also I load our sign up.

7
00:00:20,310 --> 00:00:20,610
Right.

8
00:00:20,940 --> 00:00:23,670
So I also design our sign of protest email here.

9
00:00:23,670 --> 00:00:26,700
I load our form and then there is a logging.

10
00:00:26,700 --> 00:00:32,130
And also if this user is registered, then it shall be displayed for this day rather than it should

11
00:00:32,130 --> 00:00:33,250
be displayed this form.

12
00:00:33,690 --> 00:00:38,010
So now if you want to access it, if you want to display this sign up base, first of all, we have

13
00:00:38,010 --> 00:00:39,760
to do we have to create one of the you order.

14
00:00:40,050 --> 00:00:41,760
So in our app logging.

15
00:00:41,760 --> 00:00:43,800
And if you go to that app logging, what else?

16
00:00:43,860 --> 00:00:45,570
Here, I want to display it.

17
00:00:45,930 --> 00:00:50,790
So if you want to display it, first of all, the URL pattern into the URL, potentially, I don't want

18
00:00:50,790 --> 00:00:51,960
to create of the part.

19
00:00:52,380 --> 00:00:58,050
So I have already loaded in put our part and also I am from our this main directorate.

20
00:00:58,050 --> 00:01:01,080
That means there is data that is our view is already connected.

21
00:01:01,080 --> 00:01:01,350
Right.

22
00:01:01,620 --> 00:01:03,150
So I already import our views.

23
00:01:03,450 --> 00:01:09,600
So now into the area I want to do and appear on the first of all put on the all or you will be at the

24
00:01:09,600 --> 00:01:10,170
sign up.

25
00:01:11,990 --> 00:01:17,880
OK, we will be at the sign up and into the views seem to the viewing area I want to do.

26
00:01:17,900 --> 00:01:22,600
I have already created one of the function or function name as a sign up.

27
00:01:22,980 --> 00:01:25,800
So now I just simply uploaded our design up.

28
00:01:26,130 --> 00:01:26,420
Right.

29
00:01:26,910 --> 00:01:29,760
And then also we have to do we have to make our name.

30
00:01:29,760 --> 00:01:31,670
I just put that name here.

31
00:01:31,680 --> 00:01:33,960
It should be as whatever it wants right now.

32
00:01:33,960 --> 00:01:35,480
I make it as a sign up.

33
00:01:35,910 --> 00:01:37,140
So that will be at the center.

34
00:01:37,170 --> 00:01:38,580
So that will be our model.

35
00:01:38,580 --> 00:01:42,570
And then I just put our method that is our function name.

36
00:01:42,570 --> 00:01:46,290
And the name will be for our this part as a sign of perfect.

37
00:01:46,300 --> 00:01:49,680
So now I just click the save all Fosterville.

38
00:01:49,680 --> 00:01:52,140
I want to check it or is running it or not.

39
00:01:53,450 --> 00:02:01,160
You can see not showing some of the arrows as invalid Syntex, in our view, that view in Lamberton,

40
00:02:01,160 --> 00:02:03,140
there is a farm user area.

41
00:02:03,380 --> 00:02:06,880
He considers the spelling mistake I made as a form.

42
00:02:07,280 --> 00:02:08,830
So that is in our view.

43
00:02:09,860 --> 00:02:12,800
So here that is number 10.

44
00:02:12,800 --> 00:02:19,750
So that as you can see, I make that as a form of B, as a form F or R.M., OK, that will be as a form

45
00:02:19,760 --> 00:02:20,360
creation.

46
00:02:21,080 --> 00:02:30,980
And also everything is perfect right now, maybe because the Savol so there is little programming work

47
00:02:30,980 --> 00:02:35,020
if we have to do we have to face a lot of the time with the error, but you have to solve it.

48
00:02:35,030 --> 00:02:37,420
OK, so I can see snow perfectly now running.

49
00:02:37,730 --> 00:02:42,940
So now I want to do and actually load out this space that is sign up pace I want to do and together

50
00:02:42,950 --> 00:02:46,750
want to create one of the menu that needs to be better.

51
00:02:46,820 --> 00:02:48,970
So that is in our business estimate.

52
00:02:49,000 --> 00:02:49,270
Right.

53
00:02:49,760 --> 00:02:53,720
Since the basis email here, I have loaded our menu.

54
00:02:54,080 --> 00:02:55,700
So that is our menu.

55
00:02:55,820 --> 00:02:56,200
Right.

56
00:02:56,210 --> 00:03:04,280
So now to actually take another one so better I copied and here I take another one faster flow to check

57
00:03:04,280 --> 00:03:12,260
it with the save all the fresh idea of the menu and now here and name it as a sign up.

58
00:03:13,580 --> 00:03:14,710
Sign up.

59
00:03:14,720 --> 00:03:17,660
OK, that will be the sign up and you all will be.

60
00:03:17,660 --> 00:03:21,770
I have already declared that name, declare that name at the sign up.

61
00:03:21,780 --> 00:03:23,870
So no, I don't actually access it.

62
00:03:24,290 --> 00:03:26,330
So that will be as a sign up.

63
00:03:26,720 --> 00:03:27,140
Right.

64
00:03:27,160 --> 00:03:33,880
So now if you look at this table, so now we clear this table and now if you refresh it.

65
00:03:33,890 --> 00:03:35,000
So there is our sign up.

66
00:03:35,000 --> 00:03:41,570
And now if you click as a sign up, yes, you can see friend now successfully loaded our default from

67
00:03:41,570 --> 00:03:43,110
and into the default form area.

68
00:03:43,130 --> 00:03:48,110
As I told you, it's actually provided three of this field, one of the username password one and the

69
00:03:48,110 --> 00:03:54,290
password to OK, so you can see that our username feel that they are password feel entries are password

70
00:03:54,290 --> 00:03:55,370
confirmation feel.

71
00:03:55,670 --> 00:03:57,800
So they have all the text that is out there.

72
00:03:57,800 --> 00:03:59,000
Read me text slightly.

73
00:03:59,000 --> 00:04:02,090
I will also show you how you can actually remove everything.

74
00:04:02,090 --> 00:04:03,230
So that is a clear form.

75
00:04:03,230 --> 00:04:06,650
So that is not as important as I told you with this class.

76
00:04:06,890 --> 00:04:12,590
You can see we are using that class and here you can see, friend, we didn't create any input field,

77
00:04:13,190 --> 00:04:18,050
all the things automatically by default in our this user creation from idea.

78
00:04:18,290 --> 00:04:24,620
So here I just simply take that or form with our this variable and here it is, simply pass it so automatically

79
00:04:24,620 --> 00:04:26,120
we get our three of this field.

80
00:04:26,450 --> 00:04:32,030
So now consisting of perfectly visible our username, password and password confirmation.

81
00:04:32,240 --> 00:04:34,490
And here that is our create accounts.

82
00:04:34,490 --> 00:04:37,040
I have created one of the here.

83
00:04:37,040 --> 00:04:43,430
If you go to our sign of protest email here, I loaded our form and also I have created one of the create

84
00:04:43,430 --> 00:04:44,540
account, one of the button.

85
00:04:44,840 --> 00:04:51,050
So now of throwing out this button and then already have an account, there is all logging and then

86
00:04:51,050 --> 00:04:52,280
there is our H1 tag.

87
00:04:52,550 --> 00:04:53,180
Perfect.

88
00:04:53,180 --> 00:04:56,800
And also here, if you want to update this form is style.

89
00:04:56,800 --> 00:04:58,780
I tell you can is not actually located.

90
00:04:58,790 --> 00:05:03,700
So if you want to update that is tell that have also entered the building back is in Django, that is

91
00:05:03,800 --> 00:05:05,210
Django Clipse forms.

92
00:05:05,300 --> 00:05:09,560
OK, so here if you want to change this, that is a claw by default form.

93
00:05:09,800 --> 00:05:14,700
So here if you want to change it, if you want to use that Quispe form, you can also use it better.

94
00:05:14,720 --> 00:05:18,050
I show you then this will be helpful to you.

95
00:05:18,050 --> 00:05:24,380
Like here right now that is Ossabaw is running in all this terminal, but I want to create another new

96
00:05:24,380 --> 00:05:24,980
terminal.

97
00:05:25,280 --> 00:05:27,410
So that is our my block project here.

98
00:05:27,410 --> 00:05:34,250
If you want to install our perform, you have to do have to write the people without Peckers, Manesar

99
00:05:34,250 --> 00:05:43,070
and then the install and then Django and then Crispi Quispe forms.

100
00:05:44,380 --> 00:05:52,700
OK, so here you have to install it with our P install and then Django Crispi forms and then if you

101
00:05:52,700 --> 00:05:58,000
click on the enter then automatically it's been installed in your system.

102
00:05:58,010 --> 00:06:02,180
OK, so make sure you install it fast if you want to use that Espoo form.

103
00:06:02,570 --> 00:06:07,400
So you have to wait a little bit and make sure you are connected with the Internet.

104
00:06:08,490 --> 00:06:13,200
So right now here, you friend is still showing us a requirement, already satisfied, that means I

105
00:06:13,200 --> 00:06:18,930
have already installed that Quispe form in my system for the reasons is actually showing out this message

106
00:06:18,930 --> 00:06:23,950
as required already service that then it shall be installed and that is reform in our system.

107
00:06:24,360 --> 00:06:26,010
So now we have to do we have to use it.

108
00:06:26,030 --> 00:06:30,150
So if you want to use it to so first of all, you have to do have to add it.

109
00:06:30,150 --> 00:06:32,060
That means, you know, our main project.

110
00:06:32,610 --> 00:06:34,330
So that is our main project.

111
00:06:34,330 --> 00:06:38,370
Go to the settings and into the seating area, into the installer.

112
00:06:38,370 --> 00:06:41,840
Very first of all, here we have to do we have to load it better.

113
00:06:42,390 --> 00:06:45,720
I just simply Lordi that will be our Quispe form.

114
00:06:49,030 --> 00:06:50,830
Crispi underscore form.

115
00:06:52,060 --> 00:07:00,030
OK, let me make sure you use it, and also after that here we have to do we have to add on the Quispe

116
00:07:00,040 --> 00:07:06,150
and complete package like that is by default supported with the bootstrappers three booster four.

117
00:07:06,430 --> 00:07:09,130
But reports on the note for you, then you'll be.

118
00:07:09,470 --> 00:07:11,080
I shall be remember to you.

119
00:07:11,130 --> 00:07:16,690
So I just put on the notice will be added to the template package right now, which type of template

120
00:07:16,690 --> 00:07:19,540
you are using so that don't work for this project.

121
00:07:19,540 --> 00:07:28,060
I'm actually using that bootstrap right here, actually supported as opposed to bootstrap and then also

122
00:07:28,060 --> 00:07:35,890
supported with the bootstrap three and then bootstrap for and also that is another one as a uniform.

123
00:07:36,620 --> 00:07:37,870
OK, uniform.

124
00:07:38,800 --> 00:07:41,030
So that also supported with the uniforms.

125
00:07:41,050 --> 00:07:45,400
Right now I don't actually added I won't be added or will stuff for because of.

126
00:07:45,400 --> 00:07:47,560
All right, now we are using that bootstrap.

127
00:07:47,590 --> 00:07:48,030
All right.

128
00:07:48,400 --> 00:07:58,180
So now that is you have to do we have to make as a crispy Visby underscore template template and then

129
00:07:58,180 --> 00:07:58,840
the back.

130
00:07:59,800 --> 00:08:02,290
That means which template packages you want to use.

131
00:08:02,320 --> 00:08:07,210
So here I want to do I do use our this one that bootstrap for.

132
00:08:07,360 --> 00:08:10,300
OK, so here I just simply added as a bootstrap pour.

133
00:08:10,310 --> 00:08:10,720
Right.

134
00:08:10,740 --> 00:08:15,490
So here, make sure you add it and now we have to do we have to use our doubleness, we have to load

135
00:08:15,490 --> 00:08:17,880
our this crispy form in our form area.

136
00:08:18,220 --> 00:08:22,060
So I have loaded our form, I have loaded our form in our sign up base.

137
00:08:22,510 --> 00:08:23,290
That means here.

138
00:08:23,290 --> 00:08:23,620
Right.

139
00:08:23,630 --> 00:08:26,230
That means in our template and our app logging.

140
00:08:26,230 --> 00:08:27,770
And that is our final product.

141
00:08:28,420 --> 00:08:34,120
So that into the form media, if you want to use it like here, first of all, after that basis html.

142
00:08:34,150 --> 00:08:36,150
OK, here we have to do we have to load it.

143
00:08:36,730 --> 00:08:40,150
So I just simply load sorry.

144
00:08:40,420 --> 00:08:47,440
I just simply load and then load our DSP forms and that is another one as it gives me forms.

145
00:08:47,450 --> 00:08:47,890
Decks.

146
00:08:48,690 --> 00:08:53,890
OK, so here I just simply load as a Crispi forms and then text.

147
00:08:53,890 --> 00:09:00,340
So make sure you load it fast and now you can actually use it that now we can, you can use that Crispi.

148
00:09:00,340 --> 00:09:02,890
That means into the form idea here.

149
00:09:02,890 --> 00:09:08,590
I just simply pass it with the pipeline and then I just simply pass our DSP.

150
00:09:08,740 --> 00:09:15,580
OK, so now if you click as a Savol and now it, first of all I want to check it or Cerveris perfectly

151
00:09:15,580 --> 00:09:19,290
now running and now if you refresh this space.

152
00:09:19,840 --> 00:09:23,590
So here is not changing.

153
00:09:24,430 --> 00:09:26,530
Maybe I did something wrong.

154
00:09:27,220 --> 00:09:34,120
So here a load as a quispe form stacks is perfect and then also to the form media.

155
00:09:34,120 --> 00:09:35,800
I pass that Crispi right.

156
00:09:36,340 --> 00:09:43,750
So into the setting, into the setting a load that gives preforms and then the template as a Crispi

157
00:09:43,750 --> 00:09:46,030
template you can see the spelling mistake.

158
00:09:46,330 --> 00:09:54,310
It will be as a template to write the MP LHD template back and I just use as a bootstrap for.

159
00:09:54,910 --> 00:09:56,020
So now let's check this out.

160
00:09:56,020 --> 00:10:02,050
If we not click at this table again, first of all, to check it, everything is running well.

161
00:10:02,290 --> 00:10:04,150
Now I refresh it.

162
00:10:04,460 --> 00:10:05,440
Yes.

163
00:10:05,440 --> 00:10:08,450
Now I can see now that is the things I am actually looking for.

164
00:10:08,740 --> 00:10:10,480
So that is our Quispe form.

165
00:10:10,810 --> 00:10:15,970
So you can see that by default, one of the keys to form as a user there is a password field and that

166
00:10:15,970 --> 00:10:17,200
is our confirmed password.

167
00:10:17,440 --> 00:10:20,040
As I told a friend, that is all that our demo takes later texturally.

168
00:10:20,050 --> 00:10:21,300
Will you remove it?

169
00:10:21,610 --> 00:10:23,290
So don't worry about it so fast.

170
00:10:23,290 --> 00:10:27,640
Right now that is our form, our we successfully download our form.

171
00:10:27,640 --> 00:10:28,990
So that is all that are filled.

172
00:10:28,990 --> 00:10:33,460
And also we successfully now use our this form that is our kids perform.

173
00:10:33,670 --> 00:10:34,050
Right.

174
00:10:34,390 --> 00:10:37,270
So for the reasons here, you can see so perfectly visible.

175
00:10:37,630 --> 00:10:42,820
So I want to do our this portion is very actually close.

176
00:10:42,820 --> 00:10:47,780
So here I wanted one to take one of the bootstrap class as a container, then it should be better.

177
00:10:47,800 --> 00:10:56,260
So here I put that or this dynamic part in our business html into the business html you can say loaded

178
00:10:56,260 --> 00:10:57,190
all these blocks.

179
00:10:57,190 --> 00:11:01,210
So I want to do want to load out this block in particular on the Davidia.

180
00:11:01,510 --> 00:11:05,740
So I just take one of the dev and I just put that in class as a container.

181
00:11:07,820 --> 00:11:12,100
OK, just name it as a container class and into the container class area here.

182
00:11:12,100 --> 00:11:14,140
I want to do want to pass out this block.

183
00:11:14,680 --> 00:11:18,370
So here I just simply pass it now because I save all.

184
00:11:19,240 --> 00:11:21,280
Now if you refresh it.

185
00:11:21,280 --> 00:11:21,760
Yes.

186
00:11:21,760 --> 00:11:23,350
You can see it's now perfect.

187
00:11:23,470 --> 00:11:30,640
So here I used one of the containers so also but I don't want to have some of the padding top then.

188
00:11:30,730 --> 00:11:32,500
So be better here.

189
00:11:32,500 --> 00:11:34,060
I want to do and put on this stand.

190
00:11:34,840 --> 00:11:37,080
OK, just do one of these.

191
00:11:37,090 --> 00:11:43,060
Tell me here I did as a building, building top and building top.

192
00:11:43,060 --> 00:11:45,220
I want to do that as a twenty pixel.

193
00:11:46,180 --> 00:11:47,170
So all the.

194
00:11:47,560 --> 00:11:55,330
So if you're not like as a Savol, and now if you refresh it here, you can see that some of the spaces

195
00:11:55,330 --> 00:11:56,320
in our head area.

196
00:11:56,470 --> 00:12:00,970
So now let's check this out or sign up portion is perfectly working on Knot's here.

197
00:12:00,970 --> 00:12:04,830
If you order the test as a username, I put the bus.

198
00:12:04,870 --> 00:12:05,620
What would you do me?

199
00:12:05,620 --> 00:12:06,970
One, two, three, four, five.

200
00:12:07,550 --> 00:12:09,510
You do me one, two, three, four, five.

201
00:12:09,850 --> 00:12:15,100
And now if you click the create account, so here you can see your friend is still swinging as one of

202
00:12:15,130 --> 00:12:16,720
the four with an error message.

203
00:12:16,720 --> 00:12:22,480
As a society, verification is failed because I didn't add that our D.C. SRF took.

204
00:12:22,480 --> 00:12:25,570
And so we have to do we have to add it in our post.

205
00:12:25,570 --> 00:12:27,930
So I just simply copied it.

206
00:12:27,940 --> 00:12:31,230
So here we have to add this, a set of token in our form area.

207
00:12:31,270 --> 00:12:33,060
That means in our sign up portion.

208
00:12:33,430 --> 00:12:36,760
So that is our our form in the form area.

209
00:12:36,760 --> 00:12:42,580
After this here we have to do we have to add that c a set of token so we don't see as a token.

210
00:12:42,580 --> 00:12:45,590
You cannot actually insert that data for the reasons here that.

211
00:12:45,620 --> 00:12:46,700
Sure, you add it.

212
00:12:46,720 --> 00:12:48,400
So now let's check this out again.

213
00:12:48,400 --> 00:12:53,110
Click and save all our server is totally down running.

214
00:12:53,110 --> 00:12:53,500
Right.

215
00:12:53,500 --> 00:12:59,800
So no, I want to do I want to go back and refresh this space, refresh this page.

216
00:12:59,800 --> 00:13:03,250
And I want to do and create another user again, as with the test.

217
00:13:03,520 --> 00:13:06,130
And then you do me one, two, three, four, five.

218
00:13:06,580 --> 00:13:08,580
And you do me one, two, three, four, five.

219
00:13:09,040 --> 00:13:09,380
Right.

220
00:13:09,670 --> 00:13:12,370
So now if you click on the create account, yes.

221
00:13:12,370 --> 00:13:19,150
You can see friend now successfully created the second and also showing us an account created successfully

222
00:13:19,150 --> 00:13:20,130
and logging here.

223
00:13:20,500 --> 00:13:22,870
So here I put this step of one on the condition.

224
00:13:23,230 --> 00:13:29,050
So with the register that is if this user is registered then our D dev will be visible.

225
00:13:29,050 --> 00:13:35,680
And here I put on the class as the alert alerts success account creator successfully and I just put

226
00:13:35,680 --> 00:13:37,240
that link as a locking here.

227
00:13:37,330 --> 00:13:37,570
Right.

228
00:13:38,260 --> 00:13:44,530
So you can see it's now perfectly display our this message as a create account created successfully

229
00:13:44,530 --> 00:13:50,140
locking here right now if you want to check it like yeah, I want to check it in our admin area that

230
00:13:50,140 --> 00:13:51,220
our user is created.

231
00:13:51,220 --> 00:13:56,920
It does not if you go to that admin and right now I'm logging with that mean.

232
00:13:56,920 --> 00:13:58,750
And if you go to our user.

233
00:14:00,540 --> 00:14:05,440
And the user here can see considers our new account is created successfully, so that is our account.

234
00:14:05,460 --> 00:14:10,170
I have created as a test and here one of the most interactive things I show you, like if you go to

235
00:14:10,170 --> 00:14:14,430
a game or sign up piece and here you don't need to add any validation.

236
00:14:14,430 --> 00:14:17,160
Every validation is automatically created like here.

237
00:14:17,160 --> 00:14:20,760
If you make that as a test, again, that means the same user name.

238
00:14:20,760 --> 00:14:23,300
And I just put as you do me one, two, three, four, five.

239
00:14:23,640 --> 00:14:25,790
You do me one, two, three, four, five.

240
00:14:25,800 --> 00:14:32,010
And now if you click as they create account now, this event is also showing that that means the user

241
00:14:32,490 --> 00:14:37,110
that with that username is already exist because of what I have already created.

242
00:14:37,110 --> 00:14:43,770
That user you can see I have already created that user and also put the validation as a tool that that

243
00:14:43,780 --> 00:14:46,320
to password feel that did not match.

244
00:14:46,320 --> 00:14:50,130
That means here I put a different password for the confirmation password.

245
00:14:50,520 --> 00:14:53,430
So automatically is getting all that validations here.

246
00:14:53,430 --> 00:14:54,900
You don't need to do anything.

247
00:14:54,990 --> 00:14:59,790
OK, so you can do everything without this class as a user creation form.

248
00:14:59,790 --> 00:15:04,770
Plus right now we are using it and you can see how much easily we load onto the form.

249
00:15:04,770 --> 00:15:07,640
And also you successfully complete our sign up portion.

250
00:15:07,980 --> 00:15:11,190
So right now, if you want to create user, you can create that user.

251
00:15:11,190 --> 00:15:16,490
You can see perfectly added that user in our this admin use a table area.

252
00:15:16,560 --> 00:15:23,070
So our sign portion is totally so and not one to do want to work with our logging post and so can working

253
00:15:23,070 --> 00:15:23,900
with this logging.

254
00:15:24,210 --> 00:15:26,430
So here I have already created that user.

255
00:15:26,440 --> 00:15:32,640
So now I want to do I want to logging with our this username and password so I can do that work.

256
00:15:32,640 --> 00:15:35,970
In our next video, I will show you that things with the live example.

257
00:15:36,420 --> 00:15:39,720
So thanks for watching and I'll see you next video.