手记账极速版 (html + php) 告别后端和数据库 附完整代码

6 篇文章 0 订阅

 手账极速版旨在于让不想自己搭建后端和数据库的兄弟们有一个快捷的 html+php 并且能永久保存数据的小工具 底部有一个试用链接

 

虽然看起来很简单,但是真的要实现不用数据库只用前端还是花了一点时间的,并且有JS一些功能只有微软的浏览器可以使用,但是最终还是实现了

具体实现:

废话不多说,都有注释,直接上代码,复制过去,不需要任何部署,直接开始使用

一共是两个文件:

index.php

<!DOCTYPE html>
<html lang="en">
<base target="_blank">
<head>
    <title>长歌手账极速版</title>
</head>

<body class="theme-invert">
<!-- Main (Home) section -->
<section class="section" id="head">
    <?php
		//长歌手账极速版 下面这一段都是用来创建和读取dat里面的数据的
		$CounterFile = "counter.dat";
		if(!file_exists($CounterFile)){		//初始化
			$counter = 0;					
			$cf = fopen($CounterFile,"w");	//打开文件
			fputs($cf,'0');					//初始化计数器
			fclose($cf);					//关闭文件
		}
		else{										//取回当前计数器的值
			$cf = fopen($CounterFile,"r");
			$counter = trim(fgets($cf,9));
			fclose($cf);
		}
		$cf = fopen($CounterFile,"w");				//写入新的数据
		fputs($cf,$counter);
		fclose($cf);
	    $String="\r\n";
					//计数器加一
	?>
    //花钱提示
    <div id="dd" align="center">
        <span>您已经花了</span>
        <span>
			<?php
			 echo $counter;		
			?>
            这么多钱啦!</span>
    </div>
    //交钱提示按钮
    <iframe name="formSubmit" style="display:none;"></iframe>
    <form class="form-inline" target="formSubmit" method="post">
        <input id="input" type="text" placeholder="交钱了!" name="chishi"></input>
        <input onclick="mymethon(<?php
			 echo $counter;						
			?>)" name="button1" type="submit" id="input1"></input>
    </form>

//这一段其实没什么用,但是舍不得删除
    <script type="text/javascript">
        var a = <?php
        echo
        $counter;
            ?
        >
        ;

        function mymethon(hah) {
            a = parseInt(a) + parseInt(document.getElementById("input").value);
            alert(a);
        }

    </script>
</body>
//写入你花的钱
<?php
    if (array_key_exists('button1',$_POST)){
		//长歌手账极速版
        $datt = $_POST["chishi"];
    		$CounterFile = "counter.dat";	
    		$cf = fopen($CounterFile,"w");	
    		fputs($cf,(String)((float)$counter+(float)$datt));
    		fclose($cf);
    }
	?>
</html>

和counter.dat

直接同个目录下创建文件然后输入0就好了,非常的方便

所有文件: 

 

 试用链接:

这只是最基础的功能,也是最核心的,已经实现了,剩下的改造也是会简单很多

↓点击跳转

长歌手账极速版 试用链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值