一、思路分析

二、具体操作步骤

1.首先建立一个文件

在你想要的路径下面建立一个关于游戏的文件夹，可以命名为game
为了便于文件的整理，以及游戏的运行，这个文件最好不要放在桌面。

2.建立成功后需要在建立一个chess文件夹

3.文件建立成功后，用pyCharm打开该文件

进去以后就会默认建好以下文件

4.在chess文件夹中新建static

新建一个静态文件夹用于存放网页源码（css，js）
操作步骤如下图所示
建立成功后的截图展示

5.设计网页主界面样式index.css

在建立的css文件中新建index.css
成功建立开始代码编辑
这个界面可以根据自己的审美和喜好建立，这里只是给一个参考
代码提示：

*{margin: 0;padding: 0;
}
body{background-color: #ececec;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;
}
#ground{width: 100%;height: 100%;position: absolute;overflow: hidden;
}
#board{width: 401px;height: 451px;padding: 30px;background-color: #8f7a66;position: relative;top: 45%;left: 0;right: 0;margin: -220px auto;border: 3px solid rgb(192, 166, 137);border-radius: 2px;box-shadow: 0 0 25px rgba(143, 97, 76, 0.35);
}
#board #line{width: 100%;height: 100%;
}
#board #line #rows{width: 100%;height: 100%;overflow: hidden;
}
#board #line #lines{width: 100%;height: 100%;position: relative;top: -100%;overflow: hidden;
}
#board #line .row{width: 100%;height: 1px;background-color: #571b16;margin-bottom: 49px;
}
#board #line .line{width: 1px;height: 100%;background-color: #571b16;margin-right: 49px;float: left;
}
#board #line .end{margin: 0;
}
#board #line #river{width: 461px;height: 100%;position: relative;top: -200%;left: -30px;
}
#board #line #river article{position: relative;top:201px;width: 100%;height: 49px;background-color: rgba(143, 122, 102, 0.95);/*background-image: url("ass/Riv.png");*/box-shadow: inset 0 0 25px rgba(79, 139, 191, 0.55);font-family: Arial,sans-serif;font-size: 45px;text-align: center;letter-spacing: 1px;color: #817c77;opacity: 0.95;
}
#board #flower{width: 100%;height: 100%;position: relative;top: -300%;overflow: hidden;
}
#board #flower article{width: 25px;height: 25px;position: relative;left: 37px;top: 37px;float: left;border: 1px solid rgba(134, 42, 3, 0.55);transform:rotate(45deg);
}
#board #flower .L2{width: 100%;height: 50px;
}
#board #flower .L5{width: 100%;height: 50px;
}
#board #flower .L2 article:nth-child(2)
{margin-left: 273px;
}
#board #flower .L5 article:nth-child(1n+2)
{margin-left: 73px;
}
#board #flower .L5 article:nth-child(1)
{margin-left: -50px;
}
#board #flower .L5 article:nth-child(2)
{margin-left: 50px;
}
#board #flower #F{margin-top: 50px;height: 200px;
}
#board #cross{width: 100%;height: 100%;position: relative;top: -400%;
}
#board #cross #T{width: 100%;height: 200px;margin-bottom: 51px;
}
#board #cross #B{width: 100%;height: 200px;
}
#board #cross article{margin: 0 auto;width: 140px;height: 1px;position: relative;top: 50px;background-color: #752e2b;
}
#board #cross article:nth-child(1){transform:rotate(45deg);
}
#board #cross  article:nth-child(2){margin-top: -1px;transform:rotate(-45deg);
}
#board #cross #B article{position: relative;top: 149px;
}

6.数据填充进模板将结果返回给浏览器

导入Django中的render函数。
render方法可以接受三个参数，一个request参数，二是待渲染的html模板文件，三是保存具体数据的字典参数。
补充知识点：redirect接受URL参数，表示让浏览器跳转去指定的URL

def index(request):return redirect("https://blog.csdn.net/miaoqinian")

