Django 第一个登陆设计
- 添加 urlpatterns ,定义一个login函数, 导入render
创建一个自动拼接路径的连接, 创建static, static练习创建多个目录 如图
在templates创建login的html文件
到网站搜索模板
站: bootcss
起步
下拉找到相应模板
这里使用登陆为例 ““点进去””
查看源代码
选中body Ctrl+c 复制
返回pycharm 在login.html文件中
的body位置粘贴 注意: 要把原先产生的body删除
然后到bootcss继续下载一个插件 bootstrap-3.3.7-dist
解压 后放到plugins中
回到刚才的模板中找源代码,signin.css
把这个文件拉动到css里
最后一步了
添加这两行
完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/static/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
<link rel="stylesheet" href="/static/css/signin.css">
</head>
<body>
<div class="container">
<form class="form-signin">
<h2 class="form-signin-heading">Please sign in</h2>
<label for="inputEmail" class="sr-only">Email address</label>
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="" autofocus="">
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required="">
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>
</div> <!-- /container -->
</body>
</html>
运行结果
在连接后面加上login即可 大功告成
```运行结果
[外链图片转存中…(img-oZZuGRYy-1601525919827)]
在连接后面加上login即可 大功告成