iT邦幫忙

DAY 30
1

給學弟的ASP.NET網頁學習經驗系列 第 30

ASP.NET學習經驗#30----成果展示!或許比賽結束了,但學習之路卻還是進行式

今天就來看看要有沒有達到一開始想要製作的網頁功能囉!

1.公告發布與設定的部分:

在檔案加上一段JavaScrip來列出檔案清單,避免在多檔選擇時無法看到檔案內容:

<div data-id="fileList" style="width: 500px; height: 150px; overflow: auto; border: 2px inset #9966FF;">
<ul style="list-style: none; padding: 0px;"></ul>
</div>





$(function () {
            $("#FileUpload1").bind("change", function (event) {
                if (event.target.files.length > 0) {
                    for (var i = 0; i < event.target.files.length; i++) {
                        var file = event.target.files[i];
                        $("div[data-id='fileList'] > ul").append(
                            $("<li/>").html("檔名: " + file.name + "<br /> 大小: " + file.size)
                        );
                    }
                }
                else {
                    $("div[data-id='fileList'] > ul").empty();
                }
            });
        });

忘記在哪看到的,但非常方便的功能!!

時間格式的欄位當然要套上datepick的時間插件,才不會整天輸入錯誤格式!!

網頁設定功能的部分就是利用DropDownList與自訂的CheckBoxList對資料庫做DataBing調整各種資料

2.呈現總表:

另一種行事曆呈現的方式方便快速查看每天的事情也不錯(難以調整的美工):

3.呈現細則:

附件是另外codebehind添加上去的,因為可能不只有一個附件檔案

還寫了個返回功能鍵,小東西也是有學問的

javascript:history.back();return false;

4.產生RSS Feed

還額外做了個GoogleSiteMap抓出專案目錄下的所有網頁檔案.....

5.美工

這方面真的是不太行....只能求不要太單調囉!

補充6.

在不依賴Login等等的控制項下,自己也嘗試寫一個登入的功能

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        if (Session["admin"]!=null)
            Response.Redirect("admin.aspx");
        else if (Request.Cookies["info"] != null)
        {
                Response.Redirect("index.aspx");
        }
    }        
}

不同頁面內的Page_Load要做好邏輯調整才不會造成重新導轉回圈!

The end...

非常開心有這麼多人的鼓勵與支持,終於完成這30天的里程碑,

前輩大大們總是替我做了許多補充與建議,補足許多重要的知識,

雖然還只是大學生,但學習是不應該被侷限的!

環境如果無法滿足我,就學習如何學習,讓自己成就自己!


上一篇
ASP.NET學習經驗#29----如何做出多國語言顯示?Multi-language支援(學習使用Resource檔)
系列文
給學弟的ASP.NET網頁學習經驗30

1 則留言

0
Alan.Liu
iT邦研究生 1 級 ‧ 2014-10-16 00:08:14

恭喜完賽!!!

我要留言

立即登入留言