Django 2.1 搭建文件结构

前面的都是配置基本步骤，不需要理解，其他Django项目同样步骤操作；

接下来用Django-admin新建一个Django项目：

django-admin startproject acapp //acapp是项目的名称

配置git仓库

ag  + (你想要的字符串，启动全文搜索）

进入仓库根目录acapp，执行 python3 manage.py startapp game //创建game app

原理上可以在根目录下创建多个应用

Django2.1网页运行基本步骤

首先你输入网址，会调用acapp/acapp/urls下的对应路由，即path('',include('game.urls')), 之后重定向到game/urls 下的path("",index,name="index"),再由于index和引入的路径，定向到game/views 下的index函数，其中request是必须的，返回的HttpResponse是一个字符串；当创建多个acapp应用时，就应该在acapp/acapp/urls下写上那个对应的路由，建立起区分；

在总路由里面引用自己写的函数要引入 include

其他复习整体流程根据整体流程详细和必要的知识点需要

models :存储各种数据结构（class等）
views：存储各种函数
urls: 路由
templates: 存储网页模板
migrations: /game/路径下，存数据库的

Django 3.1--创建菜单界面

项目系统设计

menu : 菜单界面
playground : 游戏界面
settings: 设置界面

大体框架为这样，你每个文件夹下也要细分为此；
templates 目录：管理html 文件
urls: 管理路由

修改设置时间；

将新产生的game Django/app 加入到'game.apps.GameConfig'

然后声明静态文件，一般来说，

在  static 存放开发者静态文件

在  media 存放用户静态文件

js 打包脚本NB!

在 templates 文件下创建 menu,playground,settings,multiends文件夹，分别储存三个页面的html文件和终端的html文件

下面是web.html 文件源码：

{% load static %} // js语法糖

<!-- Django 中引入全局setting里的变量 static 的语法-->

<head>

    <link rel="stylesheet" href="https://cdn.acwing.com/static/jquery-ui-dist/jquery-ui.min.css">

    <script src="https://cdn.acwing.com/static/jquery/js/jquery-3.3.1.min.js"></script>

    <!-- 上述两句引入 jQuery 库 -->

    <!-- 使用引入的变量 static 的语法如下 -->

    <link rel="stylesheet" href="{% static 'css/game.css' %}">

    <script src="{% static 'js/dist/game.js' %}"></script>

    <!-- 分别引入 css 文件和总的 js 文件 -->

</head>

<body style="margin: 0">

    <div id="ac_game_12345678"></div> //创建一个专属id,等学习web知识后来补；

    <script>

        $(document).ready(function(){

            let ac_game = new AcGame("ac_game_12345678") // 创建一个ac_game 对象，让它建立一个 AcGame 对象，在用户端加载渲染

        })

    </script>

</body>

之后写一下路由，函数；

到此为止的整体流程

输入ip地址后缀为 “” 空，在总路由下面 ~acapp/acapp/urls.py/ 中调用 game.urls.index 然后跳转到game文件夹下的urls文件，再根据路由进行跳转；例如第一个空后缀，跳转到 multiends/web.html ,进行相对应的操作，我们采用的是前后端分离开发，所有的 html 渲染都要求在前端完成，开发流程就是，现在 html 里创建好一个有 id 的 div 然后利用 js 文件，捕获到该 div，并进行渲染，因此，该模块的目的就很明确了，先前，在 multiends 的 web.html 文件里设置了一个 id 为 ac_game_12345678 的 div，然后在 js / src 完成该对象的创建 AcGame 将 id 传给ac_game,在AcGame里面建立 menu 和 playground界面，代码部分大多是前端知识，等以后学习之后补充！

Django 学习记录（AcWing）的更多相关文章

Django学习记录--~Biubiubiu
Day One Django常用命令 1.创建Django网站框架 django-admin startproject mysite # mysite为定义的项目文件夹名称 2.超级用户创建 py m ...
django学习记录
1.参考资料问题: 现在django发布了1.11版本,离线文档下载引擎地址文档下载地址在线文档:https://docs.djangoproject.com/en/1.10/intro/tuto ...
django学习记录--第一个网页“hello django”
一.安装django 下面两种方法任选其一 1.pip或easy_install 安装 pip install django easy_install django 2.到django官网(https ...
Django 学习记录
这是我自己理解并自己画的,django 请求示意图,表示了它的组织方式. project manage.py: 主要工具文件 settings.py: 配置文件 urls.py: url 定义及其指向 ...
django学习记录1
在看django的基础知识,还是按照以前一样来总结,还是晚上再统一总结好了,边看边总结好像效果不大. 第一部分是生成数据库,用python manage.migrate命令来生成django的基础架构 ...
django 学习记录（一）
不使用 drf 来实现django 的 api 接口 json序列化 from django.shortcuts import render from django.views.generic.bas ...
[Django]模型学习记录篇--基础
模型学习记录篇,仅仅自己学习时做的记录!!! 实现模型变更的三个步骤: 修改你的模型(在models.py文件中). 运行python manage.py makemigrations ,为这些修改创 ...
巨蟒django之CRM5 学习记录&&课程记录&&班级管理&&私户的数量上限
1.公户变私户(事务+行级锁) 2.私户的数量上限 3.班级的管理 4.课程记录管理 5.学习记录的初始化 6.展示和编辑学习记录
Django 学习笔记之四 QuerySet常用方法
QuerySet是一个可遍历结构,它本质上是一个给定的模型的对象列表,是有序的. 1.建立模型: 2.数据文件(test.txt) 3.文件数据入库(默认的sqlite3) 入库之前执行数据库同步命 ...

随机推荐

ASMCMD-8102: no connection to Oracle ASM
通过ASMCMD命令连接ASM,Connected to an idle instance [root@shdb02 ~]# su - oracle [oracle@shdb02 ~]$ asmcmd ...
论文解读（MCGC）《Multi-view Contrastive Graph Clustering》
论文信息论文标题:Multi-view Contrastive Graph Clustering论文作者:Erlin Pan.Zhao Kang论文来源:2021, NeurIPS论文地址:down ...
javaScript 内存管理机制
大家好,今天分享的主题为 JavaScript 内存管理机制,本次分享将从以下三部分进行讲述: js 内存管理与 js 垃圾常见的 GC 算法 V8 引擎的垃圾回收 js 内存管理与 js 垃圾关 ...
JavaScript深入理解系列：call与apply
定义 call和apply:函数调动call()方法在执行的时候,函数的里面的this会指向第一个参数值,除第一个参数值后面的若干支都是传进该函数,简而言之就是改变函数运行时的this指向. 使用示例 ...
GET sql注入
靶机地址:192.168.43.156 攻击机地址:192.168.43.89 一.AppScan检查靶机sql漏洞二.使用sqlmap利用SQL注入漏洞 1.sqlmap -u " ht ...
Promql基础语法2
数据样本直方图类型 delta函数运算操作数学运算 node_disk_info / 100 当瞬时向量与标量之间进行数学运算时,数学运算符会依次作用域瞬时向量中的每一个样本值,从而得到一组新的 ...
XCTF练习题---MISC---倒立屋
XCTF练习题---MISC---倒立屋 flag:flag{9102_cCsI} 解题步骤: 1.观察题目,下载附件 2.打开发现是个倒立的屋子,并没有发现啥东西,拿StegSolve看看 3.查了 ...
tmux 快速上手
tmux 介绍截图 dwm + alacritty + tmux + neovim + ranger: 下载 tmux 可以说是一款 TUI 开发人员不可或缺的终端复用神器. $ yay -S tm ...
call()、apply()、arguments
一.call(),apply() 1.作为函数对象(指函数方法名,不带括号)的方法,需要通过函数对象调用:当对函数调用这两个方法时都会调用函数执行. <script> // 这个函数中,f ...
JS/JQ动画效果
1.弹出框 <style> .mask { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: ...

Django 学习记录（AcWing）