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

前言

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

几天前,为了预热情人节,麦葱二次开发了个表白程序。程序放在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. 流光网
    流光网

    为什么我会乱码啊啊啊!

    回复
  2. 小杜
    小杜

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

    回复
  3. 蚂蚁
    蚂蚁

    生成之后打不开

    回复
  4. aasa
    aasa

    喜欢啊

    回复
  5. 唯我独尊
    唯我独尊

    谢谢麦葱的分享,不过页面显示无法在应用程序配置中找到 scriptProcessor是哪个步骤错了呢

    回复
  6. kkkll
    kkkll

    感谢!

    回复
  7. anky
    anky

    在本地测试 没问题!感谢分享~~

    回复
  8. anky
    anky

    一直在生成中...

    回复
    1. hsmxx
      hsmxx

      说明路径错了的,正常是秒生成,路径没错就换个后缀名字就好了。,

      回复
  9. 飞哥
    飞哥

    设置不好,请指教一下。虚拟机该如何设置

    回复
  10. 痛楚
    痛楚

    已经把2014文件夹设置777 权限了 一直显示生成中 ,登陆FTP发现2014里面已经生成出网页了。怎么回事。。

    回复