[置顶] ajax实时任务提示功能的实现 -- vb2005xu自己动手系列(1)

最新推荐文章于 2021-09-09 12:12:19 发布
最新推荐文章于 2021-09-09 12:12:19 发布
阅读量199 收藏
点赞数
分类专栏： Ajax php fckeditor json DAO
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vb2005xu/article/details/52539660
版权
php 同时被 3 个专栏收录
158 篇文章 0 订阅
订阅专栏
Ajax
17 篇文章 0 订阅
订阅专栏
json
11 篇文章 0 订阅
订阅专栏

本项目运用了 FLEAPHP,MYSQL,SMARTY,FCKEDItor,JSON,PROTOTYPE的技术,在这里首先要感谢这些开源项目的开发者给我们带来的好东西,其次要感谢[生气猪--让我帮她做一个这样的小东西来提醒她按时完成事情].花了一个3个小时完成.希望给大家起到抛砖引玉的作用啊....

[本帖代码均为本人原创,转帖请注明引用来路,谢谢合作,积分太低啊,想加些.(*^__^*) 嘻嘻……]

 

项目代码结构见 我之前写的[EXT/FCKEditor 集成 -- AJAX UI -- 一种web开发的新的思维,要及时转换思想]一文.

中的

├─taskofpig
│  ├─Controller
│  ├─Dao
│  ├─js
│  ├─music
│  ├─tpl
│  ├─tpl_c
│  └─_log

项目代码如下:

db.sql

SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for task
-- ----------------------------
CREATE TABLE `task` (
  `id` int(11) NOT NULL,
  `title` varchar(100) collate utf8_unicode_ci NOT NULL,
  `desc` text collate utf8_unicode_ci,
  `date` datetime NOT NULL,
  `created` int(11) default NULL,
  `updated` int(11) default NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

-- ----------------------------
-- Table structure for task_seq
-- ----------------------------
CREATE TABLE `task_seq` (
  `id` int(11) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

 

/ucren/taskofpig/index.php

 

<?php
//设置正确的时区
date_default_timezone_set("Asia/Shanghai");

define('TASKOFPIG_DIR',dirname(__FILE__)) ;
require('../phplibs/FLEA/FLEA.php');

// 对$GLOBALS[G_FLEA_VAR]['CLASS_PATH'] 进行配置
FLEA::import(TASKOFPIG_DIR); //将当前目录加入到环境变量中

FLEA::loadAppInf('appConfig.php') ; //将配置文件单独分出来,容易维护

FLEA::init();
// 由于 FLEA_Db_TableDataGateway 并不是自动载入的，因此需要明确载入
FLEA::loadClass('FLEA_Db_TableDataGateway');

FLEA::runMVC(); 
?>

 

/ucren/taskofpig/appConfig.php

<?php
// 对 $GLOBALS[G_FLEA_VAR]['APP_INF'] 进行配置
return array(
 'dispatcher' => 'FLEA_Dispatcher_Simple' , //定制调度器 FLEA_Dispatcher_Auth
 'controllerAccessor' => 'ctl' ,
 'actionAccessor' => 'act' ,

    'view' => 'FLEA_View_Smarty', //定制视图
    'viewConfig' => array(
        'smartyDir'         => '../phplibs/Smarty',
        'template_dir'      => './tpl',
        'compile_dir'       => './tpl_c',
        'left_delimiter'    => '<%',
        'right_delimiter'   => '%>',
  'debugging'   => false
    ),
   
    'dbDSN' =>  array( //定制数据库连接参数
     'driver'        => 'mysql',
        'host'          => 'localhost',
        'login'         => 'dbuser',
        'password'      => 'dbpass',
        'database'      => 'dbname' ,
  'charset '  => 'utf8'
 ) ,
 
 'logFileDir' => './log' , //定制日志
 'logFilename' => 'task_admin.log'
 
);
?>

 

/ucren/taskofpig/Dao/Table.php

<?php
//生气猪的任务计划表
class Dao_TaskTable extends FLEA_Db_TableDataGateway
{
 // 指定数据表名称
    var $tableName = 'task';
    // 指定主键字段名
    var $primaryKey = 'id';
}

?>

 

/ucren/taskofpig/Controller/Default.php

<?php
FLEA::loadFile('Dao_Table.php',true) ;
FLEA::loadFile('FLEA_Ajax_JSON.php',true) ;
class Controller_Default extends FLEA_Controller_Action
{
 var $smarty ;
 function Controller_Default()
 {
  $this->smarty = $this->_getView(); 
  $this->smarty->assign('sitename','任务计划表 -- 生气猪') ;
  $this->smarty->assign('opname','任务列表') ;//缺省应该在子模块中更改值
 }
    function actionIndex()
    {     
  $this->toModulePage(); //缺省显示任务列表页
    }
  //定义一个函数用于调用FCKeditor
    function call_fck($input_name,$input_value,$w='800',$h='400')
    {
     include_once '../fckeditor/fckeditor.php';
  $fcked = new FCKeditor($input_name) ;
     $fcked->BasePath = '../fckeditor/';
  $fcked->ToolbarSet = 'Default' ; //工具栏设置
  $fcked->InstanceName = $input_name ;
  $fcked->Width = $w;
  $fcked->Height = $h;
  $fcked->Value = $input_value;
  
  $fck_area = $fcked->CreateHtml();  
  $this->smarty->assign('fck_area',$fck_area);
  unset($fck_area) ;
  unset($fcked) ;
    }
   
    function _showPage($tpl='taskofpig.main.html')
 {
  $this->smarty->display($tpl);
 }
 
 function actionAdd()
 {
  $this->addTask();
 }
 function actionUpdate()
 {
  $this->updateTask();
 }
 
 function deleteTask($id){
     $row = array('id'=>$id);
     $thisDao = & new Dao_TaskTable() ;
     $status = $thisDao->remove($row); //返回boolean值
     unset($thisDao);
     return $status ;
    }
 function listTask()
    {
     $thisDao = & new Dao_TaskTable() ;
     $rows = $thisDao->findAll(); //二维数组
     foreach($rows as &$row) //注意这里要传引用
     {
      $row['desc'] = mb_substr($row['desc'],0,40,'UTF-8'); 
     }
     $this->smarty->assign('rowSet',$rows);
     $this->_showPage();
    }   

    function addTask()
    {
     $thisDao = & new Dao_TaskTable() ;
     $row = array(
      'title' => $_REQUEST['title'],
      'desc' => $_REQUEST['desc'],
      'date' => $_REQUEST['date']
     );
     $commitId = $thisDao->create($row);
     unset($thisDao);
     echo "成功添加新任务";
     redirect( url("Default"),1) ;
    }
    function updateTask()
    {
     $thisDao = & new Dao_TaskTable() ;
     $row = array(
      'id' => $_REQUEST['id'],
      'title' => $_REQUEST['title'],
      'desc' => $_REQUEST['desc'],
      'date' => $_REQUEST['date']
  );
  $commitId = $thisDao->update($row);
     unset($thisDao);

     echo "成功更新任务";
     redirect( url("Default"),1) ; 
    }
 function queryTask($id){     
     $thisDao = & new Dao_TaskTable() ;     
     $row = $thisDao->find(array('id'=>$id));      
     unset($thisDao);
     return $row ;
    }
   
    function queryTaskForDate($date=null)
    {
     $thisDao = & new Dao_TaskTable() ; //'2008-08-17 07:42:29'
     $row = $thisDao->find(array('date'=>date('Y-m-d H:i:s')));      
     unset($thisDao);
     
     if (!empty($row))
     {      
      $jsonobj = new Services_JSON();
      echo $jsonobj->encode($row);
     }
     else
      die(date('Y-m-d H:i:s'));
    }
    //任务流转控制方法
 function toModulePage()
    {    
     if ($_REQUEST['op'] == 'search') {
      $this->queryTaskForDate();      
     }
     else if ($_REQUEST['op'] == 'add') {
      $this->smarty->assign('opname','添加新任务') ;
      $this->smarty->assign('taskTime',date('Y-m-d H:i:s')) ;
   $this->call_fck('desc','');
      $this->_showPage('taskofpig.add.html');
     }
     else if ($_REQUEST['op'] == 'del') {
      if ( isset($_REQUEST['id']) && is_numeric($_REQUEST['id']) )
       $status = $this->deleteTask($_REQUEST['id']) ;
      $this->listTask();
     }
     else if ($_REQUEST['op'] == 'edit') {
      if ( isset($_REQUEST['id']) && is_numeric($_REQUEST['id']) ){
       $row = $this->queryTask($_REQUEST['id']) ;
      } 
       $this->call_fck('desc',$row['desc']);
      unset($row['desc']) ;
      $this->smarty->assign('rowSet',$row);
      $this->smarty->assign('opname','修改任务') ;
      $this->_showPage('taskofpig.edit.html');
     }
     else { //列表
      $this->listTask();
     } 
    }
}

?>

 

/ucren/taskofpig/tpl/taskofpig.main.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><%$sitename%> -- <%$opname%></title>
<script type="text/javascript" src="/ucren/prototype/prototype.js"></script>
<script type="text/javascript" src="/ucren/json/json_parse.js"></script>
<script type="text/javascript" src="js/tasktip.js"></script>
</head>
<body>
<bgsound>
<div>
 <span id='task_attime'></span>
</div>
<hr>
<p>
 <span onClick="document.location='index.php?op=add'">添加</span> |
 <span onClick="document.location='index.php?op=search'">查看任务提示</span> |
</p>
<hr>

<hr>
<table width="90%" border="1" cellspacing="1" bgcolor="#cfdadc">
 <tr bgcolor="#e8edec" align="center">
  <td><b>ID</b></td>
  <td><b>主题</b></td>
  <td><b>任务内容</b></td>
  <td><b>任务提示时间</b></td>
  <td colspan="2"><b>管理</b></td>
 </tr>
 <%section name=rowIndex loop=$rowSet%>
 <tr align="center">  
  <td><%$rowSet[rowIndex].id%></td>
  <td><%$rowSet[rowIndex].title%></td>
  <td><%$rowSet[rowIndex].desc%></td>
  <td><%$rowSet[rowIndex].date%></td>
  <td onClick="document.location='index.php?op=edit&id=<%$rowSet[rowIndex].id%>'"><b>编辑</b></td>
  <td onClick="document.location='index.php?op=del&id=<%$rowSet[rowIndex].id%>'"><b>删除</b></td> 
 </tr>
 <%/section%>
</table>

</body>
</html>

 

/ucren/taskofpig/tpl/taskofpig.edit.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><%$sitename%> -- <%$opname%></title>
</head>

<body bgcolor="e8edec">

<div align="center">
<form method="post" action="index.php?&act=update&id=<%$rowSet.id%>">
 <table width="80%" border="1" cellspacing="1" bgcolor="#cfdadc">
      <tr bgcolor="e8edec">
        <td>任务标题: <input name="title" type="text" size="80" value="<%$rowSet.title%>"></td>       
      </tr>
      <tr bgcolor="e8edec">
        <td>提示时间: <input name="date" type="text" size="40" value="<%$rowSet.date%>"></td>       
      </tr>

      <tr bgcolor="e8edec">
        <td class="forumRow">任务内容<%$fck_area%></td>
      </tr>
     </table> 
   <input type="submit" value="提交"> &nbsp;&nbsp;&nbsp;          
  <input type="button" value="返回" οnclick="document.location='index.php'">       
</form>
</div>
</body>
</html>

/ucren/taskofpig/tpl/taskofpig.add.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><%$sitename%> -- <%$opname%></title>
</head>
<body bgcolor="e8edec">

<div align="center">
<form method="post" action="index.php?&act=add">
 <table width="80%" border="1" cellspacing="1" bgcolor="#cfdadc">
      <tr bgcolor="e8edec">
        <td>任务标题: <input name="title" type="text" size="80" ></td>       
      </tr>
      <tr bgcolor="e8edec">
        <td>提示时间: <input name="date" type="text" size="40" value="<%$taskTime%>"></td>       
      </tr>

      <tr bgcolor="e8edec">
        <td class="forumRow">任务内容<%$fck_area%></td>
      </tr>
     </table> 
  <input type="submit" name="Submit" value="提交"> &nbsp;&nbsp;&nbsp;          
  <input type="reset" name="Submit3" value="重设">
</form>
</div>
</body>
</html>

 

/ucren/taskofpig/js/tasktip.js

//任务提示脚本实现,依赖于/ucren/prototype/prototype.js
var TaskTipAjax = function (){
 this.desc = '按一定的时间间隔查询数据库中到期的事件信息,并给出提示[打开新窗口,播放一段音乐]' ;
}

//通过Ajax按时查询和提示
TaskTipAjax.prototype.doAction = function(obj)
{
 var myAjax = new Ajax.Request(
  'index.php?op=search' ,
  {
   method: 'get' ,asynchronous: true ,
   onComplete: obj.showResponse
  }
 ) ;
}
TaskTipAjax.prototype.showResponse = function (response)
{
 if (response.responseText != '')
 {
  //此方法在/ucren/json/json_parse.js中定义
  //task_obj是一个对象
  //task_obj.id task_obj.title task_obj.desc task_obj.date
  var task_obj = json_parse(response.responseText);
  
  var newwin=window.open('','任务报时器','height=200, width=600,toolbar=0,menubar=0,location=0, status=0');
     newwin.opener = null // 防止代码对论谈页面修改
     //防止页面内容重复
     if( typeof(newwin.document.body) != "undefined")
        newwin.document.body.innerHTML = "";   
     newwin.document.write("<html><body><bgsound src='music/moonlight.mp3' autostart=true loop=infinite>");
     newwin.document.write('<h1>任务报时器</h1><br/>');

     newwin.document.write('<table border="1">');
    
     newwin.document.write('<tr>');
     newwin.document.write('<td width="33" bgcolor="#E8E8E8">ID</td>');
     newwin.document.write('<td width="33" bgcolor="#E8E8E8">标题</td>');
     newwin.document.write('<td width="33" bgcolor="#E8E8E8">描述</td>');
     newwin.document.write('<td width="33" bgcolor="#E8E8E8">时间</td>');    
     newwin.document.write('</tr>');
    
     newwin.document.write('<tr>');
     newwin.document.write('<td>'+ task_obj.id +'</td>');
     newwin.document.write('<td>'+ task_obj.title +'</td>');
     newwin.document.write('<td>'+ task_obj.desc +'</td>');
     newwin.document.write('<td>'+ task_obj.date +'</td>');    
     newwin.document.write('</tr>');    
    
     newwin.document.write('</table>');
    
     newwin.document.write("</body></html>");
     //置顶
     newwin.focus();
    
 }
}
 
var obj = new TaskTipAjax();
setInterval("obj.doAction(obj)",1000) ;

 

/ucren/taskofpig/music/moonlight.mp3

这个音乐 可以自己改

 

上面的代码熟悉JAVA的应该都可以看懂,这里只是要阐述一个简单的设计方案,希望大家予以增加扩展功能,谢谢,发我邮件,或者留言.

 

我觉得软件开发最重要的是开发思路,至于用什么语言实现倒是其次了,(*^__^*) 嘻嘻…… 

 

  • img.rar (216.8 KB)
  • 描述: 程序截图
  • 下载次数: 75
许一沐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端实时搜索实现（input框边输入边查询）
mu66mu的博客
05-25 8304
实现效果 使用ajax提交数据。 代码如下 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Autocomplete - Default functionality&
ajax和mysql实时读取数据库_ajax 动态获取数据库中的值
weixin_36219745的博客
01-19 728
功能简介： 在一个输入框中输入内容 ，当内容长度>1时向后发送ajax 从数据库中获取有关文本框中的内容在前台显示， 前台设计一些点击事件，以及jquery的应用注意：request.getParameter("postData").trim() 放在判断之前可能会空指针异常 如果前面的为null null.trim() 就会报错如果没带参数直接访问也会报空指针的错误1 使用了s...
AJAX (实时查询/即时查询) LIVE SEARCH
qq_45902743的博客
09-09 796
AJAX (实时查询/即时查询) LIVE SEARCH 实时查询按我的理解就是在输入框里输入一个字符 整个页面都会跟着变 先上几个效果图吧 Mysql数据库信息 输入前 输入后 这个功能我是用ajax实现的 前端 <body> <p> <div> <form action="${pageContext.request.contextPath}/excel.do" method="get" enctype="appl
ajax实时任务提示功能的实现 -- vb2005xu自己动手系列(1)
过客阵营 -- 简单的就要最简单
08-18 96
本项目运用了 FLEAPHP,MYSQL,SMARTY,FCKEDItor,JSON,PROTOTYPE的技术,在这里首先要感谢这些开源项目的开发者给我们带来的好东西,其次要感谢[生气猪--让我帮她做一个这样的小东西来提醒她按时完成事情].花了一个3个小时完成.希望给大家起到抛砖引玉的作用啊.... [本帖代码均为本人原创,转帖请注明引用来路,谢谢合作,积分太低啊,想加些.(*^__^*) 嘻嘻...
Vb 窗口置顶功能一例含源码.rar
07-10
Vb6.0窗口设计实例： 窗口置顶功能一例含源码，顶层窗口，将本窗口显示在其它程序窗口的最顶层，始终放在最前面显示，不被其它的窗口所遮挡，比如播放器的播放窗口，在播放视频的时候，始终保持在最顶层，不会被其它...
VB API实现窗体始终置顶功能
08-25
在VB（Visual Basic）编程中，API（Application Programming Interface）函数是Windows操作系统提供的一系列预定义函数，开发者可以通过调用这些函数来实现更底层的功能，比如控制窗口的行为。本篇文章将详细探讨...
详解关于React-Router4.0跳转不置顶解决方案
10-17
这两个解决方案都能有效地解决React-Router 4.0跳转时不置顶的问题，你可以根据项目的实际需求选择适合的方案。在开发过程中，确保理解每个方案的工作原理，以便更好地维护和优化你的代码。同时，保持对React-Router...
php实现文章置顶功能的方法
10-21
这里的 `istop` 函数是一个JavaScript函数，通过AJAX调用后端接口实现文章的置顶或取消置顶操作： ```javascript function istop(id, flag) { $.ajax({ type: "POST", url: "?m={{'article'|encrypt}}&a=...
Yii实现文章列表置顶功能示例
10-21
在Yii中实现文章列表的置顶功能，主要是为了将特定的文章置于列表的最前端，使其更加突出。这个功能通常用于重要或者热门文章的展示。以下是如何在Yii框架下实现这一功能的详细步骤： 1. **模型层(Model)**: - `...
使用 React 和 Redux 进行井字游戏并附带源代码.zip
07-24
项目：使用 React 和 Redux 进行井字游戏并附带源代码 使用 react 和 redux 的井字游戏是一个简单的 react 项目。整个项目都是使用 react components 和redux制作的。游戏很简单，玩法也很多。要运行此项目，您必须先安装 NodeJS。 关于项目 井字游戏反应而 redux 是使用ReactJS开发的。说到这个游戏，它具有高级功能和游戏玩法。要运行此项目，首先，您必须安装费用到您的系统。然后运行npm安装然后开始运行npm开始。游戏启动后，您可以选择不同的游戏选项。您还可以选择所需的网格框数量。此外，您还可以选择对手的类型。 要运行此项目，您需要 在计算机上安装NodeJS 并使用现代浏览器，例如 Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
使用 JavaScript 编写的专注力游戏（附源代码）.zip
07-24
项目：JavaScript 中的专注力游戏（附源代码） 专注力游戏是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这款游戏很有趣。玩家必须点击移动的框并获得分数。要点击正确的位置，玩家需要在这个游戏中集中注意力。这款游戏可以帮助玩家练习以进一步增强他们的专注力。 游戏制作 这个游戏项目仅使用 HTML、CSS 和 JavaScript。说到这个游戏的特点，用户必须单击移动框并得分。游戏有三种模式：简单、中等和困难。游戏的 PC 控制非常简单。您只需使用光标单击移动框的碎片即可。 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要玩游戏，首先，单击 index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
人脸识别方案资料61EDA-C1590.zip
07-24
人脸识别方案资料61EDA_C1590.zip
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明）
07-24
316、基于DK124设计的离线式开关电源设计12V 2A（原理图、PCB图、BOM表、设计说明） 该设计为DK124控制的开关电源，实现12V 2A输出； 功能： 1、使用DK124核心控制； 2、反激式开关电源拓扑设计； 3、实现12V 2A输出； 4、市电输入； 5、整流、滤波、变压器等电路； 6、原理图、PCB图、BOM表、设计说明；
基于Springboot和Vue的生鲜超市管理的设计与实现源码 生鲜超市管理的设计与实现代码（优秀毕业设计）
07-24
生鲜超市管理的设计与实现源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
使用 ReactJs 编写的简单旅行计划器（附源代码）.zip
07-24
项目：使用 ReactJS 编写的简单旅行计划器（附源代码） ReactJs 中的简单旅行计划器是一个简单的 JavaScript 项目。该项目是 ReactJS 中待办应用程序的一个简单示例。 关于项目 Simple Trip Planner In Reactjs 是使用ReactJS开发的。这个项目很容易做一种应用程序。这个项目使用 React 库来完成任务。为了运行这个项目，你必须在系统中安装 NodeJs。当你运行这个项目时，你的应用程序从主页开始。从那里你可以导航到菜单。你只能将计划添加到你的书中。你还可以对旅行进行分类。你所要做的就是输入日期和地点，然后选择你想要的旅行计划类型。 要运行此项目，您需要 在计算机上安装ReactJS和 NodeJs，并使用现代浏览器，例如Google Chrome、  Mozilla Firefox。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
俄罗斯方块的python代码
07-24
这段Python代码实现了一个简单的俄罗斯方块游戏，使用Pygame库处理图形和用户输入。游戏初始化Pygame库并设置屏幕大小为800x600像素，定义不同颜色和形状的方块。游戏由一个`Tetris`类管理，负责游戏状态和逻辑操作，每个方块由一个`Block`类表示，包含其形状、颜色、位置等信息。 在主循环中，游戏通过事件处理机制响应用户的键盘输入，箭头键用于移动和旋转方块，空格键用于快速下落。游戏会检测方块是否与已有的方块或边界发生碰撞，如发生碰撞，当前方块会固定在场地上并生成新方块。填满的行会被清除，玩家获得相应分数。 游戏通过一个二维数组维护场地状态，每个元素表示一个单元格是否被占据，通过检查和清除单元格实现行消除。整个游戏不断刷新屏幕更新显示，确保流畅运行，绘制背景、方块和边框，使界面美观易理解。 总体而言，这段代码展示了如何使用Pygame库实现经典俄罗斯方块游戏，包括图形绘制、用户输入处理和基本游戏逻辑，让玩家通过移动和旋转方块消除行并获得高分。
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
07-24
绿色金融：“双碳”经济时代，银行业务增长新引擎-埃森哲(
基于Springboot和Vue的结合疫情情况的婚恋系统源码 结合疫情情况的婚恋系统代码（高分毕设）
最新发布
07-24
结合疫情情况的婚恋系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
scroll-view组件，js实现置顶
06-08
你可以使用scroll-view组件的scrollTop属性来实现置顶操作。具体实现步骤如下： 1. 获取scroll-view组件的实例对象。 2. 调用实例对象的scrollTo方法，将scrollTop属性设置为0，即可实现置顶操作。 以下是示例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值