常用模板插件下载网址选择:
easyui(存在Ajax操作,暂时先不用这种框架)
1、下载下来放在项目文件内
2、在官网去找样式,找到想要的样式复制到自己的代码文件(可以看它的demo实例内容)
jqueryui和easyui差不多,但是没有它功能齐全,可以在下载的文件中的index实例文件里面看源代码,复制自己想要的代码,这种页面不是很好看,不怎么推荐
上面两种插件比较偏重后台管理
下面的插件前后台都可以用
BootStrap
1、响应式:根据页面大小,css做出不同的响应
@media(min-700px){.c2{}} 表示当屏幕的宽度小于700像素的时候.c2生效
2、图标、字体
@font-face 要使用的时候在官网找到图标,找源码行,复制,黏贴就ok了
3、使用
直接导入css,js就可以了,注意boottrap里面的js要依赖于jquery,所以要先导入jquery
在用别人的css的时候,如果想换成自己的样式,自己添加样式的时候,在属性后面加上!important就可以永远生效了,别人修改不了,例如:
<style>
.no-raduis{
color: red !important;
}
<.style>
4、如果写主站或者凌波图的时候,网上很多插件,例如百度搜索:bxslider,找到网站按照3个步骤就可以完成
众所周知,对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
#!/usr/bin/env python #coding:utf-8 import socket def handle_request(client): buf = client.recv( 1024 ) client.send( "HTTP/1.1 200 OK
" ) 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。
from wsgiref.simple_server import make_server def RunServer(environ, start_response): #ebviron封装了客户发来的所有数据
#start_response封装返回给用户的数据,响应头状态
start_response( '200 OK' , [( 'Content-Type' , 'text/html' )]) #return是返回的内容,注意这里是python3,return里面返回的是列表,python2里面返回的是字符串形式。
return [bytes( '<h1>Hello, web!</h1>' , encoding = 'utf-8' ), ] if __name__ = = '__main__' : httpd = make_server('', 8000 , RunServer) print ( "Serving HTTP on port 8000..." ) httpd.serve_forever() |
自定义Web框架
一、框架
MVC
Model View Controller
数据库 模板文件 业务处理
MTV:django模板就是基于这个框架
Model Template View
数据库 模板文件 业务处理
通过python标准库提供的wsgiref模块开发一个自己的Web框架
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
#!/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: #这里的urlpaterns里面可以写成字典形式,字典的key值可以写成正则表达式来匹配,这样有类似功能的函数就不用重复写了 if item[ 0 ] = = url: func = item[ 1 ] break if func: return func() #这里也可以返回一个页面,需要open打开赋值给data,然后返回data 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> <h1>Index</h1> </body> </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>
login.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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
#!/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,遵循其指定语法
-
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h1>{{name}}</h1> <ul> {% for item in user_list %} <li>{{item}}</li> {% endfor %} </ul> </body> </html>
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h1>{{name}}</h1> <ul> {% for item in user_list %} <li>{{item}}</li> {% endfor %} </ul> </body> </html>
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556#!/usr/bin/env python
# -*- coding:utf-8 -*-
from
wsgiref.simple_server
import
make_server
from
jinja2
import
Template
def
index():
# return 'index'
# template = Template('Hello {{ name }}!')
# result = template.render(name='John Doe')
f
=
open
(
'index.html'
)
result
=
f.read()
template
=
Template(result)
data
=
template.render(name
=
'John Doe'
, user_list
=
[
'alex'
,
'eric'
])
return
data.encode(
'utf-8'
)
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()
遵循jinja2的语法规则,其内部会对指定的语法进行相应的替换,从而达到动态的返回内容,对于模板引擎的本质,参考另外一篇博客:白话tornado源码之褪去模板外衣的前戏