1、求asp.net動態網頁設計視頻教程
初學者在學ASP的時候往往是無從學起,學理論的時候又太抽象不好懂,實踐的時候又找不到合適的例子來分析練習,有時候找到一個源程序學習的時候,功能太繁雜,涉及到的ASP模塊太多,也附帶了不少的函數,這樣使初學者一頭霧水,知難而退,實際上ASP是比較容易掌握的,今天就是為了這個目的,剝繭抽絲做了一個非常簡單的留言板,只有留言,刪除和回復的功能,沒有管理許可權功能(站長登錄,修改密碼等)、判斷功能(表單驗證等)及分頁功能,簡潔干煉,主要是為了初學者掌握最重要的知識,就是如何抓取資料庫以及如何查看、刪除、修改記錄的操作,我們先從這個超級簡單的留言板開刀吧,此關只要能過,恭喜您了,將來即可步入ASP應用的行列了!:)本教程完成後會提供下載!
首先我們先做准備工作,先做一下策劃,看看我們可能要做哪些頁面,所謂說好的開始就是成功的一半,所以大家不要急著做,聽我慢慢講來。為了讓大家都能製作出自己的留言板,盡量實現一個網頁一個功能模塊,我們就做以下六個網頁:
一、index.asp----首頁即顯示留言頁
二、conn.asp----公共網頁,每個網頁都要包含它,是連接打開資料庫的操作。
三、write.asp和save.asp----分別是發表留言的表單網頁和保存留言頁。
四、del.asp----刪除留言頁
五、reply.asp----回復當前留言頁
做好的留言板效果圖如下:
好了,說到這里我們可以動工了,首先做一個最重要的工作,就是建立起一個資料庫,將來存放網友的留言所用。
1、資料庫名:db1.mdb
2、資料庫表:只有一個表:book
3、數據表book里增設以下欄位,見圖1
說明:?任一欄位的數據類型中的「常歸」項中的「允許空字元串」最好填「是」
?日期/時間的「常歸」項中默認值為Now();站長回復里的「常歸」項中的默認值為「暫沒有回復」,注意此處要加雙引號,是半形而不是全形。
資料庫建好後開始做公共網頁,用來打開資料庫,打開Dreamweaver MX,按如下方法新建動態ASP網頁:
並保存為CONN.ASP,在編輯區里切換到顯示代碼視圖里,注意把第一行自動生成的代碼刪掉。
這次主要是寫連接資料庫和參數設置的ASP代碼,不用輸出什麼HTML標簽,所以把代碼全部刪掉,用DREAWMEAVER插入欄自帶的ASP對象寫入以下代碼,ASP欄里沒有的代碼只能自己手寫輸入了。
注意要把所有要編譯的ASP代碼放在之間,這樣才能正常運行,否則會出錯!這是基本常識哦。讓我解釋以上代碼的意思吧:
代碼第一行: 用來建立connection對象,connection對象扮演著十分重要的前期連接工作,連接成功資料庫才會有以後的數據操作功能。
代碼第二行:設置資料庫連接參數。包括有資料庫驅動程序和資料庫文件名。
代碼第三行:用conn連接對象打開資料庫。
這些是通用連接資料庫的方法,任何需要打開資料庫的動態網頁都可以照搬以上代碼就行了,只把資料庫的名字換成你的資料庫名字就行了,注意路徑要正確。所以可以把這些代碼用Dreawmeaver里的代碼片斷復制下來,以後直接插入就可以用了,比較方便,也不用記憶,這是一個小技藝吧!
好了,今天就先說到這里。
有什麼錯誤和更好的建議也希望你能到騰風在線論談提出來。
2、C#中用ASP.net怎麼來設計網頁的頁面
樓主的問題牽連到的面太大,並非幾句話解釋得清楚。這甚至是軟體設計裡面單獨的一門學科。
我先從理論上給你解釋一下大體框架吧,不用專業術語的話我想代碼也就不用舉例了吧,那麼具體的實踐操作還需樓主花費一些時間和精力才可以搞定。
首先,你明白「前後台」的概念,很好,這里就不必過多解釋。
1、基於ASP.NET的應用程序設計,前台可以用VS工具直接做,就是往上拖控制項,別嫌棄丑,你先把需要的按鈕、放圖片的位置、顯示網頁信息的位置等先拖控制項上去,比如常用的Button、GridView、Image、Repeater等控制項。這就是頁面前台的布局,這種頁面上就是廣大用戶能看到的、能操作的頁面;比如百度首頁的「百度一下」按鈕,點擊可以查詢出相關內容;
2、資料庫的連接在Web.Config文件中可以建立DB連接字元串,很簡單。這里通常連接SQL Server 資料庫,Access資料庫均可;
3、後台說白了就是對DB進行增、刪、改、查操作的頁面。比如百度上的新聞,這是通過網站後台進行上傳的;這個操作僅僅是和資料庫之間的交互,初學者你就記得這一塊與前台無關即可;頁面的設計跟前台相似;
4、美化方面你可以用CSS技術來做,不難。不用的話也可以,用VS母版頁來做也可以做的不錯;關鍵是軟體的功能,如果是網站的話,個人建議前台最好用CSS來美化,否則看起來別扭,網頁嘛,重在美工,功能其實不難;
至於前台具體功能的實現,建議你可以到網上搜索一下軟體源碼,用一個模板來做,這樣便於學習,也能提高做畢業設計的效率,當然這要看個人的基礎如何了。
就說這些吧,過年在家抽出忙家務的時間來手工打了一段字 呵呵~ 難免有不足之處 希望對你用幫助。
僅供參考,祝你新年快樂! Rock.