告白代码

简介

这是程序员表白系列中的第二波网站表白,旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有8个表白网站,可以任意修改和使用,源码已上传,演示网址如下。

如果有任何问题,可以通过邮件联系我,wuxia2001@sina.com

顺便求一波打赏,微信支付,金钱随意,感慨一下,当年我写这个的时候, 还是一人吃饱全家不饿,如今,上有老下有小,中有恶婆娘啦。。 Y(^_^)Y

loveyue1 演示地址:http://loveyue1.sinaapp.com

loveyue2 演示地址:http://loveyue2.sinaapp.com

loveyue3 演示地址:http://loveyue3.sinaapp.com

loveyue4 演示地址:http://loveyue4.sinaapp.com

loveyue5 演示地址:http://loveyue5.sinaapp.com

loveyue6 演示地址:http://loveyue6.sinaapp.com

loveyue7 演示地址:http://loveyue7.sinaapp.com

loveyue8 演示地址:http://loveyue8.sinaapp.com

最近做了一个免建站,直接设置就可以使用的版本,还在开发测试中,愿意用的人可以尝个新试试使用。此设置中心将在3月26号停用, 此前已设置的数据将保留,但不能使用,等重新开启后才可以使用。http://loveyue0.applinzi.com/config/config.html

源码/修改

源码打包下载地址(CSDN): http://download.csdn.NET/detail/wuxia2001/8715125

源码打包下载地址(Github): https://github.com/wuxia2001/loveyue

有人说不会在github上下载,很简单的,打开这个网站,中间右边有个“clone and download”, 点击”DownLoad zip”,就能把源码一次性下载下来,github下载比较慢,如果只需要单个,只需要把其中一个里的文件全部下载下来就行。 如果是从github上下载的话,源码里有源码里的config.yaml和index.php都无用,是新浪自行产生的文件,可以删除

如果还想在页面里播放音乐,直接在body标签中加入下面这句就行, src是音乐的位置,要做表白的话,音乐最近自己剪切一下,感觉直接用音乐的高潮部分好一些: <audio id="bgmMusic" src="./当我唱起这首歌.mp3" preload="auto" type="audio/mp3" autoplay="" loop=""></audio>

LOVEYUE1

Image

修改的地方:

1. 时间:请修改love.html,第188行,setfullyear设置年月日,然后设置时,分,秒,毫秒, 这里设置的是在一起的开始时间,程序会自动计算己有多长时间,请注意,JS的月份是从0开始,如果是1月则月份填0,月份是从0到11.

2.修改你要表白说的话,请修改Love.html第23行开始。 这份表白的话是我亲自写的,自我感觉还不错,请随便使用或修改。

LOVEYUE2

Image

修改的地方:

1.时间:请修改index.html,第63行,setfullyear设置年月日, 然后设置时,分,秒,这里设置的是在一起的开始时间,程序会自动计算己有多长时间

2.修改你要表白说的话,请修改index.html第22行开始。 如果还想修改表白的话里的颜色,直接在span里加一处style="color:red",比如: '<span class="comments" style="color:red">我的爱人</span>'

LOVEYUE3

Image

修改的地方:

这一份的修改需要一定的功底和资源,这其实是一个幻灯片, 然后用网页的风格演示出来,所以要用这个,先做个幻灯片,然后再把资源填充进去。

LOVEYUE4

Image

修改的地方:

修改index1.html、index2.html里的文字就行。

LOVEYUE5

Image

修改的地方:

修改index.html里的文字就行,视频放自己录制的视频, 可以放到免费的文件存储服务器上,比如七牛啊,修改src就行。

LOVEYUE6

Image

修改的地方:

修改index.html里的文字“我爱你,月”,然后修改92行的beginTime就行

LOVEYUE7

Image

修改的地方:

1.修改index.html里的文字,以及漂浮于鼠标上的"thanks for watching.

2.修改jscss目录下的time.js,修改这里面第三行的时间,以及currentTimeString的内容

LOVEYUE8

Image

修改的地方:

1.时间:请修改index.html,第78行,setfullyear设置年月日, 然后设置时,分,秒

2.修改你要表白说的话,修改index.html里的文字

建站

有了修改后的源码,还需要建站才能在网上被心爱的人看到, 也可留作永久的纪念,最好的还可以自己申请一个域名,专门留给爱人。

建站如果会的朋友,可以通过自己电脑(得有向外的独立IP),通过花生壳等类似软件得到一个免费域名,通过路由器作端口转发, 再在自己的电脑上装一个web容器,比如IIS,tomcat,配置一下端口,只要电脑没关,就可以随时随地访问了。

如果是建站小白,可能就不会这些东西了,那要建站,我就推荐使用新浪云了, 比如我现在所使用的演示网站,全是用新浪云的。不过几年前我使用的时候,还是免费的, 当然现在我已是交费用户,但如果你的网站访问量不大,一个月才千把访问量,类似于你的表白网站, 还是可以免费使用的,以下是我新建一个新号使用新浪云建站的过程,最小白的过程了。

