微信小程序|从零动手实现俄罗斯方块

最新推荐文章于 2024-07-23 17:00:19 发布
最新推荐文章于 2024-07-23 17:00:19 发布
阅读量2.1k 收藏 9
点赞数 2
分类专栏： 小程序开发成神之路 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_37797592/article/details/127937943
版权

📌个人主页：个人主页
​🧀 推荐专栏：小程序开发成神之路 --【这是一个为想要入门和进阶小程序开发专门开启的精品专栏！从个人到商业的全套开发教程，实打实的干货分享，确定不来看看？ 😻😻】
📝作者简介：从web开发，再到大数据算法，踩过了无数的坑，用心总结经验教训，助你在技术生涯一臂之力！若想获取更多精彩内容，敬请订阅专栏或者关注😁😂🤣😃😆😉😊😋😍😘🥰
⭐️您的小小关注是我持续输出的动力！⭐️

干货内容推荐

🥇入门和进阶小程序开发，不可错误的精彩内容🥇 ：

文章目录

需求背景

俄罗斯方块作为童年时期的经典怀旧游戏，该游戏我们更多的是在接机或者是pc端进行的体验，这次我们自己动手实现一次在web端，以及在移动端的俄罗斯方块，想要什么效果那我们自己造。😁😂🤣😃😄😅😆

一、效果预览

在这里插入图片描述

二、技术关键点

2.1 技术栈

  • 项目使用了Vue 2.0的语法规则，并非原生的微信小程序语法！
  • 兼容了uniapp框架的扩展能力！可以借助uniapp技术将vue的语法构建打包成微信小程序语法。

2.2 技术难点

  • (1)方块的移动

俄罗斯方块中最重要的模块莫非在于这个宫格棋盘。在宫格棋盘中要实现模块的运动和变化，其中关键点在于控制某个模块形状在棋盘中的现实状态。

对于棋盘我们使用一个二维数组实现: block[][]
特别对其下落的模块进行形状的预先定义，然后再根据用户操作进行选取：
在这里插入图片描述

  • (2)键盘的控制
    要控制方块的下落和形状，我们得采用键盘对方块进行控制。

这时我们需要采用监听键盘得事件：

	document.addEventListener('keydown', function(e) {
			 
				// console.log("----->当前按键keyCode:" + e.keyCode);
			 
				switch (e.keyCode) {
					case 37:
						that.moveLeft();
						break;
					case 38:
						that.rotateBlock();
						break;
					case 39:
						that.moveRight();
						break;
					case 40:
						that.moveDown();
						break;
				}
			 
			})

三、完整源码

