前言:

主要是关于JavaScript的高级部分以及Django

主要内容:

一、jQuery

  事件绑定:

  DOM事件绑定: -直接在标签上绑定

    第一种:

    $('.title').click(function(){

    //this

    var v = $(this).text();

    console.log(v);

})

    第二种:

    $('.title').bind('click',function(){

    var v = $(this).text();

})

    第三种:

    $('.c1').delegate('.title','click',function(){

    var v = $(this).text();

})

    第四种:

    $('.c1').on('click','.title',function(){

      var v = $(this).text();

})

  分析:

  上面的3个在内部调用的其实就是第4个。

前面2个是直接绑定,后面2个是委托绑定。

  下面是HTML的标签:

  

               <div class='c1'>
<div>
<div class='title'>菜单一</div>
<div class='content'>内容 一</div>
</div>
<div>
<div class='title'>菜单一</div>
<div class='content'>内容 一</div>
</div>
<div>
<div class='title'>菜单一</div>
<div class='content'>内容 一</div>
</div>
<div>
<div class='title'>菜单一</div>
<div class='content'>内容 一</div>
</div>
</div>

二、JavaScript高级

页面框架加载完成,使用:希望查看页面立即执行的操作

$(function(){

  ......

})

阻止默认事件

return false;

例如:

三、web框架本质

就是socket

四、Django

1、Django请求生命周期?

客户端,服务器端,服务器端最前面有个URL,比如定义了一个/index,它对应了一个函数f1()  ,一个一个对应关系就类似这样子,程序运行起来,对应关系就放在服务器内存了,有人请求,就一个一个匹配,匹配成功了,那就触发相对应的函数执行就可以了。
那么这个函数给我返回的内容是什么?返回的是字符串
 
->URL对应关系(匹配) -》视图函数(views)-》返回给用户字符串
>URL对应关系(匹配) -》视图函数(views)-》打开一个HTML文件,读取内容
 
2、创建Django project
django-admin startproject mysite
cd mysite
python manage.py startapp cmdb
 
mysite:
配置文件相关:
  • url.py    settings.py
  • 创建APP的时候
  • views.py
  • admin.py
  • models.py 创建数据库表,用它来操作数据库表
3、配置
模板路径
静态文件路径
4、编写程序
a  url.py
/index/ 对应一个函数func
b    views.py
  • def  func(request):
  • #包含所有的请求数据
  • return HttpResponse(字符串)
  • return   render(request,index.html ,{‘ ’})
  • return  redirect (‘URL’)
c   模板语言
return render(request,'index.html',{'li':[11,22,33]})
for循环
{% for item in  %}
{% endfor %}
 
====索引用的是点=====
{{ item.0 }}
 
1、快速创建一个Django项目
①使用命令,创建APP
 
②、新建一个static目录
③、修改配置,从上往下修改,setting.py文件
注释掉下面这行
  1. # 'django.middleware.csrf.CsrfViewMiddleware',
新增路径
  1. STATICFILES_DIRS = (
    os.path.join(BASE_DIR,'static'),
    )
④、写URL
业务是写在APP里面的,所以先在APP下面的view.py写如下
  1. from django.shortcuts import render,HttpResponse
    
    # Create your views here.
    
    def index(request):
    return HttpResponse('index')
然后在URL写入
  1. from app01  import views
    urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index/', views.index),
    ]
 然后把程序启动起来
 
提交,get提交放在URL上面,post提交放在内容里面
 
GET:   获取数据
POST: 提交数据
 
2、写个项目
提交表单,跳转
需要有的就是一个登陆界面,放在templates里面
  1. <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    </head>
    <body>
    <form action="/login/" method="POST">
    <p>
    <input type="text" name="user" placeholder="用户名">
    </p>
    <p>
    <input type="password" name="pwd" placeholder="密码">
    </p>
    <p>
    <input type="submit" value="提交">
    </p>
    </form>
    </body>
    </html>
修改app01里面的views.py
  1. from django.shortcuts import render,HttpResponse,redirect
    
    # Create your views here.
    
    def index(request):
    return HttpResponse('index') def login(request):
    if request.method == "GET":
    return render(request,'login.html')
    elif request.method == "POST":
    u = request.POST.get('user')
    p = request.POST.get('pwd')
    if u == 'alex' and p == '':
    return redirect('/index/')
    else:
    return render(request,'login.html')
    else:
    return redirect('/index/')
修改urls.py
  1. from django.conf.urls import url
    from django.contrib import admin from app01 import views
    urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^index/', views.index),
    url(r'^login/', views.login),
    ]
这样就可以了。
实现效果如下,登陆用户名认证后跳转到index页面
 
 
 
over

