码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【Django】开发日报_1_Day:创建项目


    闲暇时间找个项目练练手。

    复现教程:2022 B站最详细django3教程(django从入门到实践)_哔哩哔哩_bilibili

    项目技术栈:python+(html+css+js)+Mysql

    开发工具:Pycharm专业版

    后端语言:python3

    后端框架:Django

    前端:HTML+CSS+JS

    数据库:MySQL

    项目托管平台:Gitee

    Gitee网址:数据可视化django: python数据可视化网站

    目录

    1、创建项目,删除templates目录并修改setting.py。

    2、默认文件说明​

    3、创建app

    4、注册App

    ​5、编写URL和Views函数的对应关系:

    6、运行,打开网址:

    7、创建templates模板 

    8、templates优先级说明

    9、创建static静态文件


    1、创建项目,删除templates目录并修改setting.py。

    ​

    这一步删除了网页模板目录和路径,外部的前端页面就加载不出来,不是很理解,但是跟着做。 

    ​

    2、默认文件说明
    ​

     3、创建app

    APP:负责多个模块的独自管理。

    ​

    点击manage.py文件,在终端输入:

     python manage.py startapp app
    

     在工程目录中会发现生成了app(名字可随意更改)目录(数量可以是多个)。

    ​

    app文件说明

    ​ 

    4、注册App

    如图:

    ​ 5、编写URL和Views函数的对应关系:

    app目录->views.py文件

    1. from django.shortcuts import render,HttpResponse
    2. # Create your views here.
    3. def index(request):
    4. return HttpResponse("Hello Django!")

    ​

     djangoProject2目录->url文件

    1. from django.urls import path
    2. from app import views
    3. urlpatterns = [
    4. path('index/', views.index),
    5. ]

    ​

    6、运行,打开网址:

    两种启动方式:

    终端:python manage.py runserver

    pycharm:点击播放按钮(绿色三角形)

    ​ 当当当当~

    http://127.0.0.1:8000/index/

    ​ 

     保证views函数和urls对应关系正确,想写多少页面都可以

    ​

    7、创建templates模板 

    如果在views中返回的不再是一个页面上简单的字符串,而是html文本内容,我们需要注意:

    两者的返回值是不同的:

    httpresepose()模块返回的是普通的页面响应,如:字符串。

    render()返回的是html文本内容。

    ​

     那么,问题来了,我们的html文件放在哪呢?

    我们在app目录下,新建目录templates目录,在templates目录下新建文件user_list.html文件 

    ​

    并在views和urls文件中写好对应的函数和代码,打开网址即可访问html文件内容。

     8、templates优先级说明

    当在项目的根目录的setting.py文件中设置了默认访问模板的位置:

    'DIRS': [os.path.join(BASE_DIR, 'templates')]

    则,在views中的render()函数会优先访问项目根目录下的templates目录中的文件,如果没有这个设定,则会按照app的注册顺序,优先访问先注册的app中的templates中的文件。 

    9、创建static静态文件

    在网站开发中,我们通常将css、js、img、plugins当做静态文件来处理。

    在app目录下面创建以下目录:

    将准备好的静态文件拷贝到对应文件中去:

    js:jQuery CDN

    复制代码到js文件中:

     

    plugins:起步 · Bootstrap v3 中文文档 | Bootstrap 中文网

    下载插件压缩包,解压复制到plugins文件中:

     

    img中可以放入自己喜欢的图片:

     

     user_list.html代码:

    1. {% load static %}
    2. html>
    3. <html lang="en">
    4. <head>
    5. <meta charset="UTF-8">
    6. <title>Titletitle>
    7. <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.css' %}">
    8. head>
    9. <body>
    10. <h1>User_Listh1>
    11. <img src="/static/img/ck.png" alt="">
    12. <script src="{% static 'js/jQuery.js' %}">script>
    13. <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.js' %}">script>
    14. body>
    15. html>

    在Django框架中,html文件若要引用静态文件需要在最上面提前加载:

     在引用的时候也要说明引用的静态文件,方便日后重构。

    只需修改setting.py中的静态路径,就可以统一更改文件名。

    注意:上图圈圈的代码是不规范的,因为没有声明引用的静态文件。

     使用bootstrap样式:

    1. {% load static %}
    2. html>
    3. <html lang="en">
    4. <head>
    5. <meta charset="UTF-8">
    6. <title>Titletitle>
    7. <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.css' %}">
    8. head>
    9. <body>
    10. <h1>User_Listh1>
    11. <input type="text" class="btn btn-primary" value="Create"/>
    12. <img src="{% static '/img/ck.png' %}" alt="">
    13. <script src="{% static 'js/jQuery.js' %}">script>
    14. <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.js' %}">script>
    15. body>
    16. html>

    样例:

  • 相关阅读:
    “兼职开发的程序员,为什么不受企业待见?”
    java CAS详解(深入源码剖析)
    GBase 8c V3.0.0数据类型——账本数据库的函数
    Java常问面试题概要答案
    京东云开发者|mysql基于binlake同步ES积压解决方案
    FoLR:Focus on Local Regions for Query-based Object Detection论文学习笔记
    SAS学习3(对数据的简单处理、条件、循环语句、数组、datasets过程)
    Vue3使用render画图标实践
    期货开户控制风险才能获取更大的利润
    Java基于SSM的海淘商城系统
  • 原文地址:https://blog.csdn.net/qq_51701007/article/details/126780724
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号