大溼教我寫程序(2)之走向AV之路

時間 2019-11-13

標籤程序走向之路简体版

原文原文鏈接

1、大擺慶功宴javascript

上一篇博文《大溼教我寫程序(1)之菜單導航篇》中講到了我擼碼到晚上兩點多,整出了一個還算是高端大氣上檔次的demo。半夜回到家裏打算着能夠好好睡上一個懶覺，到時候直接到客戶那邊跟老闆匯合一塊兒去演示。html

早上7點前端

「誰呀，大晚上的搞什麼灰雞，還讓不讓人睡了」剛在夢中與女神相會，關鍵時刻hello motor!的聲音不停的響，我拿起電話回了句。java

「雷工，今天沒辦法呀，客戶那邊單子不小，這單作好了，之後咱們有的是合做機會，公司的將來就託付在你身上了。demo要好好作，我在你樓接你，牙也別刷了穿上衣服趕忙下來，咱去公司好好過一遍demo,等項目拿下來了，咱們一塊兒去酒店擺慶功宴，好好慶祝一下。快點哈別磨蹭了，給你一分鐘。我掛了。」jquery

嘟嘟嘟。。。。程序員

「XX，什麼人！別的程序員說本身是IT民工，我TM是IT奴隸！！！」web

到了公司看了下demo基本沒什麼問題，其他無非就是教我些坑人的話，教我怎麼忽悠客戶。ajax

上午10點json

到了客戶那邊，通過我跟老黃的雙簧表演demo居然順利經過了。客戶那邊比較急着上項目，因而讓我現場估算一下工時。服務器

「需求分析7天、需求確認3天.....這樣一七得7、三七二11、四七二十8、五一勞動節、六一我過節。。。。我初步估算一下一共須要180我的天數」我說道。

「是的，您這個項目比較複雜，咱們要保證質量因此須要這麼多人天數也是沒辦法的，沒質量的軟件咱們寧肯不作。」老黃一臉艱難的說。這時候我感受老黃在我內心的形象很是高大有這樣的覺悟，以他的那顆黑得發紫的心和比城牆還厚的臉皮，他絕對能夠成爲下一個馬化騰。

「人天數大家放心，我不會扣大家的，公司這麼大不差大家這點錢，工期仍是有點長，這個咱們要再考慮一下。」對方項目經理。

「原來您擔憂這點，那我如今就能夠告訴您，以咱們公司的實力，1個月後交付項目，我從開發部中抽6名骨幹來作。保質保量完成任務。」雖然我狠狠地在會議桌下面踩了老黃一腳，可他仍是在客戶面前表了這樣的態。

咱們毫無懸念地拿下了這個單子，回家的路上我問老黃：「黃總，咱們一共才兩個開發的，我算了下跟大雄一塊兒開發都得3個月，你打算要外包麼？」

「外包個毛啊，本身會有開發的幹嗎把錢給別人賺。大雄那邊的項目還沒完，這個項目主要仍是得你頂着。你千萬別跟我說要招人，公司要控制成本，這是個人方針」老黃道。

「這樣的話我無法作了，明天我不想上班了」

「年輕人怎麼能這樣，這點困難就怕了，之後怎麼成大事，下月給你加500塊工資」

「這不是錢的問題，您每次都這樣，咱們累的要死，項目沒法按時交付客戶沒命的催,我受夠了」

「下月給你加一千五，另外先把報表類的東西作出來，其它功能沒出來能夠從他們舊系統里拉數據，老闆只看報表的，先穩住老闆就行」老黃又一臉艱難的說。

「那我盡力吧，黃總，我真心不是由於錢的事跟您鬧離職」

「好了，接下來咱們要爭分奪秒了，你先下到沙縣小吃那裏給我帶份炒麪，你也打包回來吃」老黃說完丟下我就先走了

我擦，這TM就是慶功宴，去的原來是沙縣大酒店呀！一份炒麪也7塊錢，錢還沒給我呢。。。。

二、走向AV大道

吃完飯我就開工了,報表要先弄,看了下客戶那邊的需求,而後連到他們的服務器上看了一下,感受問題不是很大,由於SQL我仍是比較熟的,通常變態點的語句也都能寫得出來。

通過一下午的整理SQL語句全弄好了，抓取出來的數據也沒問題，接下來又要作前臺頁面了。像什麼水晶報表之類的我確定是想都不想了，要付費的東西用上去了，被那個半桶子水的傢伙看到後不但要臭罵一通還得從新來過。

當時demo的界面是這樣的：

當時客戶看了這圖表也蠻喜歡的,可我那都是F12抓過來的死東西呢,怎麼弄呢。

本身找了幾個服務器控件拖過去看了一下，效果很很差，一刷新整頁都白了。