它的作用就是将数据填充进模板文件，最后把结果返回给浏览器。
补充知识点：HttpResponse，它的作用是内部传入一个字符串参数，然后发给浏览器。

def index(request):# 业务逻辑代码return HttpResponse("OK")

在视图函数（view）中的操作代码展示如下：

from django.shortcuts import render# Create your views here.
def index(request):return render(request, 'index.html')

如果此时运行后台服务器，将会报错，出现以下内容：

三、注意的地方

注意（1）

如果出现了python: can't open file 'manage.py': [Errno 2] No such file or directory这个语句的话就是没有进入game文件中，此时需要先进入到game中，语句是cd game

注意（2）

如果进入了game还依然报错的话，看一下是不是下列图片中的语句
解决办法就是激活dj
进入之后的界面展示：

四、存在的不足

人工智能：Django的学习，下象棋的小游戏相关推荐

Qt学习总结——飞机大战小游戏制作
Qt学习总结--飞机大战小游戏制作 1. 需求分析这篇文章写于2020年暑假,完成学校实训项目之后,对自己的项目实践做了一个总结,回顾整个项目的制作过程,同时也复习一下Qt的相关知识,总结项目制作过 ...
轻松学习 Flex 布局的小游戏
轻松学习 Flex 布局的小游戏 Flexbox Froggy,帮助你学习前端 Flex 布局的小游戏,难度不高,趣味性极强! Flexbox Froggy(弹性盒小青蛙)是一个帮助你快速学习前端 F ...
linux小型游戏系统设计,Linux平台下基于JAVA小游戏_设计文档.doc
Linux课程设计报告课题名称:<Linux平台下基于java小游戏设计> 专业:2011级计算机科学与技术组长:043佘清泉组员:007陈威达 008陈学仁 026赖华标 0 ...
Python是男人就下一百层小游戏源代码
是男人就下一百层小游戏Python小游戏源程序,共包含两个程序文件:game.py和是男人就下一百层.py.程序运行截图如下: 更多Python源代码,请微信关注:Python代码大全, game.p ...
android 联机下100层小游戏开发心得
大作业做了联机的下100层小游戏,传统的下100层都是单机,这次尝试了双人联机对战. [联网] 由于是需要实时更新的强联网游戏,使用了socket,http的方式不适合写这种类型的游戏.关于逻辑判定的 ...
C++写的是男人就下一百层小游戏，基于EasyX图形库（本人菜鸟）
是男人就下一百层小游戏游戏整体源代码已打包,在最下面首先建立一个board类: #pragma once #ifndef BOARD_H_ #define BOARD_H_ const int ...
c 语言掷骰子游戏,C 语言编程学习: 制作掷骰子小游戏
C 语言编程学习: 制作掷骰子小游戏问题描述骰子是一个有六个面的正方体, 每个面分别印有 16 之间的小圆点代表点数. 假设这个游戏的规则是: 两个人轮流掷骰子 6 次, 并将每次投掷的点数累加起 ...
Unity学习笔记-切水果小游戏第一发
楼主学习Unity的时间有限,每天最多能抽出1小时看看,主要还是周末的时间了. 最近打算开发几个小游戏练练手.最简单的水果忍者就被我相中了,来吧,骚年,一起来一发. 先分析下切水果的几个要点: 1)手 ...
C++_DOS命令下_猫狗大战小游戏（初识QT小练习）
最近马上就要学习QT了,在此复习一下C++一些基本的知识.即:封装,继承,多态.还有this,new,delete,namespace等关键字的用法. IDE:QT creator 2.8.0 操作系 ...

人工智能：Django的学习，下象棋的小游戏

象棋小游戏的制作

一、思路分析

二、具体操作步骤

1.首先建立一个文件

2.建立成功后需要在建立一个chess文件夹

3.文件建立成功后，用pyCharm打开该文件

4.在chess文件夹中新建static

5.设计网页主界面样式index.css

6.数据填充进模板将结果返回给浏览器

三、注意的地方

注意（1）

注意（2）

四、存在的不足

人工智能：Django的学习，下象棋的小游戏相关推荐

最新文章

热门文章