Code Monkey home page Code Monkey logo

qiugouda-love's Introduction

情人节表白程序 - Qiugouda_Love

麦葱已将源码已发布到 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://你的域名/指定目录/ 进行访问,如果放在根目录,直接访问绑定域名就行。

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

qiugouda-love's People

Contributors

maicong avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.