首页 > 代码库 > Python 学习第十八天 js 正则及其它前端知识

Python 学习第十八天 js 正则及其它前端知识

一,js 正则表达式

  test 判断制度串是否符合规定的正则

  (1)定义正则表达式匹配规则

          js 中定义正则表达式为rep=/\d+/,两个//之间为正则模式

  (2)rep.test("assdsda89sdasdas") ,返回true,一般test 方法为只要字符串中的包含正则模式即返回true

  (3)rep=/^\d+$/完全匹配正则模式

    exec 获取匹配的数据

  1, (1)rep=/\d+/;

    (2)str="wangshen_67_houyanfa_20"

    (3)rep.exec(str) 返回["67"]

  2,   js exec 分组匹配

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

     3,js exec 全局匹配

text="JavaScript is more fun than Java or JavaBeans!"
var pattern = /\bJava\w*\b/g;
pattern.exec(text)
# ["JavaScript"]
pattern.exec(text)
# ["Java"]
pattern.exec(text)
# ["JavaBeans"]
pattern.exec(text)
# null
pattern.exec(text)        #加g表示全局匹配,匹配一个输出一个,当全部匹配完成时输出null 再匹配从头开始

   4,js exec 全局加分组匹配

JavaScript is more fun than Java or JavaBeans!
var pattern = /\bJava(\w*)\b/g;
# ["JavaScript",‘Script‘]
# ["Java", ""]
# ["JavaBeans", "Beans"]
# null                                              #分组匹配会对匹配到的结果再进行一次匹配
		 

 5,其它匹配模式

  (1)/.../i 不区分大小写

  (2)/.../m 表示多行匹配,js 中默认支持多行匹配,也就是单独加g也可以完成多行匹配,但是在匹配模式中^$,匹配多行时需要m参数

       例如

text="JavaScript is more fun than \n  Java or JavaBeans!"
var pattern = /\bJava(\w*)\b/g;
pattern.exec(text)                               #返回["JavaScript",‘Script‘] 也可以匹配成功,表示默认支持多行
text="JavaScript is more fun than \n  Java or JavaBeans!"
var pattern = /^Java(\w*)/g;                     #匹配以Java开头的字符串,且后面为任意字符
pattern.exec(text)                               #返回["JavaScript",‘Script‘] 
pattern.exec(text)                               #返回null 

var pattern = /^Java(\w*)/gm; 
pattern.exec(text)                                #返回["JavaScript",‘Script‘] 
pattern.exec(text)                                #返回["Java",""]

 6,a标签绑定事件

<a onclick=‘return Func();‘>asdf</a>
function Func(){
    return false:                                  #利用DOM绑定方式增加a标签事件
}

<a>asdf</a>
$(‘a‘).click(function(){return false;})    #利用jquery方式绑定事件

 7,form 表单提交事件

<form>		
	<input type=‘text‘ />
	<input type=‘password‘ />
	<input type=‘submit‘ />		
</form>
   
$(‘:submit‘).click(function(){		
    $(‘:text,:password‘).each(function(){
				...
		return false;
	})
	return false;
}) 

 8,标签定义事件执行顺序

  像a input submit 标签一般默认都为自定义事件先执行,checkbox 默认事件先执行

 9,css设置重要性

<style>
    .no-radus{
     border-radius:0 !important;
}
</style>

 二,django

 1,django 设置静态文件路径

  在setting.py中最下面添加添加以下代码 

STATIC_URL = ‘/static/‘
STATICFILES_DIRS = { os.path.join(BASE_DIR,‘static‘), }

 2,创建完django project 后的操作

(1),配置模板的路径

TEMPLATES = [
				{
					‘BACKEND‘: ‘django.template.backends.django.DjangoTemplates‘,
					‘DIRS‘: [os.path.join(BASE_DIR, ‘templates‘)],
					‘APP_DIRS‘: True,
					‘OPTIONS‘: {
						‘context_processors‘: [
							‘django.template.context_processors.debug‘,
							‘django.template.context_processors.request‘,
							‘django.contrib.auth.context_processors.auth‘,
							‘django.contrib.messages.context_processors.messages‘,
						],
					},
				},
			]

(2),配置静态文件的路径

#在 setting.py 中添加
STATICFILES_DIRS = (
	os.path.join(BASE_DIR, ‘static‘),
)
#在html中添加
<link rel="stylesheet" href="http://www.mamicode.com/static/commons.css" />
		

 3,view.py获取用户提交的数据

if request.method == "post":

    user = request.POST.get(‘user‘,None)
    pwd = request.POST.get(‘pwd‘,None)                #获取用户提交的数据中 即使不存在相应的值也不会报错
    
    user = request.POST[‘user‘]
    pwd = request.POST[‘pwd‘]                         #获取用户提交的数据。如果不存在就会报错

 4,view.py中函数处理重定向到其它网址

from django.shortcuts import redirect    #导入模块

return redirect(‘http://www.baidu.com‘)   #在view函数中添加,重定向到其它网站
 
from django.shortcuts import render
return render(request,‘login.html‘) #找到本地的模板,打开html文件

 5,render 返回错误信息

  return render(request,‘login.html‘,{‘error_msg‘:error_msg})

 6,django 处理html模板for 循环与取某一个值

{% for row in user_list %}
    <tr>    
        <td>{{ row.username }}</td>
        <td>{{ row.gender }}</td>
        <td>{{ row.email}}</td>
   </tr>
{ %endfor %}                                          #部分html代码

def home(request):
    return render(request,‘home.html‘,{‘user_list‘: USER_LIST}}     #部分views.py代码

 7,css input 框中提示字设置

<input type="text" name="username" placeholder="用户名" />

 8,django 已get方式获取值,需要在url中增加值
     例如:

http://127.0.0.1:8009/home?nid=123&name=jack  #get方式请求

#views函数中
print(request.GET) 
#返回
<QueryDict:{‘name‘:[alex],‘nid‘:[‘123‘]}>      
print(request.GET.get(‘nid‘))
#返回
123       

 

Python 学习第十八天 js 正则及其它前端知识