Meteor

[分享]情人节自动生成表白程序

2014-08-26 / Meteor / 互联网文 / 情人节 , 程序 / 12664 次围观 / 4 条评论

今天浏览别人的网站,无意中通过一个友情链接打开了此款表白程序,开始不知所措,还有背景音乐,没搞懂是干嘛的,到后来随便点击了保存修改后提示自定义表白页面生成了,这时才知道干啥的。经过度娘搜索发现此款表白程序模版由jianghongfei.com.cn原创,麦葱(www.yuxiaoxi.com)做二次开发。
lovebiaobai.jpg

程序运行原理

给页面文字添加span标签,设置id="text-xx"唯一属性,使用contenteditable="true",开启该元素的编辑模式,用jQuery属性.click()判断点击,用.text()返回此元素的文本内容,并用正则进行判断内容是否合法,然后通过AJAX POST给php处理,php对传入的参数进行过滤,然后读取模版文件,替换模版文件对应内容,保存为新文件并记录操作,最后返回数据给前端,前端处理数据并更新页面。

模版文件

/2014
/css
/css/all.min.css
/fonts
/fonts/RuiHeiXiTi.otf
/img
/img/.jpg
/img/
.gif
/js
/js/all.min.js
/js/audio.min.js
/js/brav1toolbox.js
/js/flowtime.js
/js/love.min.js
/js/love.src.js
/music
/music/saveme.mp3
/music/lovebgm.mp3
index.php
love.php
loveNote.txt
loveTpl.html

模版说明

/2014 用于存放生成的静态页面,若更改,请同时修改love.php和index.php里的路径
/js/love.min.js 字段获取js压缩文件 /js/love.src.js 是未压缩的
love.php 核心处理文件,love.min.js传参给此文件处理并生成相应静态页面
loveNote.txt 数据记录
loveTpl.html 页面模版文件 love.php生成的页面以此文件为模版

使用说明

上传解压后的文件夹love到网站根目录,将/2014权限设为777,通过 http://你的域名/love/ 进行访问

下载和演示

百度网盘下载:http://pan.baidu.com/s/1qW0l2o8
站长之家下载:http://down.chinaz.com/soft/35647.htm
在线演示:http://www.qiugouda.com/love/

注:这是一个自动生成表白页面的程序,模版由jianghongfei.com.cn原创,麦葱(www.yuxiaoxi.com)做二次开发,仅限娱乐,不得用于商业用途!

本文部分转载自:麦田一根葱,http://www.yuxiaoxi.com/2014-02-17-to-love-source-code.html

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自Meteor's Blog,原文地址《[分享]情人节自动生成表白程序
上一篇: CHTHost免费提供全球八个节点高速主机空间 下一篇: 有家主机提供多节点免费高速空间及分销

已有 4 条评论

  1. khost

    doris.tk这个程序也不错

    1. meteor

      呵呵,看了,和这个差不多,很特别的样子!

  2. fangker

    我了个去原来你已经介绍了,我才弄了个。不过估计原作者不是他真的

    1. Meteor

      哈哈,我比你手快,至于作者是不是他还真不知道呢,但百度搜索查询结果是这样的,或者是某人盗用也说不好啊!

> 添加新评论

Copyright © Meteor's Blog / Theme by Ben & Meteor / Typecho))) / Admin / Sitemap /