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

時間 2019-11-07

標籤程序員能夠浪漫一份值得擁有網站源碼情人節快來欄目快樂工作简体版

原文原文鏈接

先說個好消息吧，我2015年2月12號就要訂婚啦~~總算脫離程序員光棍生涯~~不得不說這個網站給了我很大的幫助！因此，我就想把這份源碼也園子裏的廣大朋友們，但願在大家的愛情之路上，能發揮一點點的能量，我足矣~html

先祝你們情人節快樂~~我們程序員也很浪漫的~哈哈。。程序員

1、申明

申明1、此網站的不少內容都不是本人首創，剽竊了不少的網上前輩的源碼，可是我木有用在商業應用上面，應該沒事吧，敬請諒解！~web

申明2、下面給的軟件地址，絕無推廣之意，只是在平時用到了，感受well，因此才推薦的。數據庫

下載地址：https://pan.baidu.com/s/1mh8rfeg服務器

2、先瞄下網站

www.xiaoxiaodong.net(幫我刷刷評論吧，前幾天把生日那幾天的評論都刪除了 %>_<%)app

這個網站是我從12月份開始折騰（網上找素材等等），而後到2015年1月29日給我女友看的，看的哭的一塌糊塗。。感動嘛哈哈。順便說下，這個月咱們就要訂婚了，大家的祝福我不會拒絕的哈。哈哈。。post

3、概要實現技術

一、先看下我這個小小網站的結構

你看，很簡單~~裏面能夠說沒有什麼難度可言。。網站

我都是用html和js實現的~裏面的2個aspx文件是幫朋友生成喜帖用！~url

二、關於數據庫

說到數據，前些天，幫朋友弄一個自動生成喜帖的網頁，把朋友們評論祝福語都刪除了。。腸子都悔青了，今天給萬網客戶打電話，看看能不能恢復，可是要money，因此就做罷了~~%>_<%spa

我沒有用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>

三、關於邏輯處理，前段經過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);
                }
            }
        });