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) 入库之前执行数据库同步命 ...

随机推荐

手动封装一个node命令集工具
了解NPM安装模块时与项目配置文件中的bin配置发生了什么了解nodejs在控制台中的运行环境及上下文基于自定义命令集工具集成Yeoman 一.NPM模块安装内幕与nodejs控制台运行环境 1. ...
java实现ssh连接工具类
import ch.ethz.ssh2.Connection;import ch.ethz.ssh2.Session;import ch.ethz.ssh2.StreamGobbler;import ...
C++五子棋(二)——游戏界面与棋子渲染
准备我们首先要在程序中定义一个名为drawPNG的函数,用于输出png格式图片并使背景透明引入头文件(需要提前安装EasyX) #include <graphics.h> 定义函数 d ...
一键智能Mock，你值得拥有
大家好呀,我是一名苦逼的前端开发工程师,为啥苦逼呢,这不,项目下周就要上线了,但是后端还没给我接口,没有接口我就无法调试,工作停滞不前,我也只能坐着干着急. 我报告给了我的老板山哥: 老板,这后端 ...
删库到跑路?还得看这篇Redis数据库持久化与企业容灾备份恢复实战指南
本章目录 0x00 数据持久化 1.RDB 方式 2.AOF 方式如何抉择 RDB OR AOF? 0x01 备份容灾一.备份 1.手动备份redis数据库 2.迁移Redis指定db-数据库 3 ...
http协议知识点
前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.第一步要学好HTML.CSS和JavaScript!接着就要学习交互,HTTP协议.Tomcat服务器.PHP服务器端技术是必 ...
QQ浏览器X5内核问题汇总转
常常被人问及微信中使用的X5内核的问题,其实我也不是很清楚,只知道它是基于android 4.2的webkit,版本号是webkit 534.今天正好从X5团队拿到了一份问题汇总,梳理下发出来,给各位 ...
2022.02.27 CF811E Vladik and Entertaining Flags（线段树+并查集）
2022.02.27 CF811E Vladik and Entertaining Flags(线段树+并查集) https://www.luogu.com.cn/problem/CF811E Ste ...
领域驱动模型DDD（三）——使用Saga管理事务
前言虽然一直说想写一篇关于Saga模式,在多次尝试后不得不承认这玩意儿的仿制代码真不是我一个菜鸟就能完成的,所以还是妥协般地引用现成的Eventuate Tram Saga框架(虽然我对它一直很反感 ...
借助ADB冻结与卸载Android系统应用（免ROOT）
背景: 我妈的手机饱受系统应用广告推送之苦,每天都能在通知栏里收到好几条广告.为了给她个清净,本篇博文应运而生. 目标: 卸载安卓系统应用所用工具: 硬件:我妈的手机(魅蓝5) PC端:Minima ...

Django 学习记录（AcWing）