03 2023 档案
摘要：游戏的基本功能搞定，现在来实现一下我们比较关注的游戏中的生命值、武力值等等信息吧 1. 飞船生命值显示： # 显示飞船的生命 def show_ship_life(screen, gc): """ 显示飞船的生命 :param screen: 屏幕对象 :param gc: GameConfig 配
阅读全文
摘要：为了方便维护且，主文件中的代码会越来越多，做如下调整： 主文件main.py文件代码抽取出来封装成功能函数来实现， 1.目录结构如下： 2.子弹和外星人碰撞检测： # 检查子弹和外星人是否发生碰撞, 即是否击中 def check_bullets_aliens_is_collided(gc, bul
阅读全文
摘要：在根目录下新建 alien.py文件即外星人模块，这里把主循环中的代码做了封装，代码实现如下： alien.py文件代码如下： # -*- coding: utf-8 -*- # 作者: guos # 日期: 2023/3/30 import pygame from pygame.sprite im
阅读全文
摘要：基础版我们用数组list来保存创建的子弹实现，但是有很多问题，我们这里使用pygame里的sprite里提供的一个容器Group来实现 # Group对象相当于一个列表，在列表中可以保存游戏中的Surface对象 # 特点： # 1.可以对group中的对象做统一的操作 # 2.可以直接通过元素删除
阅读全文
摘要：有了飞船，我们要发射子弹，不然如何保护我们的领地呢？我们在AlienGame目录下新建bullet.py文件，即子弹的模块 代码如下： # -*- coding: utf-8 -*- # 作者: guos # 日期: 2023/3/29 import pygame class Bullet: """
阅读全文
摘要：一、飞船显示，最终效果如下： 在根目录AlienGame 下新建ship模块来管理飞船 代码如下： # -*- coding: utf-8 -*- # 作者: guos # 日期: 2023/3/29 import pygame # 保存 飞船类的模块 class Ship: """ 表示飞船【玩家
阅读全文
摘要：游戏中会有很多配置信息，我们为了后期维护更加方便，我们把一些初始化的配置信息抽取出来，然后创建配置模块，即新建 game_config.py文件 代码如下： # -*- coding: utf-8 -*- # 作者: guos # 日期: 2023/3/29 # 该模块[即一个py文件就是一个模块，
阅读全文
摘要：环境：python3.9 pygame 2.1.2 --> 安装 pip install pygame Mac下开发 之前有小球移动的初步学习了pygame的使用，接下来我们开始做外星人入侵游戏，主要使用面向对象编程来做 第一步先把基础的窗口搭建出来代码如下： 新建AlienGame目录，在目录下新
阅读全文
摘要：因为用的最新的React版本【18】 + React-router【6.8.1】所以获取地址栏信息需要使用useLocation，因此 改为 函数式编程如下： /* 头部导航组件 */ import React, {useEffect, useState} from "react"; import
阅读全文
摘要：Header组件这里的标题下的图案实现为关键，实现如下： /components/header/index.jsx文件内容如下： /* 头部导航组件 */ import React, { Component} from "react"; import './index.css' export def
阅读全文
摘要：项目中经常会有测试线上或者测试环境非本地的接口的数据结构或者返回信息是什么，提前规划字段或者结构，那如何实现呢？这里仅使用get方法获取 示例如下： curl -A 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36
阅读全文
摘要：React-router-dom v6版本需要做如下操作： 1.菜单被选中，在components/left-nav/left-nav.jsx 文件下代码如下： /* 左侧导航的组件 */ import React from "react"; import { Link, useNavigate,
阅读全文
摘要：使用的是antd的导航中的 Menu 导航菜单组件 首先在components/left-nav/index.jsx文件中的代码如下： /* 左侧导航的组件 */ import React from "react"; import { Link, useNavigate} from 'react-r
阅读全文
摘要：pages/admin/admin.jsx文件内容如下： /* 后台管理的路由组件 */ import React from 'react' import { useNavigate } from 'react-router-dom' import {Layout} from 'antd' impo
阅读全文
摘要：在utils目录下增加了memoryUtils.js和storageUtils.js 文件 需要安装store.js —> npm install store 【版本：2.0.12】 查看local存储信息，打开开发者工具 memoryUtils.js内容如下： /* 用来在内存中保存一些数据的工具
阅读全文
摘要：我们常规的写法如下： reqLogin(username, password).then(response => { console.log("登陆成功了!", response.data) }).catch(error => { console.log("登陆失败了!", error) }) 而我
阅读全文
摘要：首先需要新建数据库：直接在命令行直接即可 react_v5_admin_db create database react_v5_admin_db charset utf8; 创建用户表：user_info create table user_info(id int primary key auto_
阅读全文
摘要：在ajax请求接口中没有指定域名或者地址的话，默认为localhost 我们是希望从3000 端口 ———> 5000端口【其它任何提供服务的端口即可】访问获取数据出现 404即无法找到，因为我们3000端口的本地没有/login这个路径提供服务，所以报找不到 React + antd 解决办法如下
阅读全文
摘要：介绍描述： 1.用于动态构建用户界面的 JavaScript 库【只关注于视图】 2.由Facebook 开源【2013.5】 React的特点： 1.声明式编码 2.组件化编码 3.React Native 编写原生手机端应用 4.高效【优秀的 Diffing 算法】 React 高效的原因： 1
阅读全文
摘要：安装 axios包：【版本：1.3.3】 npm install axios 初级版本 api/ajax.js文件内容 /* 能发送异步ajax请求的函数模块 封装axios库 函数的返回值是promise对象： .then */ import axios from 'axios' export d
阅读全文