一个初学者的辛酸路程-初识Django的更多相关文章

  1. 一个初学者的辛酸路程-依旧Django

    回顾: 1.Django的请求声明周期?   请求过来,先到URL,URL这里写了一大堆路由关系映射,如果匹配成功,执行对应的函数,或者执行类里面对应的方法,FBV和CBV,本质上返回的内容都是字符串 ...

  2. 一个初学者的辛酸路程-初识Python-1

    前言 很喜欢的一句话,与诸位共勉. 人的一切痛苦,本质上都是对自己无能的愤怒----王小波. 初识Python 一.它的爸爸是谁 首先,我们需要认识下面这位人物. 他是Python的创始人,吉多范罗苏 ...

  3. 一个初学者的辛酸路程-继续Django

    问题1:HTTP请求过来会先到Django的那个地方? 先到urls.py  ,里面写的是对应关系,1个URL对应1个函数名. 如果发URL请求过来,到达这里,然后帮你去执行指定的函数,函数要做哪些事 ...

  4. 一个初学者的辛酸路程-基于Django写BBS项目

    前言 基于Django的学习 详情 登录界面 找个模板 http://v3.bootcss.com/examples/signin/ 右键,检查源码     函数 def login(request) ...

  5. 一个初学者的辛酸路程-python操作SQLAlchemy-13

    前言 其实一开始写blog,我是拒绝的,但是,没办法,没有任何理由抗拒.今天呢,要说的就是如何使用Python来操作数据库. SQLAlchemy SQLAlchemy是Python编程语言下的一款O ...

  6. 一个初学者的辛酸路程-FTP-9

    前言 今天,我要描述一个FTP的故事 主要内容 嗯,今天主要以阶梯性的形式来做一个FTP项目. 第一步: 我要实现这么一个功能,一个FTP客户端,1个FTP服务端,2端建立连接以后可以进行通讯. 服务 ...

  7. 一个初学者的辛酸路程-socket编程-8

    前言: 你会发现会网络是多么幸福的事情 主要内容: socket 概念: socket本质上就是2台网络互通的电脑之间,架设一个通道,两台电脑通过这个通道来实现数据的互相传递.我们知道网络通信都是基于 ...

  8. 一个初学者的辛酸路程-Python基础-3

    前言 不要整天沉迷于学习-. 字典 一.我想跟你聊聊字典 1.为何要有字典? 大家有没有想过为什么要有字典?有列表不就可以了吗? 也许大家会这么认为,我给大家举个例子,大家就明白了. 比如说,我通讯录 ...

  9. 一个初学者的辛酸路程-了解Python-2

    前言 blog花了一上午写的,结果笔记本关机了,没有保存,找不到了,找不到了啊,所以说,你看的每一篇blog可能都是我写了2次以上的--.哎!! 代码改变世界,继续......... Python基础 ...

随机推荐

  1. user(),current_user()函数的区别

    user() 表示当前的登录用户   current_user() 表示对应于mysql.user表里对应的账号.

  2. 【UOJ83】【UR #7】水题出题人(提交答案题)

    点此看题面 大致题意: 给你若干份排序的代码,共\(6\)个子任务,每个子任务让你构造数据使得一份代码用时在给定的\(T\)以内,另一份代码用时超过\(2000000\). 子任务\(1\):归并排序 ...

  3. linux命令之awk命令

    awk是一种编程语言,用于在linux/unix下对文本和数据进行处理.数据可以来自标准输入(stdin).一个或多个文件,或其它命令的输出.它支持用户自定义函数和动态正则表达式等先进功能,是linu ...

  4. 2018.9.6 Java常考知识点总结

    一 Java中的值传递和引用传递(非常重要) 首先要明确的是:"对象传递(数组.类.接口)是引用传递,原始类型数据(整型.浮点型.字符型.布尔型)传递是值传递." 那么什么是值传递 ...

  5. git常用命令(二)

    一. Git 常用命令速查 git branch 查看本地所有分支git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支git branch -r ...

  6. Spring 注解中@Resource 和 @Authwired 的区别

    @Resource的作用相当于@Autowired,只不过@Autowired按byType自动注入,而@Resource默认按 byName自动注入罢了.@Resource有两个属性是比较重要的,分 ...

  7. 用dockers实现mysql主从同步

    首先要先看看当前的mysql的版本是什么,可以通过下面命令查看 mysql --version 最好是安装在docker中的mysql和你宿主机器中的mysql版本一致. 我的是mysql5.7.22 ...

  8. C++编程经验总结1

    面向对象的精髓: 主函数其实就是对于类的元素和动作的重新组合来进行一项活动. 一个思想概念:程设是清楚的,完美的. 数学是清楚的,是完美的. 物理是有趣的,尤其是量子物理 生物是清楚的,尤其是基因 外 ...

  9. JS - CommonJS、AMD、CMD

    CommonJS CommonJS是一种JS模块定义规范,它出现之初是为了解决JS天生没有模块管理的缺陷,它的终极目标是提供一个类似Python.Ruby和Java标准库.NodeJS的模块系统就是参 ...

  10. linux命令讲解

    1.vi命令 1.光标移动到文件的最后一行 G     :$     ]] 2.光标移动到文件的第一行 :0     gg     [[ 3.从光标所在位置将光标移动到当前行的开头 0     ^   ...