Django之登录功能连接mysql,MTV与MVC,orm简介,用户注册展示小案例

一.昨日回顾

# 1.Django的目录介绍
	-urls.py	路由和视图函数的映射关系
	-views.py	视图函数
	-models.py	数据库相关操作
	-settings.py	配置文件
#2.app是什么?
	-项目中独立的功能,通常做成一个app
	-python3 manage.py startapp app的名字
#3.django项目的启动方式
	-命令行:python3 manage.py runserver 0.0.0.0:8080
	-pycharm中启动,点绿色箭头
#4配置文件
	-是否是调试模式:开发阶段都是true,上线是false
	-注册app
	-中间件
	-数据库链接配置
	-静态文件
#5 静态文件
	-1 项目根路径先创建目录(static)
	-2 在setting.py中配置
		STATIC_URL = '/static/'
        STATICFILES_DIRS=[
            os.path.join(BASE_DIR,'static'),
        ]
	-3 static文件夹中创建目录
		-js
		-css
		-img
		-其他第三方模块
	-4 模板文件中使用
		-/static/js/jquery.min.js
#6 路由配置
	-url(r'^login',views2.login),
#7 视图
	-请求对象
	-request.method---->get post
	-request.GET	当做字典来用
	-request.POST	post形式传递的参数
	-问题:post请求可不可以在请求地址中携带数据?可以的
	
	-响应对象
	-HttpResponse	返回字符串(其他返回走的都是它)
	-render(request,'模板名字')	返回模板
	-redirect('/index或者http://www.baidu.com')	返回重定向

#8 登录小案例

二.登录功能,链接mysql

路由

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

视图函数

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>

三.MTV与MVC

1 Django是MTV架构,本质也是MVC
-M:model,数据库相关操作
-T:template,模板文件(就是MVC的v层)
-V:view,视图(路由+V=MVC的控制器)
在这里插入图片描述

2 MVC架构:主流的web框架都是MVC
-web应用分为模型(M),控制器©和视图(V)
-M:model,数据库相关操作
-C:control控制器,逻辑相关,逻辑代码
-V:视图,模板文件
在这里插入图片描述

四.Django请求生命周期

0 近几年python中的几个web框架,sanic,fastapi(异步框架)

1 python中的web服务器都符合wsgi协议
2 web服务器,任何语言都会有一个web服务器,负责把http请求转成这门语言的变量
	-python:wsgiref(性能很低),uwsgi(c语言写的),200多并发量
	-Java:tomcat,jboss(300多并发量)
	-PHP:PHP服务器

在这里插入图片描述

五.虚拟环境 ,pycharm配置

1 虚拟环境作用:隔离项目,每个项目有自己依赖的模块和包,不同模块和包的版本就不会相互影响
2 pycharm中配置虚拟环境

在这里插入图片描述

六.orm概述

在这里插入图片描述
在这里插入图片描述

1 orm:对象关系映射(跟语言无关)
	数据库中的表 -------> 对应程序的一个类
	数据库中的一行数据---> 对应程序中的一个对象
2 python中常见orm框架
	-Django的orm框架
	-sqlachemy orm框架
3 Java: (扩展),Java中写web项目
	ssh框架 :spring+struts(有漏洞)+hibernate(orm框架) (我的那个年代)
	ssm框架:spring+springmvc+mybatis(orm框架,可以写原生sql)
    springboot:sb框架 ,tomcat内置进去了
    springcloud:微服务
4 orm能干的事
	-创建表(不能创建数据库,手动创建数据库)
	-增加删除表内字段
	-增删查改数据
	

七.Django中orm的使用

0 sqlite:也是一个数据库:文件数据库,一个库就是要给文件,不需要单独安装
	-现在在用,也要用到关系型数据库,不想装mysql,就可以使用sqlite
	-移动开发本地存储数据,存在sqlite中

1 创建个UserInfo表,在models中写一个类
2 表中有字段(类属性),字段有属性,

# 第一步在models中写一个类
	class UserInfo(models.Model):
	# 字段属性-->后面那个对象决定的
	# 改字段自增,并且是主键
	id=models.AutoField(primary_key=True)
	# 改字段是varchar类型,长度为32(唯一约束,是否是索引,默认值是,是否可以为空)
	name=models.CharField(max_length=32)
	# 密码字段
	password=models.CharField(max_length=64)
