前言：

主要是关于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. python 造轮子（一）——序列与字典

    虽然说造轮子很少用了,什么底层东西很少写,但是还是很想学扎实,还是好多东西还是的会,没有底层的支持,比较高级的库学起来还是很困难的. 序列的普遍用法: #-*-coding:utf8-*- #索引 l ...

  2. 雷达覆盖，贪心，类似活动安排(POJ1328)

    题目链接:http://poj.org/problem?id=1328 解题报告: 1.按照头结点排序. #include <cstdio> #include <cmath> ...

  3. 【转】android中的Style与Theme

    Android默认情况下提供了一些实用的主题样式,比如说Theme.Dialog可以让你的Activity变成一个窗口风格,而Theme.Light则让你的整个Activity具有白色的背景,而不是黑 ...

  4. 清除ie10+浏览器的input输入框后面会出现的x号和闭眼logo

    x号:::-ms-clear{display:none;} 闭眼logo: ::-ms-reveal{display:none;} tips:如果在外部引用的css里面没有作用,可以在写本页面的< ...

  5. SpringBoot学习13：springboot异常处理方式3(使用@ControllerAdvice+@ExceptionHandle注解)

    问题:使用@ExceptionHandle注解需要在每一个controller代码里面都添加异常处理,会咋成代码冗余 解决方法:新建一个全局异常处理类,添加@ControllerAdvice注解即可 ...

  6. javaWeb基础 javascript bom5个对象

    bom 也称为浏览器对象 browser object model(浏览器对象模型),由五个对象组成:        Window:浏览器窗口 最顶层对象.       Navigator :浏览器对 ...

  7. WebStrome react-native代码智能提示

    1.clone到本地 git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate  2,添加ReactNative. ...

  8. JQuery实现层级菜单

    效果图: HTML代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

  9. Sublime Text3的快捷键和插件

    今天重装了一下Sublime Text3,发现了一个不错的网站,关于Sublime Text3的插件安装介绍的很详细,还有右键增强菜单和浏览器打开快捷键的创建.奉上链接 http://www.cnbl ...

  10. TFS 2015服务端安装与客户端签入项目步骤

    一.参考如下3篇文章搭建TFS2015环境 1.参考文章如下: TFS 2015(Visual Studio Team Foundation Server)的下载和安装http://www.cnblo ...