python_way day17

一、模板插件

图标的插件

　　fontawsome：

后台管理：

　　easyui

　　jqueryui

很多网站都会用：

　　bootstrap :引入jQuery:(2.x,1.1.)

　　　　　　　：引入js

　　bootstrap模板：

　　bootstrap后台管理模板：

　　bxslider:轮播图

　　jquerylazyload：延迟加载，所有的图片延迟加载

　　　　　　　　　　http://www.cnblogs.com/wupeiqi/articles/5813161.html

　　　　　　　　　　faulure_limit:2 如果遇到两个图片是abslouat， button：0 距离最底部。延迟加载就不做了。

二、web框架

浏览网站的本质；

运行socket_server:

众所周知，对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。

#!/usr/bin/env python

#coding:utf-8

import socket

def handle_request(client):

    buf = client.recv(1024)

    client.send("HTTP/1.1 200 OK\r\n\r\n")

    client.send("Hello, Seven")

def main():

    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

    sock.bind(('localhost',8000))

    sock.listen(5)

    while True:

        connection, address = sock.accept()

        handle_request(connection)

        connection.close()

if __name__ == '__main__':

    main()

上述通过socket来实现了其本质，而对于真实开发中的python web程序来说，一般会分为两部分：服务器程序和应用程序。服务器程序负责对socket服务器进行封装，并在请求到来时，对请求的各种数据进行整理。应用程序则负责具体的逻辑处理。为了方便应用程序的开发，就出现了众多的Web框架，例如：Django、Flask、web.py 等。不同的框架有不同的开发方式，但是无论如何，开发出的应用程序都要和服务器程序配合，才能为用户提供服务。这样，服务器程序就需要为不同的框架提供不同的支持。这样混乱的局面无论对于服务器还是框架，都是不好的。对服务器来说，需要支持各种不同框架，对框架来说，只有支持它的服务器才能被开发出的应用使用。这时候，标准化就变得尤为重要。我们可以设立一个标准，只要服务器程序支持这个标准，框架也支持这个标准，那么他们就可以配合使用。一旦标准确定，双方各自实现。这样，服务器可以支持更多支持标准的框架，框架也可以使用更多支持标准的服务器。

WSGI（Web Server Gateway Interface）是一种规范，它定义了使用python编写的web app与web server之间接口格式，实现web app与web server间的解耦。

python标准库提供的独立WSGI服务器称为wsgiref。

python中的web框架：2类：

自己实现socket
基于wsgi

wsgi：

　　自己开发一个web框架：

　　基于wsgi，或者自己写socket：

!/usr/bin/env python

#coding:utf-8

from wsgiref.simple_server import make_server

def RunServer(environ, start_response):

    start_response('200 OK', [('Content-Type', 'text/html')])

    return '<h1>Hello, web!</h1>'

if __name__ == '__main__':

    httpd = make_server('', 8000, RunServer)　　　　　　//只要请求来就执行RunServer函数

    print "Serving HTTP on port 8000..."

    httpd.serve_forever()

自定义Web框架

#!/usr/bin/env python3

# Created by han on 2016/9/1

from wsgiref.simple_server import make_server

def f1():

    return  f1

def f2():

    return f2

def RunServer(environ, start_response):

    start_response('200 OK', [('Content-Type', 'text/html')])

    #要实现想用用户的不同请求

    #environ 这个里面封装这用户的所有信息

    #下面这种根据用户不同的访问返回不同的内容，在jdango中叫路由系统

    if environ.url == 'index':

       return f1()

    elif environ.url == 'login':

      return f2()

    else:

      return 404

if __name__ == '__main__':

    httpd = make_server('', 8000, RunServer)

    print("Serving HTTP on port 8000...")

    httpd.serve_forever()

web框架之演变一

web框架指演变二：

#!/usr/bin/env python

#coding:utf-8

from wsgiref.simple_server import make_server

def index():

    return 'index'

def login():

    return 'login'

#路由匹配
def routers():

    urlpatterns = (

        ('/index/',index),

        ('/login/',login),

    )

    return urlpatterns

def RunServer(environ, start_response):

    start_response('200 OK', [('Content-Type', 'text/html')])

    url = environ['PATH_INFO']   #获取到用户的请求

    urlpatterns = routers()

    func = None

    for item in urlpatterns:

        if item[0] == url:

            func = item[1]

            break

    if func:

        return func()

    else:

        return '404 not found'

if __name__ == '__main__':

    httpd = make_server('', 8000, RunServer)

    print "Serving HTTP on port 8000..."

    httpd.serve_forever()

2、模板引擎

在上一步骤中，对于所有的login、index均返回给用户浏览器一个简单的字符串，在现实的Web请求中一般会返回一个复杂的符合HTML规则的字符串，所以我们一般将要返回给用户的HTML写在指定文件中，然后再返回。如：

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <h1>Index</h1>

</body>

</html>

index.html

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

    <form>

        <input type="text" />

        <input type="text" />

        <input type="submit" />

    </form>

</body>

</html>