# 第二步,把表创建出来(执行两个命令)
	-python3 manage.py makemigrations #这条命令会在migrations文件夹内创建一条记录,数据库变更记录
	-python3 manage.py migrate # 把更改同步到数据库

八.用户注册登录展示小案例

路由

from app01 import views
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^register/', views.register),
    url(r'^userlist/', views.user_list),
]

视图

from django.shortcuts import render, redirect


from app01 import models


def register(request):
    if request.method == 'GET':
        return render(request, 'register.html')
    elif request.method == 'POST':
        # 注册,往数据库插入数据
        res = request.POST
        name = res.get('name')
        password = res.get('password')
        gender = res.get('gender')
        province = res.get('province')

        # 通过orm存到数据库
        # 方式一
        # user=models.UserInfo(name=name,password=password,gender=gender,province=province)
        # print(user.name)
        # # 保存到数据库
        # user.save()

        # 方式二(创建对象并保存到数据库)
        user=models.UserInfo.objects.create(name=name,password=password,gender=gender,province=province)
        print(user.name)

        # 直接跳转到用户列表页面
        return redirect('/userlist')


def user_list(request):
    # 通过orm查询所有用户
    userlist=models.UserInfo.objects.all()
    # 列表,内部有一个一个的user对象 [user1,user2,user3]
    print(len(userlist))
    # return render(request, 'userlist.html',context={'userlist':所有的用户对象放到列表中})
    return render(request, 'userlist.html',context={'userlist':userlist})

models.py

from django.db import models


# Create your models here.

# 一定要继承models.Model
class UserInfo(models.Model):
    # 字段属性--》后面那个对象决定的,
    # 改字段自增,并且是主键
    id = models.AutoField(primary_key=True)
    # 改字段是varchar类型,长度为32(唯一约束,是否是索引,默认值是,是否可以为空)
    name = models.CharField(max_length=32)
    # 密码字段
    password =models.CharField(max_length=64,null=True)
    # 数字类型
    gender=models.IntegerField(default=0)
    # 省份
    province=models.CharField(max_length=32,null=True)

userlist.py

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <title>用户列表</title>
</head>


<body>

<!-- Fixed navbar -->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">用户功能</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">主页</a></li>
                <li><a href="#about">关于</a></li>
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>

<div class="container theme-showcase" role="main">
    <div class="jumbotron">
        <h1>交友</h1>
        <p>同城交友,详情联系xxxx</p>
    </div>

    <div>
        <table class="table table-bordered">
            <tr>
                <td>用户名</td>
                <td>密码</td>
                <td>性别</td>
                <td>省份</td>
            </tr>


            {% for user in userlist %}
                <tr>
                    <td>{{ user.name }}</td>
                    <td>{{ user.password }}</td>
                    <td>{{ user.gender }}</td>
                    <td>{{ user.province }}</td>
                </tr>
            {% endfor %}

        </table>


    </div>
</div>


</div> <!-- /container -->


</body>
</html>

register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <title>注册</title>
</head>
<body>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <h1 class="text-center">注册功能</h1>
            <div class="panel panel-primary">
                <div class="panel-heading">小伙子注册把</div>
                <div class="panel-body">
                    <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="form-group">
                            <label for="">性别</label>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="gender" value="1" checked></label>
                            </div>
                            <div class="radio">
                                <label>
                                    <input type="radio" name="gender" value="2"></label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="">省份</label>
                            <select class="form-control" name="province">
                                <option value="山东省">山东省</option>
                                <option value="江苏省">江苏省</option>
                                <option value="上海市">上海市</option>
                                <option value="浙江省">浙江省</option>
                                <option value="陕西省">陕西省</option>
                            </select>
                        </div>
                        <div class="text-center">
                            <input type="submit" value="注册" class="btn btn-danger">
                        </div>
                    </form>


                </div>
            </div>


        </div>
    </div>
</div>


</body>
</html>

九.补充知识

1.静态问题的本质原理

在这里插入图片描述

2.varchar类型最长是多少

4.0版本以下,varchar(20),指的是20字节,如果存放UTF8汉字时,只能存6个(每个汉字3字节)
5.0版本以上,varchar(20),指的是20字符,无论存放的是数字、字母还是UTF8汉字(每个汉字3字节),都可以存放20个,最大大小是65532字节
Mysql4中最大也不过是20个字节,但是Mysql5根据编码不同,存储大小也不同。

3.在命令行下创建和使用虚拟环境

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值