Django——用户注册登录页面以及验证权限&bootstrap使用

最新推荐文章于 2024-03-14 00:15:42 发布

VIP文章 cccxxxqq

最新推荐文章于 2024-03-14 00:15:42 发布

阅读量1.4k

点赞数 1

分类专栏： Django艰难学习之旅文章标签： bootstrap django 前端

本文链接：https://blog.csdn.net/cccxxxqq/article/details/121345037

版权

首先我们拿一下bootstrap cdn
在这里插入图片描述

<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

在templates中新建register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

</body>
</html>

把bootstrap的css样式加入进去

view层：

class Register(View):
    TEMPLATE = 'register.html'

    def get(self, request):
        data = {
   }

        return render(request, self.TEMPLATE, data)

然后注册路由。

接下来从bootstrap的全局css样式中，把表单过来，做一个改写：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<form>
  <div class="form-group">
    <label for="username">username</label>
    <input type="text" class="form-control" name="username" placeholder="username">
  </div>
  <div class="form-group">
    <label for="password">Password</label>
    <input type="password" class="form-control" name="password" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="check_password

最低0.47元/天解锁文章

cccxxxqq

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Django——用户注册登录页面以及验证权限&bootstrap使用

首先我们拿一下bootstrap cdn<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">在templates中新建register.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g
复制链接

扫一扫