Django 第一个登陆设计

最新推荐文章于 2022-12-27 16:49:56 发布

Mr.E5

最新推荐文章于 2022-12-27 16:49:56 发布

阅读量123

点赞数 1

文章标签： django

本文链接：https://blog.csdn.net/weixin_45591980/article/details/108894355

版权

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即可大功告成

Mr.E5

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django 第一个登陆设计

Django 第一个登陆设计添加 urlpatterns ,定义一个login函数, 导入render创建一个自动拼接路径的连接, 创建static, static练习创建多个目录如图在templates创建login的html文件到网站搜索模板站: bootcss起步下拉找到相应模板这里使用登陆为例 ““点进去””查看源代码选中body Ctrl+c 复制返回pycharm 在login.html文件中的body位置粘贴注意: 要
复制链接

扫一扫