代码改变世界

程序员也可以浪漫----倾情奉献一份你值得拥有的浪漫网站源码(情人节快来了~)

2015-02-07 15:04  随风浪迹天涯  阅读(9105)  评论(127编辑  收藏  举报

先说个好消息吧,我2015年2月12号就要订婚啦~~总算脱离程序员光棍生涯~~不得不说这个网站给了我很大的帮助!所以,我就想把这份源码也园子里的广大朋友们,希望在你们的爱情之路上,能发挥一点点的能量,我足矣~

先祝大家 情人节快乐~~咱们程序员也很浪漫的~哈哈。。

一、申明

申明一、此网站的很多内容都不是本人独创,剽窃了很多的网上前辈的源码,但是我木有用在商业应用上面,应该没事吧,敬请谅解!~

申明二、下面给的软件地址,绝无推广之意,只是在平时用到了,感觉well,所以才推荐的。

下载地址:https://pan.baidu.com/s/1mh8rfeg

二、先瞄下网站

www.xiaoxiaodong.net(帮我刷刷评论吧,前几天把生日那几天的评论都删除了 %>_<%)

这个网站是我从12月份开始折腾(网上找素材等等),然后到2015年1月29日给我女朋友看的,看的哭的一塌糊涂。。感动嘛 哈哈。顺便说下,这个月我们就要订婚了,你们的祝福我不会拒绝的哈。哈哈。。

三、概要实现技术

1、先看下我这个小小网站的结构

你看,很简单~~里面可以说没有什么难度可言。。

我都是用html和js实现的~里面的2个aspx文件是帮朋友生成喜帖用!~

2、关于数据库

说到数据,前些天,帮朋友弄一个自动生成喜帖的网页,把朋友们评论祝福语都删除了。。肠子都悔青了,今天给万网客户打电话,看看能不能恢复,但是要money,所以就作罢了~~%>_<%

我没有用SQL 或者 Oracle,感觉这样太浪费啦,杀鸡焉用牛刀哈。。所以,我用的是 xml文件。。 三个字段,content、name和date。。。just so easy!~~

<?xml version="1.0" encoding="utf-8"?>
<comments>
 <comment>
    <content>谢谢一起走来,希望以后我们都好好的!~我会好好努力,爱你~ 亲爱的!~</content>
    <name></name>
    <date>2015-1-19 16:53:57</date>
  </comment>
  <comment>
    <content>宝贝东儿,感受着你的幸福!!!真好!!!感恩有你,细数每个被你感动的瞬间。宝贝东儿祝福你和大东幸福久久!!!我爱你们!!!</content>
    <name>春英</name>
    <date>2015-1-19 16:53:57</date>
  </comment>
  <comment>
    <content>非常幸运今生能和东宝相知相惜,2014最开心的是大小东在一起了,要幸福满满哦!永远的东有情,水含香,芳香忆</content>
    <name>芳香忆</name>
    <date>2015-1-19 19:22:19</date>
  </comment>
  <comment>
    <content>原来幸福是这么甜蜜的,我泪流满面.千言万语也道不尽,我只想对你们说:祝你们幸福!</content>
    <name>郑哥</name>
    <date>2015-1-20 22:01:07</date>
  </comment>
<comment>
    <content>在来一段吧,看到他为你做的视频,告诉你一个秘密,其实啊,这个很简单的,看那界面的太没质感了。。不过,这确实很用心在做了,如果我男朋友也坐这样一个给我,我一定很高兴的啊 祝你们幸福啦。。拉拉</content>
    <name>王姐</name>
    <date>2015-1-22 21:01:50</date>
  </comment>
<comment>
    <content>画面太煽情了,我都不好意思看了~作为旁人,我真被东才这个礼物感动到啦,真是羡煞旁人呀~言归正传,先送上一句:小东,happy birthday,你的蛋糕我吃定了~哈哈~</content>
    <name>李家宜</name>
    <date>2015-1-27 22:36:19</date>
  </comment>
  <comment>
    <content>情人节快到了,我来占14楼,哈哈!</content>
    <name></name>
    <date>2015-2-6 22:37:09</date>
  </comment>
  <comment>
    <content>东宝,过几天订婚啦!订婚快乐啊!要你幸福幸福幸福幸福!</content>
    <name></name>
    <date>2015-2-6 22:38:49</date>
  </comment>
</comments>

 

3、关于逻辑处理,前段通过JavaScript进行控制~

  //-----------LoadData  begin-----------------
    function loadData() {
        var urlParams = "?action=all";
        url = urlBase + urlDataManagerFileName + urlParams;
        //clear the table datas
        $("#divComent").empty();
        count = 0;
        $.post(url, function (data) {
            if (data != "Error") {
                var allComments = eval(data);
                for (var i = 0; i < allComments.length; i++) {
                    count++;
                    var html = "  <div id='divComment' style='float: left; width:100%;background:url(images/commentHeart.png) no-repeat left'><div style='width:50px;height:50px;padding-top:20px;display:block;text-align: center; float: left'><span id='sCount' style='color:yellow'>" + count + "楼</span></div><div id='divDateName' style=''><span id='sDate'>" + allComments[i].date + "</span>&nbsp;&nbsp;&nbsp;&nbsp;幸福点评嘉宾:<span id='sName'>" + allComments[i].commentName + "</span></div><div id='divContent'><span id='sContent'>" + allComments[i].commentContent + "</span></div></div><hr style='border: 1px dotted #036; clear: both;' />";
                    $("#divComent").prepend(html);
                }
            }
        });

 

后台就是一个一般处理程序 ashx,

是不是很简单~

 

4、关于视频

我叫我女朋友的闺蜜们拍摄视频(我的要求是不限设备、不限场地,越随意就越好呢),然后用格式工厂(FormatFactory_)转换成flv格式~在用QQ语音进行拼接。。。

应该说这是一个比较费力的一个事件,特别还需要一个一个朋友的找,而且跨度一个月的时间,还不能有泄露秘密,难度有点大哈~哈哈,不错很刺激。。

因为现在录制的视频都很大,动不动几百Mb,这样服务器空间吃不消,所以我都是把它转化成flv格式,这样就很小了~一个100Mb的可以变到几Mb,当然画质肯定会受影响的~我是这样设置的,看上去还不错~

下载地址:http://rj.baidu.com/soft/detail/13052.html?ald

5、关于字幕

我用Time_machine 进行字幕制作。。绿色 无污染。。简单上手,不会的,度娘一下就ok了。

下载地址:http://www.orsoon.com/Soft/10918.html

6、关于心形

我用在线版的美图秀秀进行拼接,然后在把背景颜色涂鸦成黑色!“拼图”里有一个心形。。

美图秀秀地址:http://xiuxiu.web.meitu.com/puzzle/

7、关于网站

我从万网买的域名(29)+空间(88/年)。很便宜,所以如果各位有需要,可以免费(当然,空间和域名你自己去买)帮你们去搭建~很乐意效劳!~

以前,考虑过一些免费的空间和域名!~后来受不了,一是有广告,二是稳定性不强,三是没售货。。。现在我总共花了一百多一点点。。啥都有,有啥问题,给那边打电话。哇。。爽。所以,强烈建议哈!。不过,这得基于你实际情况哈~

 万网地址:www.net.cn

 

因为明天回家,所以,需要源码的朋友,请留下邮箱!~~我过几天把源码里的一些相片删除掉,到时候在给你们~~

祝福!。