<template>
	<view class="content">
		<view class="title">
			<view>分数：{{score[0]}}</view>
			<view class="blockMinMap">
				<view v-for="(line, i) in blocks[nextBlock[0]][nextBlock[1]]" :key="'minimap-line-'+i" class="line">
					<view v-for="(b, j) in line" :key="'minimap-line-'+i+'-block-'+j" :class="{'block':b=1}"></view>
				</view>
			</view>
			<view>等级：{{parseInt(score[0]/score[1])}}</view>
		</view>
		<view class="gameView" :style="{height:gameViewHeight+'px'}">
			<view v-for="(line, i) in getTrueMap()" :key="'map-line-'+i" class="line">
				<view v-for="(b, j) in line" :key="'map-line-'+i+'-block-'+j" :class="{'block':b>0}"
				 :style="{width:getGameViewBlockSize()+'px', height:getGameViewBlockSize()+'px'}"
				></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				randomIndex:1,
				//地图大小
				mapSize:[18, 10],
				//下降时间:开始，结束，每升一级减少等待时间
				downSpeed: [1500, 200, 100],
				//分数：现在分数，多少分升一级, step
				score: [0, 10, 1],
				//地图
				map: [],
				//7种方块，及其朝向
				blocks: [
					[[[0,1,1],[1,1,0]],[[1,0],[1,1],[0,1]]],
					[[[1,1,0],[0,1,1]],[[0,1],[1,1],[1,0]]],
					[[[1,1,1,1]],[[1],[1],[1],[1]]],
					[[[1,1],[1,1]]],
					[[[0,1,0],[1,1,1]],[[0,1],[1,1],[0,1]],[[1,1,1],[0,1,0]],[[1,0],[1,1],[1,0]]],
					[[[0,0,1],[1,1,1]],[[1,1],[0,1],[0,1]],[[1,1,1],[1,0,0]],[[1,0],[1,0],[1,1]]],
					[[[1,0,0],[1,1,1]],[[0,1],[0,1],[1,1]],[[1,1,1],[0,0,1]],[[1,1],[1,0],[1,0]]],
				],
				//方块开始位置
				startPosition:[0,4],
				//方块现在位置
				blockPosition:[0,0],
				//当前方块限制：方块种类，方块朝向
				nowBlock:[0,0],
				//下一个方块限制: 方块种类，方块朝向
				nextBlock:[0,0],
				//游戏窗口高度:
				gameViewHeight:450,
				//游戏结束
				gameOver:false,
				//游戏循环体
				gameUpdateFunc:null,
			}
		},
		mounted() {
			this.refreshNextBlock()
			this.refreshNextBlock()
		},
		onLoad() {
			this.initGame()
			var that = this
			
			document.addEventListener('keydown', function(e) {
			 
				// console.log("----->当前按键keyCode:" + e.keyCode);
			 
				switch (e.keyCode) {
					case 37:
						that.moveLeft();
						break;
					case 38:
						that.rotateBlock();
						break;
					case 39:
						that.moveRight();
						break;
					case 40:
						that.moveDown();
						break;
				}
			 
			})
			
		},
		methods: {
			initGame(){
				var that = this;
				this.initMap()
				this.score[0] = 0;
				this.refreshNextBlock()
				this.refreshNextBlock()
				this.gameOver = false;
				clearInterval(that.gameUpdateFunc)
				that.gameUpdateFunc = null;
				this.$nextTick(function(){
					that.tryGetGameHeight()
					that.gameUpdate()
				})
			},
			gameUpdate(){
				var that = this;
				
				that.randomIndex = Math.floor(Math.random()*5+1)
										
				
				that.gameOver = false;
				that.gameUpdateFunc = setInterval(()=>{
					
					
					//游戏循环体
					that.moveDown()
								
					
					//更新
					clearInterval(that.gameUpdateFunc)
					//游戏未结束时触发
					if(!that.gameOver){
						that.gameUpdate()
					}
					else{
						uni.showModal({
							showCancel:false,
							confirmText:'再来一局',
							title:'游戏结束',
							content:'最终分数:'+this.score[0],
							success:(res)=>{
								if(res.confirm){
									that.initGame()
								}
							}
						})
					}
				}, Math.max(
					(this.downSpeed[0]-this.downSpeed[2]*parseInt(this.score[0]/this.score[1])), 
					this.downSpeed[1]
				))
			},
			moveDown(){
				//获取底部砖块情况
				if(this.gameOver) return;
				var bottomPosition = []
				var theBlock = this.blocks[this.nowBlock[0]][this.nowBlock[1]]
				for (var i=0;i<theBlock[0].length;i++){
					bottomPosition.push(0)
				}
				for (var i=0;i<theBlock.length;i++){
					for (var j=0;j<theBlock[i].length;j++){
						if(theBlock[i][j] > 0){
							bottomPosition[j] = Math.max(bottomPosition[j], i)
						}
					}
				}
				// console.log(bottomPosition)
				var canMove = true;
				for (var i=0;i<bottomPosition.length;i++){
					if(this.blockPosition[0]+bottomPosition[i]+1 >= this.mapSize[0]){
						canMove = false;
						break;
					}
					else if(this.map[
							this.blockPosition[0]+bottomPosition[i]+1
						][
							this.blockPosition[1]+i
						] > 0){
						canMove = false;
						break;
					}
				}
				if(canMove){
					this.blockPosition[0]+=1;
					this.$forceUpdate()
				}
				else{
					//如果当前Y坐标依旧是0，游戏结束
					if(this.blockPosition[0]<=0){
						this.gameOver = true;
					}
					//触底不能移动, 锁死方块,将方块的值赋予map
					else{
						for (var i=0;i<theBlock.length;i++){
							for (var j=0;j < theBlock[i].length;j++){
								// console.log(this.blockPosition[0]+i, this.blockPosition[1]+j)
								// console.log(this.map.length, this.map[0].length)
								this.map[this.blockPosition[0]+i][this.blockPosition[1]+j] = 
									Math.max(theBlock[i][j], 
										this.map[this.blockPosition[0]+i][this.blockPosition[1]+j]);
							}
						}
						this.$forceUpdate()
						//判断当前是否有无可能消除行
						this.checkMapScore()
						//更新下个方块
						this.refreshNextBlock()
					}
				}
			},
			rotateBlock(){
				if(this.gameOver) return;
				var nextStyle = (this.nowBlock[1]+1) % this.blocks[this.nowBlock[0]].length;
				//判断当前的状态是否存在位置
				var canChange = true;
				var changeBlock = this.blocks[this.nowBlock[0]][nextStyle];
				if(this.blockPosition[1]+changeBlock[0].length > this.mapSize[1]){
					//x超出
					canChange = false;
				}
				else if(this.blockPosition[0]+changeBlock.length > this.mapSize[0]){
					//y超出
					canChange = false;
				}
				else{
					for (var i=0;i<changeBlock.length;i++){
						for (var j=0;j<changeBlock[i].length;j++){
							//旋转后部分和原始map重合
							if (changeBlock[i][j] > 0 && 
								this.map[this.blockPosition[0]+i][this.blockPosition[1]+j] > 0){
									canChange = false;
									break;
								}
						}
					}
				}
				if(canChange){
					this.nowBlock[1] = nextStyle
					this.$forceUpdate()
				}
			},
			moveLeft(){
				//判断是否可以左移
				if(this.gameOver) return;
				var theBlock = this.blocks[this.nowBlock[0]][this.nowBlock[1]];
				var leftPosition = [];
				for (var i=0;i<theBlock.length;i++){
					leftPosition.push(-1)
					for (var j=0;j<theBlock[i].length;j++){
						if(leftPosition[i] === -1 && theBlock[i][j] > 0){
							leftPosition[i] = j;
						}
					}
				}
				// console.log(leftPosition)
				var canMove = true;
				for (var i=0;i<leftPosition.length;i++){
					if (this.blockPosition[1]+leftPosition[i] == 0){
						canMove = false;
						break;
					}
					else if (this.map[
								this.blockPosition[0]+i
							][
								this.blockPosition[1]+leftPosition[i]-1
							] > 0){
						canMove = false;
						break;
					}
				}
				if(canMove){
					this.blockPosition[1] -= 1;
					this.$forceUpdate()
				}
			},
			moveRight(){
				//判断是否可以左移
				if(this.gameOver) return;
				var theBlock = this.blocks[this.nowBlock[0]][this.nowBlock[1]];
				var rightPosition = [];
				for (var i=0;i<theBlock.length;i++){
					rightPosition.push(0)
					for (var j=0;j<theBlock[i].length;j++){
						if(theBlock[i][j] > 0){
							rightPosition[i] = j;
						}
					}
				}
				// console.log(rightPosition)
				var canMove = true;
				for (var i=0;i<rightPosition.length;i++){
					if (this.blockPosition[1]+rightPosition[i]+1 >= this.mapSize[1]){
						canMove = false;
						break;
					}
					else if (this.map[
								this.blockPosition[0]+i
							][
								this.blockPosition[1]+rightPosition[i]+1
							] > 0){
						canMove = false;
						break;
					}
				}
				if(canMove){
					this.blockPosition[1] += 1;
					this.$forceUpdate()
				}
			},
			checkMapScore(){
				var newMap = []
				// 计算score并消去满足的行
				for (var i=0; i < this.map.length; i++){
					var lineSum = 0;
					for(var j=0; j < this.map[i].length;j++){
						lineSum += Math.min(this.map[i][j], 1);
					}
					// console.log(i, lineSum)
					if(lineSum >= this.map[i].length){
						this.score[0] += this.score[2];
					}
					else{
						newMap.push(JSON.parse(JSON.stringify(this.map[i])))
					}
				}
				//补充缺失的行
				while (newMap.length < this.map.length){
					var aline = []
					for (var i=0;i<this.map[0].length;i++) aline.push(0)
					newMap.unshift(aline)
				}
				this.map = newMap;
				this.$forceUpdate();
			},
			initMap(){
				this.map = []
				for (var i=0;i<this.mapSize[0];i++){
					this.map.push([])
					for (var j=0;j<this.mapSize[1];j++){
						this.map[i].push(0)
					}
				}
			},
			tryGetGameHeight(){
				var that = this;
				this.$nextTick(function(){
					that.gameViewHeight = uni.getSystemInfoSync().windowHeight - 170;
				})
			},
			getGameViewBlockSize(){
				var padding = 40
				return Math.min(
					parseInt((this.gameViewHeight-padding)/this.mapSize[0]),
					parseInt((uni.getSystemInfoSync().windowWidth-padding)/this.mapSize[1])
				)
			},
			refreshNextBlock(){
				this.nowBlock = this.nextBlock
				var nextBlock = [
					parseInt(Math.random()*this.blocks.length),
					0
				]
				nextBlock[1] = parseInt(this.blocks[nextBlock[0]].length*Math.random())
				this.nextBlock = nextBlock
				this.blockPosition = JSON.parse(JSON.stringify(this.startPosition));
				// console.log(this.blockPosition)
				this.$forceUpdate()
			},
			getTrueMap(){
				//实际map是原始map+当前方块位置
				if(this.map.length != this.mapSize[0] || this.mapSize[1] != this.map[0].length){
					return this.map;
				}
				var trueMap = JSON.parse(JSON.stringify(this.map))
				var theBlock = this.blocks[this.nowBlock[0]][this.nowBlock[1]]
				// console.log(theBlock)
				for(var i=0; i<theBlock.length; i++){
					for(var j=0; j<theBlock[i].length; j++){
						// console.log(i+this.blockPosition[0], j+this.blockPosition[1])
						trueMap[i+this.blockPosition[0]][j+this.blockPosition[1]] = Math.max(
							theBlock[i][j],
							trueMap[i+this.blockPosition[0]][j+this.blockPosition[1]]
						);
					}
				}
				// console.log(trueMap)
				return trueMap;
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		    background-color: #020000d4;
			    height: 100vh;
	}
	
	.title{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		width: 90%;
		padding: 8% 5px;
		height:58px;
		border: #d9d9d9 solid 5px;
		    color: #fff;
		    border-radius: 10px;
		    font-weight: bold;
			margin-top: 10px;
			background: #3da5c482;
	}
	
	.blockMinMap{
		display: flex;
		flex-direction: column;
		width: 48px;
		height: 48px;
		align-items: center;
		justify-content: center;
	}
	
	.blockMinMap .line, .gameView .line{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	.blockMinMap .line view{
		width: 12px;
		height: 12px;
	}
	
	.gameView .line view{
		border: 1px solid #e6e6e6;
		width: 40upx;
		height: 40upx;
	}
	
	.blockMinMap .line .block{
		border: 1px solid #333333;
		width: 10px;
		height: 10px;
	}
	
	.gameView .line .block{
		border: 1px solid #333333;
		background-color: #4CD964;
		/* width: 40upx;
		height: 40upx; */
	}
	
	
	
	.block1{
		border: 1px solid #333333;
		background-color: #4CD964;
		/* width: 40upx;
		height: 40upx; */
	}
	
	.block2{
		border: 1px solid #333333;
		background-color: #0055ff;
	}
	 .block3{
		border: 1px solid #333333;
		background-color: #ff007f;
	}
	.block4{
		border: 1px solid #333333;
		background-color: #ffaa00;
	}
	.block5{
		border: 1px solid #333333;
		background-color: #ff55ff;
	}
	
	
	
	.gameView{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.buttonView{
		width: 90%;
		padding: 5% 5px;
		border-top: #C0C0C0 solid 1px;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.buttonView view{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 30%;
		border: #555555 solid 1px;
		border-radius: 10px;
		height: 30px;
		background-color: #FFFFFF;
	}
	
	.buttonView view:active{
		background-color: #C0C0C0;
	}
</style>
陶人超有料
关注
  • 2
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
今天给大家分享一个俄罗斯方块小游戏，话不多说上代码：
m0_61862016的博客
10-31 597
#include<stdio.h> #include<time.h> #include<conio.h>//kbhit #include<stdlib.h>//rand,srand #include<windows.h> #define wide 15 #define hight 18 #define period 500 typedef struct point { int h; int w; }point; /* 1 ■■■■ .
基于java的俄罗斯方块小游戏设计(含源文件)
【完整】
03-04 4518
欢迎添加微信互相交流学习哦！ 项目源码：https://gitee.com/oklongmm/biye 题 目 小游戏开发 摘 要 俄罗斯方块是我们最常见的游戏之一，该游戏出现过在掌上游戏机、家用游戏机、手机游戏和电脑游戏中，因此俄罗斯方块也是一个十分经典的游戏。我们可以在网上下载到各式各样的俄罗斯方块游戏，也可以在各个游戏大厅中见到网络对战形式的俄罗斯方块。一般的俄罗斯方块规则比较简单，游戏中随机出现一些方块，再对这些方块进行变换，下降到游戏界面中的不同位置，如...
俄罗斯方块小游戏直接运行版
09-18
这是编译过的C++小程序，功能齐全，根据得分动态调整游戏难度，一次性消去多行得分有加权，游戏进度可保存，速度可人工调节，占用CPU资源小。 可以直接下载来玩，学习C++的同学看了效果如果感觉满意还可以下载源代码。 windows10环境运行可能报告缺运行库文件，打包一并上传，放在同一目录运行即可。
使用uniapp开发实现开心消消乐游戏并发布到微信小程序
qq_37057426的博客
05-22 1294
下面是在onLoad方法里通过随机数方法selectFrom实现初步9*9的动物onLoad() {// 生成动物，第几列第几行i < 9;j++) {col.push({i: i,j: j,})// 判断是否有三个的，有的话重新生成},其中可能会有几率生成三个一行或一列的动物，这时候就要下面的方法进行判断并替换// 将生成的动物列表判断上下左右是否是三个i < 9;j++) {},
【俄罗斯方块】单机游戏-微信小程序项目开发入门
TA远方
12-22 4944
这是一个仿俄罗斯方块小游戏的微信小程序，只需要写一小段代码就实现出来了，有兴趣的同学完全可以自己动手开发，来看看实现过程是怎样的呢，边写边做，一起来回忆小时候玩过的经典俄罗斯方块游戏吧。
自己动手实现俄罗斯方块
helloworlddm的博客
02-10 1472
俄罗斯方块 记得很小的时候，从邻居家的小朋友那里拿到一个游戏机(按现在的眼光已经算不上游戏机了)，开始了人生中第一个电子游戏-俄罗斯方块，我不知道多少人是从那古老的游戏机而知道俄罗斯方块的，但俄罗斯方块的大名想必都听说过。 一个小小的俄罗斯方块就就能为我们增加无限的乐趣。当然了，如果能自己开发出来，岂不是很有成就感。 UI 最近在写Frida可视化相关的项目。在选择UI框架的时候使用了PythonQt5。本文通过编写俄罗斯方块来熟悉PythonQt5的基本操作。 为什么选择PythonQt5? 跨平台。这
【项目精选】俄罗斯方块项目（视频+论文+源码）
大壮
03-10 2046
由四个小型正方形组成7中不同的规则图形（田字形，Z字形，反Z字形，7字形，反7字形，T字形，长条形）通过玩家操作上键以90度，180度，270度，360度旋转方块一共有28种图形方案，通过左键右键左右移动，下键加速下落调整位置，是方块在屏幕底部拼出完整的一条或几条，然后消除，给新落下的方块腾出位置，每消除一条完整横条，玩家等级提高一级，当等级提高到一定等级时刚快下落速度加快，一旦没被消除的方块到达屏幕顶端，游戏结束。设计包括程序设计语言，数据库，算法，软件开发工具，系统平台，设计模式等很多方面；
基于Java的俄罗斯方块游戏的设计与实现(含源文件)
热门推荐
【完整】
03-07 1万+
欢迎添加微信互相交流学习哦！ 项目源码：https://gitee.com/oklongmm/biye 基于Java的俄罗斯方块游戏的设计与实现 摘 要 俄罗斯方块是一款风靡全球，从一开始到现在都一直经久不衰的电脑、手机、掌上游戏机产品，是一款游戏规则简单，但又不缺乏乐趣的简单经典小游戏，上手容易，适用范围广泛，人所共知。俄罗斯方块游戏简单的基本规则是有小方块组成的7种不同的规则图形陆续从屏幕上落下，玩家操作移动使其下落拼出一条完整的横条，随即会消失，玩家得分，游戏等级提高，当没有被消除的...
俄罗斯方块编程代码实现,俄罗斯方块游戏源代码
小发猫
01-23 1098
恭喜你，现在已经有了一个简单的俄罗斯方块小游戏的雏形！当然，这只是一个起点，你可以根据自己的想法，加入更多有趣的功能，如音效、特效、更多的骨牌形状等。通过不断地实践和创新，你会发现编程其实是一件非常有趣的事！希望这篇文章能够启发你，帮助你入门游戏开发。如果你对此感兴趣，不妨动手试试，相信你也能做出一个属于自己的俄罗斯方块游戏！Python 的迅速崛起对整个行业来说都是极其有利的，但“人红是非多”，导致它平添了许许多多的批评，不过依旧挡不住它火爆的发展势头。
小游戏开发：使用 React 和 Redux Tool Kit 实现俄罗斯方块
u012384510的博客
03-15 319
大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以点此扫码加我微信lxchuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。欢迎星标我的公众号~不错过推文~俄罗斯方块是一款经典小游戏。通过从零开发一款小游戏，我们可以更好地了解开...
俄罗斯方块游戏-微信小程序-项目源码
12-22
这是一个微信小程序项目源码，是经典怀旧的俄罗斯方块游戏，适合新手入门参考学习。 相关指导教程请看作者发表的文章https://blog.csdn.net/zs1028/article/details/128383343
一键直接跳转到微信小程序|单页源码
04-18
可实现点击链接跳转到微信小程序，目前支持短信、邮件、百度、知乎、抖音、快手、QQ、微信、B站、今日头条、浏览器、自己开发的APP以及几乎所有的APP。 请勿商业运营,违法使用和传播!仅供研究学习使用!
俄罗斯方块-微信小游戏-项目源码
05-11
这是一个微信小游戏项目源码，是经典怀旧的俄罗斯方块游戏，适合新手入门参考学习，下面还有↓ 使用微信开发工具选择小游戏导入即可打开，可编译运行，请放心下载， 相关指导教程请看作者发表的以下文章： ① 微信...
微信小程序经典俄罗斯方块
06-11
小程序宿主环境和 Web 不大一样，所以就没有 window 或者 document 这类元素啦，代码中我将相关的代码做了改写，同时原逻辑中兼容 PC 端的内容我也做了删减； 原项目中使用了 shouldComponentUpdate 做组件优化，每...
知乎python小项目_python进阶知乎
weixin_39814126的博客
11-24 270
广告关闭腾讯云11.11云上盛惠 ，精选热门产品助力上云，云服务器首年88元起，买的越多返的越多，最高返5000元！不少同学都是通过知乎发现了我们编程教室，我自己也经常会通过知乎去寻求一些专业知识的解答和参考。 之前，为了让大家能更好地挖掘知乎上有价值的信息，我们做了一个索引，把编程入门相关的一些问答和文章做了整理：在知乎上学 python - 入门篇文中曾立下flag说之后会整理爬虫、数据分析、...
微信小程序安装vant组件库和使用
qq_61132537的博客
07-23 711
van-button type="primary">主要按钮</van-button>
【计算机毕业设计】基于微信小程序的传染病防控宣传系统【源码+lw+部署文档】
最新发布
07-23 979
目录第一章 绪论1.1 研究背景1.2 研究意义1.3 研究内容第二章 开发环境与技术2.1 JSP技术2.2 MySQL数据库 2.3 Java语言2.4 微信开发者工具第三章 系统分析3.1可行性分析3.1.1运行可行性分析3.1.2经济可行性分析3.1.3技术可行性分析3.2系统流程分析3.3 系统性能分析3.3.1系统安全性3.3.2系统可扩展性3.3.3系统易维护性3.4系统功能分析第四章 系统设计4.1布局设计原则4.2功能模块设计4.3数据库设计4.3.1数据库E-R图4.3.2 数据库表结构
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陶人超有料

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值