zoukankan      html  css  js  c++  java
  • WEB框架之-Django入门

    安装Django

    pip3 install diango

    安装好之后, python安装目录下的Scripts目录下会有:django-admin.exe

    添加 C:Program FilesPython36Scripts 到环境变量path中

    创建project

    注意:如上所示,如果不切换指定目录,则会在当前目录C:UsersAdministrator下创建名为mysite的工程

    创建成功后,会在C:Program FilesPython36Scripts目录下生成一个mysite目录,mysite目录结构如下:

    mysite
            -mysite
                    -__init__.py
                    -settings.py      #配置文件
                    -urls.py          #url对应关系
                    -wsgi.py          #遵循WSGI规范,实际用uwsig+nginx
            -manage.py                #管理Django规范,这里可以执行:
                                                --python manage.py
                                                --python manage.py start xx
                                                --python manage.py makemigrations
                                                --python manage.py migrate

    启动django工程

    通过python manage.py runserver 就可以启动上述创建的mysite,这里也可以加参数 127.0.0.1:8001,这样就能定义启动的端口,启动过程如下:

    然后登陆http://127.0.0.1:8000/

    也可以通过Pycharm创建Django工程,步骤如下:

     

    Pycharm启动Django工程,步骤如下:

    也可以先指定端口

    启动Django工程

    创建app

    python manage.py startapp app名称

    也可以在pycharm的console中去创建

    创建完后生成如下的目录结构:

    在views.py里添加如下代码:

    from django.shortcuts import HttpResponse
    
    def home(request):
        return HttpResponse('<h1>CMDB</h1>')

    同时在mysite目录下urls.py里添加如下:

    from cmdb import views
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('ab.html/', views.home),
    ]

    登录成功界面显示如下:

    关于app目录的解释:

    migrations   存放修改表结构时的记录

    admin.py   Django为我们提供的后台管理

    apps.py      配置当前app

    models.py    ORM,写指定的类 通过命令就可以创建数据库结构

    tests.py     用于做单元测试

    views.py      业务代码

    写一个简单的例子

    首先注释掉settings.py配置文件中的一行内容:

    在cmdb下的views.py里写如下代码:

    from django.shortcuts import render
    
    def login(request):
        return render(request,'login.html')

    可以把login.html文件放到templates目录下

    这里的login.html文件不用指定绝对路径,只需要在settings.py配置文件中配置一下路径即可:

    在mysite目录下的urls.py写如下代码:

    from cmdb import views
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('login/', views.login),
    ]

    整个目录如下:

    登录效果如下:

    关于静态文件的存放

     目录结构如下:

    将css以及js放在一个static目录下

    login.html代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="/static/common.css" />
        <style>
            label{
                 80px;
                text-align: right;
                display: inline-block;
            }
        </style>
    </head>
    <body>
        <form action="/login/" method="post">
            <p>
                <label for="username">用户名:</label>
                <input id="username" type="text" />
            </p>
            <p>
                <label for="password">密码:</label>
                <input id="password" type="text" />
                <input type="submit" value="提交" />
            </p>
        </form>
        <script src="/static/jquery-1.12.4.js"></script>
    </body>
    </html>

    static目录下common.css文件中配置样式:

    body{
        background-color: darkgray;
    }

    settings.py配置文件中的配置:

    STATIC_URL = '/static/'
    STATICFILES_DIRS = (
        os.path.join(BASE_DIR, 'static'),    #这是一个元组,所以逗号一定要加,不加Django就启动不了
    )

    效果图如下:

    获取用户的信息

    views.py中的代码如下:

    from django.shortcuts import render
    from django.shortcuts import redirect
    
    def login(request):
        print(request.method)
        error_msg= ""
        if request.method == "POST":
            user = request.POST.get("user",None)
            pwd = request.POST.get("pwd",None)
            print(user,pwd)
            if user == "root" and pwd == "123":
                return redirect('http://www.baidu.com')
            else:
                error_msg = "用户名或密码错误"
        return render(request,'login.html',{'error_msg':error_msg})

    login.html代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="/static/common.css" />
        <style>
            label{
                 80px;
                text-align: right;
                display: inline-block;
            }
        </style>
    </head>
    <body>
        <form action="/login/" method="post">
            <p>
                <label for="username">用户名:</label>
                <input id="username" name="user" type="text" />
            </p>
            <p>
                <label for="password">密码:</label>
                <input id="password" name="pwd" type="text" />
                <input type="submit" value="提交" />
                <span style="color: red;">{{ error_msg }}</span>
            </p>
        </form>
        <script src="/static/jquery-1.12.4.js"></script>
    </body>
    </html>

    效果如下:

    如果输入的用户名或密码不匹配,则

     

    如果正确,则会跳转到百度。

    下面是一个完整的例子

     

    views.py中的代码如下:

    from django.shortcuts import render
    from django.shortcuts import redirect
    
    def login(request):
        print(request.method)
        error_msg= ""
        if request.method == "POST":
            user = request.POST.get("user",None)
            pwd = request.POST.get("pwd",None)
            print(user,pwd)
            if user == "root" and pwd == "123":
                return redirect('/home')
            else:
                error_msg = "用户名或密码错误"
        return render(request,'login.html',{'error_msg':error_msg})
    
    
    USER_LIST =[
        {"username":"tom","gender":"","email":"tom@163.com",},
        {"username":"jack","gender":"","email":"jack@126.com",},
        {"username":"lucy","gender":"","email":"lucy@163.com",}
    ]
    
    def home(request):
        if request.method == "POST":
            u = request.POST.get('username')
            g = request.POST.get('gender')
            e = request.POST.get('email')
            temp = {"username":u,"gender":g,"email":e}
            USER_LIST.append(temp)
        return render(request,'home.html',{'user_list':USER_LIST})

    urls.py中的代码如下:

    from django.contrib import admin
    from django.urls import path
    from cmdb import views
    
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('login/', views.login),
        path('home/', views.home),
    
    ]

    home.html代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body style="margin: 0">
    
        <div style="height: 48px;background-color: #dddddd"></div>
        <div>
            <form action="/home/" method="POST">
                <input type="text" name="username" placeholder="用户名">
                <input type="text" name="gender" placeholder="性别">
                <input type="text" name="email" placeholder="邮箱">
                <input type="submit" value="添加">
            </form>
        </div>
        <div>
            <table border="1">
                <thead>
                <tr>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>邮箱</th>
                </tr>
                </thead>
                <tbody>
                    {% for row in user_list %}
                        <tr>
                            <td>{{ row.username }}</td>
                            <td>{{ row.gender }}</td>
                            <td>{{ row.email }}</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </body>
    </html>

    login.html的代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="/static/common.css" />
        <style>
            label{
                 80px;
                text-align: right;
                display: inline-block;
            }
        </style>
    </head>
    <body>
        <form action="/login/" method="post">
            <p>
                <label for="username">用户名:</label>
                <input id="username" name="user" type="text" />
            </p>
            <p>
                <label for="password">密码:</label>
                <input id="password" name="pwd" type="text" />
                <input type="submit" value="提交" />
                <span style="color: red;">{{ error_msg }}</span>
            </p>
        </form>
        <script src="/static/jquery-1.12.4.js"></script>
    </body>
    </html>

    运行结果如下:

    输入正确的用户名和密码点击提交,跳转到home页面

    点击添加按钮可以添加新的数据:

  • 相关阅读:
    Java 中Timer和TimerTask 定时器和定时任务使用的例子
    PowerDesigner逆向工程导入MYSQL数据库总结
    Powerdesigner 连接mysql 在指定的DSN中,驱动程序和应用程序之间的体系结构不匹配 SQLSTATE = IM014
    关于web.xml中的<welcome-file-list>
    SQL查询四舍五入 解决方法
    HTML页面跳转的5种方法
    easyUI datagrid 列宽自适应(简单 图解)(转)
    navicat for mysql只导出数据表结构(转)
    每一位想有所成就的程序员都必须知道的15件事(走不一样的路,要去做,实践实践再实践,推销自己,关注市场)good
    2017除夕夜的感悟:学习工作不分家,工作生活不分家,读书用兵不分家
  • 原文地址:https://www.cnblogs.com/cyfiy/p/9890496.html
Copyright © 2011-2022 走看看