新浪云链接: http://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKWvaoCIo2d-nptqf3y2dg.html

新浪云示例图

Image

图1 注册后的主界面

Image

图2 创建应用时应选的环境

Image

图3 进入目录后再打包成ZIP

Image

图4 代码目录结构

Image

图5 设置默认页面

Image

图6 点击域名后页面

新浪云建站步骤

1.点击 http://www.sinacloud.com/public/login/inviter/gaimrn-mddmzeKWrhKWvaoCIo2d-nptqf3y2dg.html, 需要使用新浪微博,如果有,最好不过,直接使用,没有则随便申请一个微博吧,登录成功后,理论上会送你200云豆。 如图1所示。 如果没有送(虽然觉得不大可能,但也不保证以后它的机制会变),可以实名认证一下,会奖300云豆, 有豆了,然后就可以建站了

2.点击左上角的控制台,点击云应用SAE,进入后点击创建应用。 可以最多创建5个应用,而且‘收取10云豆/日/账户的应用租金‘。 (唉,我一开始用的时候,可以建10个,还送了好多豆子,而且没有每天都要扣豆的情况),也就 是说300云豆只够用30天。。。。访问量少是不会扣你流量豆豆的,如果访问量大,则会消耗云豆的。

3.创建应用,选择php应用、标准环境、5.6,SVN, 二级域名填写你想要的域名,比如我所有演示网站用的是loveyue, 这个域名将会是你网站链接的域名(需唯一),应用名称随便填写。如图2所示。 然后创建应用,进入代码管理(代码管理在’应用’目录下)。 这里有个安全密码,是自己一开始设置的,如果忘记,找回就行,

4.点击创建版本, 然后上传代码包,请注意这里了,一般你上传了代码包后访问不了的基本都是这里出了问题, 因为你们下载下来的代码基本都是我SVN后的代码,而这里为了简单,直接要上传代码包(而不是使用SVN的方式), 于是,打包代码包时,请进入代码目录,直接进到你修改后的代码目录,如图3,全选,打包成zip, 然后点击上传代码包,把这个zip文件上传,上传成功后,代码目录应该如图4所示

5.最后在应用目录下进入appconfig, 目录默认页面 设置该项,把你修改的那个页面(一般是html页面)添加进入,如图5所示, 这里设置的主要目的是,只要进入此域名,直接进入你这里设置的页面,就不需要在域名后面加XXX.html就可以直接看到页面了。

6.到此,基本已完成,你在应用设置里,查看你的二级域名,在浏览器里输入,应该就可以看到你的页面了。 最后,最好还是实名认证一下,即可以得到300豆,也可以得到信任, 因为我发现,没有实名认证,打开网页居然会提示“不信任页面”,如图6所示。

附加

有人问,如果给女朋友打开,她点击接受 我这边怎么知道点没点接受链接? 其实每一个都可以在某个地方加个“接受请点击”的按钮,比如在你想出现的地方加下面这句:

<a href="index3.html" id="accept" src="resp.php?mess=表白成功了">如果你接受我,请点击这里 </a>

 

对于这个问题,经过测试,我能想到的最简单的办法如下(如果有后台,就挺好搞,但估计你们不大会,所以很麻烦,有以下好几步):

1.进入新浪云的代码管理,在应用管理->应用->代码管理->编辑代码, 然后新建一个文件,在根目录下,左上角第一个"+"的图标,点击,输入名称为:"resp.php"

2.把以下代码复制进去

 
  1. <?php

  2. $mess = $_GET["mess"];

  3. $mail = new SaeMail();

  4. $ret = $mail->quickSend( 'to@qq.com' , '表白情况汇报' , $mess , 'from@sina.com' , '密码' );

  5. if ($ret === false)

  6. var_dump($mail->errno(), $mail->errmsg());

  7. ?>

需要修改几个参数 ,目的邮箱,发出邮箱,发出邮箱的密码(目的邮箱和发出邮箱可以一样), 然后保存

 

3.开通SMTP.登录邮箱,打开邮箱的SMTP功能.这个一般可以百度,比如sina邮箱,百度一下:sina邮箱的SMTP功能

4.在新浪云的代码管理里编辑index.html,在 </body>前加上这一句话:

<script type="text/javascript" src="resp.php?mess=表白开始"> </script>

这代表会在一进去这个页面发一 个邮件给你,这句话其实位置 只要放在任意位置就行

 

5.在接爱表白的地方加入一句话,

<a href="index3.html" id="accept" src="resp.php?mess=表白成功了">如果你接受我,请点击这里 </a>

 

 

这样就完成了,测试看看有没有收到邮件吧,有大约5分钟的延迟. 经过测试,QQ邮箱不行,显示发送了,但是QQ邮箱实际没有收到邮件,新浪邮箱可行。

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页