#!/usr/bin/env python

# -*- coding:utf-8 -*-

from wsgiref.simple_server import make_server

def index():

    # return 'index'

    f = open('index.html')

    data = f.read()

    return data

def login():

    # return 'login'

    f = open('login.html')

    data = f.read()

    return data

def routers():

    urlpatterns = (

        ('/index/', index),

        ('/login/', login),

    )

    return urlpatterns

def run_server(environ, start_response):

    start_response('200 OK', [('Content-Type', 'text/html')])

    url = environ['PATH_INFO']

    urlpatterns = routers()

    func = None

    for item in urlpatterns:

        if item[0] == url:

            func = item[1]

            break

    if func:

        return func()

    else:

        return '404 not found'

if __name__ == '__main__':

    httpd = make_server('', 8000, run_server)

    print "Serving HTTP on port 8000..."

    httpd.serve_forever()

对于上述代码，虽然可以返回给用户HTML的内容以现实复杂的页面，但是还是存在问题：如何给用户返回动态内容？

自定义一套特殊的语法，进行替换
使用开源工具jinja2，遵循其指定语法

MVC:

c:controllers -- 处理用户请求

v:views -- 页面模板

m : modal -- 数据库的操作

MTV:

m：数据库操作

t ：template 页面模板

v:views -- 处理用户请求

Django：

　一、创建django程序：

　　方法1、命令行

　　安装jdango：pip3 install jdango

　　安装后会有一个jango-admin.exe，把这个加到环境变量中

　　创建

　　 django-admin startproject mysite(程序名) -- 执行后jdango程序就创建成功

　　方法2：pycharm

　　 1、创建项目：

　 2、选择位置及python版本

3、目录创建成功

my_test_django：

　　my_test_django/:下面是配置文件

　　　　setting.py: #django的配置文件

　　　　urls.py: #请求的路由系统

　　　　wsgi.py:　　#wsgi socket

　　 manage.py 是django的启动文件

2、创建app

　　在一个preject下可以创建多个app，多个app共享一个project：

　　如：一个project是一个运维系统，下面有多个功能，如监控，cmdb。。。这些每一个功能就是一个app

操作

　　python manage.py startapp cmdb

　　apps:当前app的配置文件

　　tests：单元测试，测试某个功能

　　admin：配置后台管理

3：写路由和处理用户请求

my_tests_django/urls：路由映射

from django.conf.urls import url

from django.contrib import admin

from cmdb import views

urlpatterns = [

    # url(r'^admin/', admin.site.urls), #这里是默认的处理，先不用

    url(r'^index/',views.index)   #用户访问的url是^index/ 的就给路由到views.index的这个函数里处理

]

cmdb/views.py:处理用户请求

from django.shortcuts import render

from django.shortcuts import HttpResponse   #倒入给用户返回字符串的方法

# Create your views here.处理用户请求

#django定义好了request是获取用户请求的关键字

def index(request):

    #django规定返回字符串需要封装到一个对象中才可以

    # return '123' #这样return，用户是看不到的

    return HttpResponse('hello world')　　　　　　#这样用户才能看到返回的内容

4、启动jdango程序

方法1：命令行

python3 manage.py runserver 127.0.0.1:8000

方法2：pycharm中直接启动

from django.shortcuts import render         #jdango提供了一个专为返回网页的方法

from django.shortcuts import HttpResponse   #倒入给用户返回字符串的方法

# Create your views here.处理用户请求

#django定义好了request是获取用户请求的关键字

def index(request):

    #django规定返回字符串需要封装到一个对象中才可以

    #方法1： 自己打开网页返回给用户

    # with open('my_test_django/templates/index.html') as html_file:

    #     index = html_file.read()

    # return HttpResponse(index)#这样用户才能看到返回的内容

    #方法2：使用render方法

    print(request)

    return render(request,'index.html')

配置文件：

css，js以及插件图片这些静态文件存放位置：

自己创建一个静态文件的目录，并把js拷贝到这里。

5、提交数据获取数据

a、（内存版本：）

cmdb/views.py,处理用户请求

from django.shortcuts import render         #jdango提供了一个专为返回网页的方法

from django.shortcuts import HttpResponse   #django给用户返回字符串的方法
from django.shortcuts import redirect　　　　#跳转功能

# Create your views here.处理用户请求

#django定义好了request是获取用户请求的关键字

def index(request):

    #判断用户是否是post请求

    if request.method == "POST":   #获取post请求里面的值，

        user = request.POST.get('user',None)            #这些值都是在index.html中定义的

        email = request.POST.get('email',None)　　　　#None是默认值，如果没有email的key返回为None

        print(user,email)
　　　　 return redirect('/home/')　　　　　　　　　　　　 #这样就跳转到home的页面

return render(request,'index.html') #正常请求就会返回这个默认的页面

这个错误是跨站请求伪造，需要把post请求验证给注释掉。

实例：获取和提交数据：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>shouye</title>

</head>

