程序員也可以浪漫----傾情奉獻一份你值得擁有的浪漫網站源碼（情人節快來了~）

本文轉載自查看原文 2015-02-07 15:04 7163 雜談雜記

先說個好消息吧，我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);
                }
            }
        });