这篇文章距离上次修改已过半年,其中的信息可能已经有所发展或是发生改变。

转换为语音并朗读全文 00:00 / 00:00

一款带自动生成的表白程序源代码

前言

情人节已经过去几天了,不知道博友有没有吃到巧克力馅的汤圆。

几天前,为了预热情人节,麦葱二次开发了个表白程序。程序放在BAE上面,因为本地写这个原因,生成的页面过段时间就找不到了,导致链接页面404,麦葱在此表示歉意。

今天麦葱把这款程序分享出来,如果你需要,可以拿去使用。

演示

源码已发布到 Github,喜欢的可以 StarFork 本源码。

在线演示:https://www.qiugouda.com/love/

模版文件列表

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

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

程序运行原理

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

使用说明

点击下载稳定版本 并解压到网站目录,通过 http://你的域名/指定目录/ 进行访问,如果放在根目录,直接访问绑定域名就行。

更新历史

  • 2014-02-17 17:58 压缩包文件有误,重新上传压缩包,更新下载地址

  • 2014-08-05 08:53 莫名其妙百度网盘把下载地址屏蔽了,更新了网盘地址

  • 2016-10-27 11:19 项目在 Github 上进行维护,更新记录请 移步这里 查看

注:这是一个自动生成表白页面的程序,模版由 jianghongfei.com.cn 原创
麦葱(maicong.me) 做二次开发,仅限娱乐,不得用于商业用途!
带符号 * 的表示必填项
  1. 红

    没有背景音乐的问题解决了,把背景音乐的文件,放到网页代码文件一起,然后修改html文件,在开头添加<audio id="bgmMusic" src="saveme.mp3" preload="auto" type="audio/mp3" autoplay loop></audio>,就可以了

    回复
  2. 红

    一直显示正在生成中,但是已经生成了文件,也可以打开,就是没有背景音乐

    回复
  3. 红

    求解啊,为什么我生成的网页没有背景音乐,没有了背景音乐就没了那种感觉

    回复
  4. 红

    为什么,我生成的网页,没有背景音乐

    回复
  5. 流光网
    流光网

    为什么我会乱码啊啊啊!

    回复
  6. 小杜
    小杜

    提示:您的浏览器版本太低或禁用了javascript,无法正常浏览本页面,怎么回事?

    回复
  7. 蚂蚁
    蚂蚁

    生成之后打不开

    回复
  8. aasa
    aasa

    喜欢啊

    回复