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

浏览数：26 / 时间：2015年06月09日

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

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

一、申明

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

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

二、先瞄下网站

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);
                }
            }
        });