zoukankan      html  css  js  c++  java
  • 创建Django项目的过程

    1.创建Django项目根目录

      a.命令式创建法:Django-admin startproject 项目名称

      b.pycharm创建法:如下图

    2.配置setting环境

      a.配置静态文件

        STATIC_URL='static'           -->静态文件夹的别名

        STATICFILES_DIRS = [      -->静态文件夹真正的位置

          os.path.join(BASE_DIR, "static"),
        ]

      b.注释csrf语句(47行左右)

    2.1 创建APP(已经又了Django项目的情况下添加APP)

      首先:需要,通过cmd命令或者pycharm上面的terminal命令,进入到项目所在的目录

      接着(命令):python manage.py startapp APP名称

      再接着:一定要再setting文件里面的 INSTALLED_APPS 里添加新创建的APP环境,命令如下  "  app01.apps.App01Config, " :

    3.使用ORM链接数据库(可以理解问创建ORM)

      a.ORM不能创建数据库,所以需要手动创建数据库

        create database 数据库名 charset=utf;

      b.再setting文件上配置连接数据库的条件    

      DATABASES = {
      'default': {
       'ENGINE': 'django.db.backends.mysql', # 连接的数据库类型
       'HOST': '127.0.0.1', # 连接数据库的地址
       'PORT': 3306, # 端口
       'NAME': "day61", # 数据库名称
       'USER': 'root', # 用户
       'PASSWORD': '123456' # 密码
       }
      }

      c.再项目的跟文件目录中的__init__.py文件中加入:

        import pymysql

        pymysql.install_as_MySQLdb()

       这里的目的是:告诉Django用pymysql模块代替MySQLdb来连接MySQL数据库

      d.在app01/models.py上面创建数据表类

        from django.db import models

        class UserInfo(models.Model):      一定要继承models.Model

          id = models.AutoField(primary_key=Ture)

          name = models.CharFiel(max_length=30,null=False)

          ………………

        注意:这里创建得到的表名格式为:APP名称_表名(小写)。例如:app01_userinfo

      e.pycharm上面的terminal命令,进入到项目所在的目录 

        1. python3 manage.py makemigrations             //记录当前models文件中修改的内容,记录到app01下面的migration里
        2. python3 manage.py migrate //告诉数据库,models文件中针对数据库的修改。或者说,把Django里面的重新的定义的sql语句,翻译成为真正的sql语句,并告诉数据库

     4.ORM使用流程

      首先要学习Django开发的程序与浏览器的通讯流程:

        1.启动服务器(Django),等待客户端(浏览器)URL连接访问(请求:request);

        2.浏览器上输入URL地址,和服务器建立了连接,此时浏览器向服务器发送了请求

        3.服务器(Django)接收到请求消息后,解析消息,根据URL路径,知道该URL路径与函数的对应关系,进而找到对应的函数

        4.进入对应的函数, 打开HTML 文件,将数据库的数据替换到HTML对应的位置,得到一个最终需要的HTML文件内容

        5.Python服务器根据http协议,将所得到的HTML内容返回给浏览器(响应:response)

        6.浏览器收到服务器响应回来的HTML内容,根据CSS等文件对网页渲染,并展示给用户观看

        7.关闭连接

     例如:上面的建立的(app01_userinfo)表如下:

      4.1  查:把数据库的表的数据显示在网页上

        1.先假设预定的URL为  http://127.0.0.1:8000/user_list/,而/user_list/就是需要用到对应关系

        2.在urls.py文件上的urlpatterns加入对应关系           


      
        2.1 因为,Django上的所有函数(逻辑都是放在APP的views.py文件中的)
          所以上面需要导入viems.py文件
          所以,上面的代码应该变成

          from app01 import views
          urlpatterns = [
           url(r'^admin/', admin.site.urls),
           url(r'^user_list/',views.user_list),
          ]
        3.开始写user_list函数了(注意:是在app01里面的views.py文件里面写哦)
          这里需要导入两个模块(django.shortcuts和app01):
    def user_list(request):
        ret = models.UserInfo.object.all()    # 获取表的所有记录
        return render(request, "user_list.html",("user_list":ret))        # 打开user_list.html文件,把找到的记录数据放到html对应的位置
    # 上把ret的值赋给user_list变量,接着又把user_list变量传值给user_list.html代码里面。这个时候,html里面就可以使用user_list来获取数据库的值了

          4.开始写user_list.html文件咯

            注意html文件数据模板文件,所以他们全都放在templates文件夹中

            这里只写表格部分,其他的html代码不写了。        

    <body>
    <table border="1">
        <thead>
        <tr>
            <th>id值</th>
            <th>用户名</th>
        </tr>
        </thead>
        <tbody>
        {% for user in user_list %}    <!--这里的user_list对应user_list函数里面的“return render(request, "user_list.html",{"user_list": ret})”  中的  {"user_list": ret} 的 user_list  -->
            <tr>
                <td>{{ forloop.counter }}</td>    <!--自增序号-->
                <td>{{user.id}}</td>
                <td>{{user.name}}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    </body>        


      4.2增。用网页添加数据到表app01_userinfo
        1.同理:预定URL。为/app_user/
        2.在urls.py文件添加URL与处理函数的对应关系。      
    from app01 import views      #导入函数所在的模块
    urlpatterns = [
        url(r'^admin/', admin.site.urls),
        url(r'^user_list/',views.user_list),
        url(r'^add_user/',views.add_user),
    ]

          3.进入views模块编辑add_user函数

            

    def add_user(request):
        pass

          4.上面函数先不写,先写add_user.html模板

            在原先的user_list.html上添加一个进入add_user.html的a标签:<a href="/add_user/">添加用户</a>          

           

             开始写add_user.html模板了:          

    <form action="/add_user/" method="post">        <!--   ”/add_user/“提交的时候,是提交到URL路径,然后再经过urls.py文件进入到对应的add_user函数。。。。。提交数据:method使用post方法   -->
        <p>用户名:
            <input type="text" name="username">      <!--  name属性是python获取html输入框中的数据的关键途径  -->
        </p>
        <p>
            <input type="submit" value="提交">
        </p>
      <p style="color:red">{{ error }}</p>     <!-- 这里的error是因为下面再完善add_user函数中新添加的 -->
    </form>

          5.完善views.py 文件中的add_user函数        

    def add_user(request):
        error_ms = ""
        if request.method == "POST":
            new_name = request.POST.get("username", None)        # 关键点:如何从html页面取得值?就是通过request.POST.get取得
            if new_name:
                models.UserInfo.object.create(name=new_name)
                return redirect("/user_list/")    
            else:
                erro_msg="输入框不能为空"
        return render("request","add_user.html",{"error":error})
    4.3删除
      get请求和URL传值

      例如:http://127.0.0.1:8000/delete_user/?name='张三'&id=7      //这个URL就可以达到传值的效果

        


        

     小节:django如何从html页面从取值?

      1. 首先需要通过URL传值:http://127.0.0.1:8000/delete_user/?name='张三'&id=7      //这个URL就可以达到传值的效果

        

       2.看html文件上的form标签的method是post还是get方法。

        然后通过request对象以及HTML文件上form标签里面的别的标签的name对应值再取值。如下:

          如果是post请求: 

            new_id = request.POST.get(id=7, None)

          如果是get请求:

            new_id = request.GET.get(id=7, None)

       3.接着就是可以通过获得到的new_id值进行各种操作,例如,通过ORM对数据表上的 增、删、改、查等

     

      GET和POST的应用场景:
      1. GET请求:
       1. GET请求携带的数据都拼在了URL上
       2. GET请求携带的数据有长度限制 40k
       2. POST请求
       1. form表单提交数据
       2. 上传文件
      
       3. 几个GET请求具体的应用场景:
       1. 浏览器地址栏直接输入URL
       2. 点击a标签
       3. 搜索引擎检索

    好了,在不讲Django理论的情况下,让大家熟悉使用,开开胃。让大家更好的在下面的课程学习!

    接下来进入真正Django高级教程了!


            
  • 相关阅读:
    超全面的.NET GDI+图形图像编程教程
    VS插件开发
    Vue.js 学习笔记 第7章 组件详解
    Vue.js 学习笔记 第6章 表单与v-model
    Vue.js 学习笔记 第5章 内置指令
    Vue.js 学习笔记 第4章 v-bind 及 class与style绑定
    Vue.js 学习笔记 第3章 计算属性
    Vue.js 学习笔记 第2章 数据绑定和第一个Vue应用
    Vue.js 学习笔记 第1章 初识Vue.js
    Microsoft Visual Studio 2017 for Mac Preview 下载+安装+案例Demo
  • 原文地址:https://www.cnblogs.com/mashangsir/p/11415955.html
Copyright © 2011-2022 走看看