<body>

    <h1>提交数据：</h1>

    <form action="/index/" method="post">

        <input type="text" name="user"/>

        <input type="email" name="email"/>

        <input type="submit" value="提交"/>

    </form>

    <h1>展示数据：</h1>

    <table border="1">

        {% for item in data %}

        <tr>

            <td>{{ item.user }}</td>

            <td>{{ item.email }}</td>

        </tr>

        {% endfor %}

    </table>

    <script src="/statics/jquery-3.1.0.min.js"></script>

</body>

</html>

index.html

from django.shortcuts import render         #jdango提供了一个专为返回网页的方法

from django.shortcuts import HttpResponse   #django给用户返回字符串的方法

# Create your views here.处理用户请求

#django定义好了request是获取用户请求的关键字

USER_INPUT = []

def index(request):

    #判断用户是否是post请求

    if request.method == "POST":   #获取post请求里面的值，

        user = request.POST.get('user',None)            #这些值都是在index.html中定义的

        email = request.POST.get('email',None)

        temp = {'user':user,'email':email}

        USER_INPUT.append(temp)

    return render(request,'index.html', {'data':USER_INPUT})    #正常请求就会返回这个默认的页面,并且把USER_INPUT传递给index.html

views.py

模板引擎：会把模板里面的代码渲染：替换成python的代码。拿到一个已经替换完成的字符串

 <table border="1">

        {% for item in data %}

        <tr>

            <td>{{ item.user }}</td>

            <td>{{ item.email }}</td>

        </tr>

        {% endfor %}

 </table>

b、（数据库版本：）

django：自己提供一个ORM,django的默认数据库sqllate，也是在setting中配置

1、models：定义数据库

2、setting：注册app

3、创建数据库：

　　执行命令，python manage.py makemigrations

　　　　　　　python manage.py migrate

这样就创建了表 UserInfo的表：

4、插入数据

定义数据库表的对象

from django.db import models

# Create your models here.

class UserInfo(models.Model):           #sqllata必须继承models.Model

    #定义数据内容

    user = models.CharField(max_length=32)    #创建了字符串类型

    email = models.CharField(max_length=32)

然后在views.py中操作数据库

models.UserInfo.objects.create(user=u,email=e)   #操作modules的UserInfo表插入数据

ret_list = models.UserInfo.objects.all()                 #把数据库中的内容全部取出来

models.UserInfo.objects.，filter(user='alex').content() 拿到用户名==alex的对象的个数

from django.shortcuts import render         #jdango提供了一个专为返回网页的方法

from django.shortcuts import HttpResponse   #django给用户返回字符串的方法

from cmdb import models

# Create your views here.处理用户请求

#django定义好了request是获取用户请求的关键字

def index(request):

    #判断用户是否是post请求

    if request.method == "POST":   #获取post请求里面的值，

        u = request.POST.get('user',None)            #这些值都是在index.html中定义的

        e = request.POST.get('email',None)

        models.UserInfo.objects.create(user=u,email=e)   #操作modules的UserInfo表插入数据

    ret_list = models.UserInfo.objects.all()                 #把数据库中的内容全部取出来

    #ret_list = 一行的对象 [UserInfo对象，UserInfo对象。。。。] 把ret_list传递给html在html中循环这个列表

    return render(request,'index.html', {'data':ret_list})    #正常请求就会返回这个默认的页面,并且把USER_INPUT传递给index.html

views.py

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>shouye</title>

</head>

<body>

    <h1>提交数据：</h1>

    <form action="/index/" method="post">

        <input type="text" name="user"/>

        <input type="email" name="email"/>

        <input type="submit" value="提交"/>

    </form>

    <h1>展示数据：</h1>

    <table border="1">

        <tr>

            <th>用户名</th>

            <th>邮箱</th>

        </tr>

        {% for line in data %}

        {# 循环views传入的data，每一行是line#}

        <tr>

            <td>{{ line.user }}</td>

        {#line.user：获取每一行对象的user#}

            <td>{{ line.email }}</td>

        {#line.user：获取每一行对象的email#}

        </tr>

        {% endfor %}

    </table>

    <script src="/statics/jquery-3.1.0.min.js"></script>

</body>

</html>

index.html

django book

python_way day17 html-day3 前端插件（fontawsome，easyui，bootstrap，jqueryui，bxslider，jquerylazyload），web框架

python_way day17

一、模板插件

二、web框架

python_way day17 html-day3 前端插件（fontawsome，easyui，bootstrap，jqueryui，bxslider，jquerylazyload），web框架的相关教程结束。

相关推荐

Flutter系列文章-Flutter 插件开发

Blazor前后端框架Known-V1.2.11

C#/.NET/.NET Core优秀项目和框架每周精选（坑已挖，欢迎大家踊跃提交PR或者Issues中留言）

VS Code 有哪些好用的插件呢？【持续更新】

Spring核心框架 - AOP的原理及源码解析

Python运维开发之路《WEB框架：Django》

GPUImage框架使用

安装插件报错error: Microsoft Visual C++ 14.0 is required. Get it with "Microsoft Visual C++