zoukankan      html  css  js  c++  java
  • Django——登录功能(连接mysql)

    一、路由

        url(r'^login', views2.login),
        url(r'^index', views2.index),
        url(r'^test', views.test),

    二、视图函数

    导入pymysql模块

    def index(request):
        return render(request, 'index2.html')
    
    
    def login(request):
        if request.method == 'GET':
            return render(request, 'login.html')
        else:
            name = request.POST.get('name')
            password = request.POST.get('password')
            # 创建一个数据库链接
            conn = pymysql.connect(host='127.0.0.1', user='root', password='123', database='userinfo', port=3306, )
            # 拿到一个游标
            cursor = conn.cursor()
            # 执行sql
            cursor.execute('select * from user where name=%s and password=%s ', (name, password))
            # 获取结果
            ret = cursor.fetchone()
            print(ret)
            if ret:
                return redirect('/index')
            else:
                return HttpResponse('用户名或密码错误')

    三、模板文件login.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
        <title>Title</title>
    </head>
    <body>
    
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <h1 class="text-center">登录功能</h1>
            <form action="" method="post">
                <div class="form-group">
                    <label for="">用户名:</label>
                    <input type="text" name="name" class="form-control">
                </div>
    
    
                <div class="form-group">
                    <label for="">密码:</label>
                    <input type="password" name="password" class="form-control">
                </div>
    
                <div class="text-center">
    
                    <input type="submit" value="登录" class="btn btn-success">
                </div>
    
            </form>
        </div>
    
    </div>
    
    </body>
    </html>

    四、模板文件index2.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.css">
        <script src="/static/js/jquery.min.js"></script>
        <title>首页</title>
    </head>
    <body>
    
        <nav class="navbar navbar-inverse navbar-fixed-top">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">Project name</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <form class="navbar-form navbar-right">
                <div class="form-group">
                  <input type="text" placeholder="Email" class="form-control">
                </div>
                <div class="form-group">
                  <input type="password" placeholder="Password" class="form-control">
                </div>
                <button type="submit" class="btn btn-success">Sign in</button>
              </form>
            </div><!--/.navbar-collapse -->
          </div>
        </nav>
    
        <!-- Main jumbotron for a primary marketing message or call to action -->
        <div class="jumbotron">
          <div class="container">
            <h1>哈哈哈</h1>
            <p>同城交友</p>
            <p><a class="btn btn-primary btn-lg" href="#" role="button">疯狂点击我</a></p>
          </div>
        </div>
    
        <div class="container">
          <!-- Example row of columns -->
          <div class="row">
            <div class="col-md-4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
            </div>
            <div class="col-md-4">
              <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
              <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
           </div>
            <div class="col-md-4">
              <h2>Heading</h2>
              <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
              <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
            </div>
          </div>
    
          <hr>
    
          <footer>
            <p>© 2016 Company, Inc.</p>
          </footer>
        </div> <!-- /container -->
    
    
    
    </body>
    </html>
  • 相关阅读:
    QT自定义控件插件化简要概述
    wildfly9 配置SSL单向认证/https
    wildfly-9.0.2 web项目部署详细步骤
    SQL Server 2008 数据库日志文件丢失处理方法
    win7 64位系统 pl/sql 无法解析指定的连接标识符解决办法
    mybatis 应用参考
    去除浏览器下jquey easyui datagrid、combotree 缓存问题
    java 页面url传值中文乱码的解决方法
    jasperreports-5.6 + jaspersoftstudio-5.6 生成pdf 文件中文无法正常显示问题
    HTML5实现在线抓拍
  • 原文地址:https://www.cnblogs.com/guojieying/p/13741302.html
Copyright © 2011-2022 走看看