程式員也可以浪漫----傾情奉獻一份你值得擁有的浪漫網站源碼（情人節快來了~）
2015-02-07 15:04
随風浪迹天涯
閱讀(8236)
評論(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> 幸福點評嘉賓：<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
因為明天回家，是以，需要源碼的朋友，請留下郵箱！~~我過幾天把源碼裡的一些相片删除掉，到時候在給你們~~
祝福！。
- 分類 雜談雜記