您的位置：首页 > Web前端 > BootStrap

使用外部web组件-----easyUI、jQueryUI、Bootstrap、js正则表达式

2016-12-06 09:22 519 查看

1.使用外部web组件,以Bootstrap为例

<head>

　　<link rel='stylesheet' href='bootstrap-3.3.0-dist/dist/css/bootstrap.css' / > 导入主要的css文件

<link rel='stylesheet' href='bootstrap-3.3.0-dist/dist/css/bootstrap-theme.css' / > 导入主题文件，里面是一些颜色

　　<style>

　　　　.ss{

　　　　　　color:red; !important; 如果对某个样式做些修改，在这里定义自己的样式，并加上！important,表示该样式优先

　　　　　　}

　　</style>

</head>

<body>

　　<div >

　　 bootstrap代码{class='ss'#添加的自己的样式

　　　　　　　　　　　　}

　　</div>

　　<script src='jQuery-1.12.4.js'></script> 导入jQuery文件，Bootstrap依赖于jQuery

　　<script src='bootstrap-3.3.0-dist/dist/js/bootstrap.js'></script> 导入js文件

</body>

2.响应式布局,当页面最小宽度小于900px时，背景色变为红色

<style>

　　@media (min-width:900px) {

　　　　.c1{只需要在下边body中class=‘c1即可’

　　　　　　　background-color:red;

　　　　　　}

　　}

</style>

3.web框架原理 http://www.cnblogs.com/wupeiqi/articles/5237672.html

import socket
def handle_request(client):
buf = client.recv(1024)
client.send('HTTP/1.1 200 ok\r\n\r\n')
client.send('hello,world')
def main():
sock = socket.socket(socket.AF_INET,socket.SOCK_STREAM)
sock.bind(('localhost',8000))
sock.listen(5)
while True:
conn, addr = sock.accept()
handle_request(conn)
conn.close()
if __name__ == 'main':
main()

View Code

Python封装的web服务器

#coding:utf-8

from wsgiref.simple_server import make_server

def RunServer(environ, start_response):
#envision：客户端发来的所有数据
#start_response:封装要韩会给用户的所有数据，包括响应头、状态码等
start_response('200 OK', [('Content-Type', 'text/html')])
url = environ['PATH_INFO']  #获取客户端发来的数据中的url
return ['<h1>Hello, web!</h1>'.encode('utf-8'),]

if __name__ == '__main__':
httpd = make_server('', 8000, RunServer)
print("Serving HTTP on port 8000...")
httpd.serve_forever()

MVC
Model View Controller
数据库模板文件业务处理

MTV

Model Template View
数据库模板文件业务处理
############## WEB：MVC、MTV

3.js正则表达式

test   - 判断字符串是否符合规定的正则
rep = /\d+/;
rep.test("asdfoiklfasdf89asdfasdf")
# true

rep = /^\d+$/;
rep.test("asdfoiklfasdf89asdfasdf")
# true

exec   - 获取匹配的数据
rep = /\d+/;
str = "wangshen_67_houyafa_20"
rep.exec(str)
# ["67"]

JavaScript is more fun than Java or JavaBeans!
var pattern = /\bJava(\w*)\b/;
# ["JavaScript", "Script"]

JavaScript is more fun than Java or JavaBeans!
var pattern = /\bJava\w*\b/g;
# ["JavaScript"]
# ["Java"]
# ["JavaBeans"]
# null

JavaScript is more fun than Java or JavaBeans!
var pattern = /\bJava(\w*)\b/g;
# ["JavaScript",'Script']
# ["Java", ""]
# ["JavaBeans", "Beans"]
# null

多行匹配：
默认就是多行匹配
^$
- 登录注册验证
默认事件先执行：
checkbox
自定义先执行
a
submit
...
<form>

<input type='type' />
<input type='password' />
<input type='submit' />

</form>

$(':submit').click(function(){

$(':text,:password').each(function(){
...
return false;
})
return false;
})

input,checbox

================================== 验证 ================================
JS： 验证

各种验证

$(':submit').click(function(){

$(':text,:password').each(function(){
...
return false;
})
return false;
})

后端：python实现

业务处理
....

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航