「大雄，你那首頁圖表,表格是怎麼搞的呀,我用服務器控件效果太差了。大溼能不能幫我看看」我諂媚地問道。

「很簡單的東西，由於我沒有使用服務器控件，jquery+ajax訪問後臺數據，局部刷新，因此用戶體驗會比較好，這種AV技術你之後要多用一用，看來你仍是不行，我昨天教你F12剝衣服，剝下來你也沒好好看，服務器控件都分不清楚。。。」大雄目不轉睛的看着某國愛情動做片說道。

「你AV看多了吧，10TB的AV片種子把網盤塞滿了，剩下的塞你腦子裏去了吧，開口閉口說是這個，之後少看點，看多了傷身傷腎，趕忙幫我看看這個東西怎麼搞。」說完一把合上了他的筆記本。

「唉，傷身傷腎算什麼，至少他不傷個人心，爲師這就好好地教你一下AV技術吧，你呀，不單技術差，並且沒文化，把文藝片跟前端技術混爲一談，我說的AV是讓你用 ajax 去visit後臺，V是visit懂不懂！」

「就你懂得多，你還德藝雙馨，少廢話了，快幫我作正事。」

五分鐘後大溼輕鬆幫我搞定了一個報表,而後轉身要走.

「大雄，你咋作事就搞一半呢，還差幾個呢。」

「你這人別太懶，剛你都看到，AV這門技術不動手是不行的，先本身動手，慢慢體會哈」

好吧,仍是本身來了,看了他剛纔作的.我按照以下步驟操做了一遍

一、寫了一個webservice類,裏面寫一個返回json數據的方法。

二、html界面聲明對jquery ui庫的引用。

 <script src="/Themes/Scripts/jquery-1.8.2.min.js"></script>

三、聲明對圖表插件的引用

    <script src="../Themes/Scripts/Highcharts/highcharts.js"></script>
    <script src="../Themes/Scripts/Highcharts/theme/grid.js"></script>

4 、函數封裝一下jquery調用Ajax調用後臺處理程序方法。

/* 請求Ajax 帶返回值
--------------------------------------------------*/
function getAjax(url, parm, callBack) {
    $.ajax({
        type: 'post',
        dataType: "text",
        url: url,
        data: parm,
        cache: false,
        async: false,
        success: function (msg) {
            callBack(msg);
        }
    });

五、正式開始AV調用,指定後臺處理程序地址，傳入參數，將返回值綁定到報表便可，代碼比較長這裏就不貼出來。

六、在數據沒有加載完成時加一個正加加載的小特效，加載完了再隱藏掉。別讓用戶感受界面假死

        <div id="loading" onclick="Loading(false);">
            <img src="../Themes/Images/loading.gif" style="padding-bottom: 4px; vertical-align: middle;" />&nbsp;正在處理，請稍待&nbsp;
        </div>

運行一下試試，哦耶！沒一點問題。

三、將AV事業發揚光大

OK，報表那塊的東西基本處理得差很少，客戶那邊有很多資料是要用Excel導入進去的，常常會一次性導入不少個文件，若是用服務端控件確定用戶體驗很差。看來仍是得采用AV技術來上傳比較好。

「大雄。。。」算了，大溼雙眼緊盯屏幕，看來又在研習這門技術更深層次的內功心法了，算了不打擾他了，本身動手吧。

首先我要感謝的是谷溝，google一下發現.net的ashx能夠上傳文件，這個東西上傳文件很方便，單個的文件能夠上傳，也能夠指定一個文件夾上傳全部文件。太好了，感謝asmx的妹妹ashx,那麼我就依葫蘆畫瓢按照上一節中的方法來處理上傳，只有如下兩點不一樣：

一、Ajax提交

   <script type="text/javascript">        
      function upload(){  
        var path = document.getElementById("File1").value;  
        var img = document.getElementById("img1");  
        if($.trim(path)==""){  
            alert("請選擇要上傳的文件或文件夾");  
            return;  
            }  
              
        $("#form1").ajaxSubmit({  
            success: function (str) {   
                if(str!=null && str!="undefined"){  
                    if (str == "1") {alert("上傳成功");document.getElementById("img1").src="images/logo.jpg?"+new Date();/*上傳後刷新圖片*/}  
                    else if(str=="2"){alert("只能上傳Excel格式的文件");}  
                    else if(str=="3"){alert("文件不能大於10M");}  
                    else if(str=="4"){alert("請選擇要上傳的文件");}  
                    else {alert('操做失敗！');}  
                }  
                else alert('操做失敗！');  
            },  
            error: function (error) {alert(error);},  
            url:'Handler.ashx', /*設置post提交到的頁面*/  
            type: "post", /*設置表單以post方法提交*/  
            dataType: "text" /*設置返回值類型爲文本*/  
        });  
    }        
    </script>