第一篇：動態實訓報告

《動態網站建設》

實訓報告

系 別 經管系 專 業 計算機信息管理 班 級 G12450301 姓 名 包亞紅 指導教師 馬濤 完成時間 12月14號

0

前言

ASP.NET是Web開發技術高速發展的產物，是當前主流的Web應用程序開發技術之一，它構建與.NET Framework之上，使得從傳統的數據庫訪問技術到如今的分布式應用開發技術等一系列技術都發生了變革。而且，它在快速發展、編譯與部署方面的優勢是任何一種互聯網開發技術都無可比擬的。也正是因為這些優點，一批又一批的開發人員加入到ASP.NET的開發陣營中。通過ASP.NET，我們可以簡單快速的開發出企業級的、高性能的、便于維護的Web應用系統。

ASP.NET技術是微軟近年來推出的主要技術，自從.NET2.0版本問世之后，越來越多的開發人員和企業已經能夠接受.NET技術帶來的革新。ASP.NET4.0是目前微軟最新的Web應用開發可視化平臺，它不僅在語言和技術上彌補了原有的ASP.NET2.0與ASP.NET3.0的不足，并提供了很多新的控件和技術特性以提升開發人員的生產力。與之相應，Visual Studio 2010除了保持與Visual Studio 舊版本相同的特點之外，也提供了大量新的幫助提升開發人員的編程效率。

鑒于ASP.NET所涉及的內容眾多，本次實訓盡可能介紹各個方面的主要內容，對實際設計與開發過程中使用較少的知識點只作了簡單介紹，而對那些應用型強、開發中使用頻率較高的知識點則通過一系列小規模精選案例進行相對全面、深入的闡述和分析。

目錄

一、實訓目的與要求.......................................3

二、實訓任務.............................................3

一、具有簡單學生成績查詢功能的web應用程序............3

二、具有簡單登陸驗證和密碼忘記功能的web應用程序......3

三、實訓要求.............................................3

四、網站設計.............................................3

一、具有簡單學生成績查詢功能的Web應用程序............3

1、項目所涉及的知識點..............................3

2、設計方案........................................4

3、設計過程........................................6

4、設計結果.......................................11

二、具有簡單登陸驗證和密碼忘記功能的web應用程序.....11

1、設計方案.......................................11

2、設計過程.......................................12

3、設計結果.......................................16

五、設計中遇到的問題及解決方法..........................18

六、參考資料............................................19

七、實訓總結............................................20

八、實訓成績 ____________________......................20

一、實訓目的與要求

《動態網站建設》課程實訓是我院計算機信息管理專業學生，網站建設集中實訓的重要環節之一，是學習完《靜態網站建設》、《動態網站建設》等課程后進行的一次全面的綜合練習。其目的在于加深對網站開發的理解，掌握asp.net技術，使用c#語言進行編程和運用Dreamweaver制作網頁的基本方法，提高開發網站實際操作的能力。

二、實訓任務

一、具有簡單學生成績查詢功能的web應用程序

二、具有簡單登陸驗證和密碼忘記功能的web應用程序

三、實訓要求

程序調試無異常，能夠正常運行。

頁面整齊、美觀。

關鍵代碼部分應有必要注釋。

四、網站設計

一、具有簡單學生成績查詢功能的Web應用程序

1、項目所涉及的知識點

1>、C#（2）、變量與常量

（3）、運算符和表達式

（4）、流程控制語句 2>、服務器控件

（1）、服務器控件簡介（2）、標準WEB服務器控件（3）、驗證控件實訓方法 3>、使用數據庫系統

(1)、創建Microsoft SQL Seever 數據庫(2)、常用SQL語句

(3)、Microsoft SQL Seever常用操作(4)、創建Microsoft Access數據庫 4>、使用數據控件訪問數據庫(1)、使用數據源文件(2)、使用GridView控件(3)、使用FormView控件(4)、使用Reprater控件(5)、使用DetailsView控件

2、設計方案

（1）數據庫設計：在Microsoft Access中創建一個名為student的數據庫，在其中包括uid（學號，主鍵）、unname（姓名）、unnex（性別）、class（班級）、math（數學）、VFP（數據庫）、dongtai（動態網站）、tongji（統計學）8個字段的gread表，并向表中添加相關數據，如下圖所示。

（2）學生成績查詢系統界面設置

新建一個ASP.NET網站，向Default.aspx頁面添加一個用于布局的HTML表格，添加一個下拉列表框DropDownList，一個文本框控件TextBox，三個按鈕Button1（查詢）、Button2（顯示全部）、Button3（退出系統），一個用于顯示student數據庫數據的GridView控件和四個分別以學號，姓名，班級，全部查詢的SqlDataSourse控件。分別為SqlDataSourse1、SqlDataSourse2、SqlDataSourse3、SqlDataSourse4.界面設置如下圖所示。

（3）登陸系統界面設置

給Default.aspx頁面添加一個Web窗體，命名為chapter1, 在chapter1中添加兩個文本框控件TextBox1和TextBox2，一個Button按鈕。

3、設計過程

（1）學生成績查詢系統頁面控件屬性設置

設置下拉列表DropDownList的ID屬性為DropType，文本框TextBox1的ID屬性為TextKey,按鈕Button1的ID屬性為ButtonQuery，Text屬性為查詢，Button2的Text屬性為顯示全部，Button3的Text屬性為退出系統，GridView的ShowFooter屬性為True，AutoGenerateColumns屬性為False.設置數據庫控件SqlDataSourse1的屬性，為其配置數據源。在其任務菜單中執行“配置數據源”命令，在打開的對話框中單擊“瀏覽”按鈕，選擇已經存放在APP-Data下的數據庫student.mdb文件。在配置“SELECT”對話框中選擇“制定自定義SQL或語句存儲過程”。單擊“下一步”按鈕，打開如圖所示的對話框，錄入如下圖所示的SQL語句是返回記錄集中包含一個

總分計算字段。

單擊“下一步”按鈕，在打開的對話框中設置查詢條件為uid 的數據等于TextKey的Text屬性值，單擊“下一步”按鈕，測試查詢，單擊“完成”按鈕完成對SqlDataSourse1的數據配置。SqlDataSourse2與SqlDataSourse3的數據配置方法與SqlDataSourse1的方法基本相同，為了使程序支持“模糊查詢”在按姓名和班級查詢時使用了“LIKE”運算符。SqlDataSourse2的SELECT語句設置

SqlDataSourse3的SELECT語句設置

SqlDataSourse4的設置只是去掉了WHERE字句，用于無條件的返回記錄。

（2）學生成績查詢系統頁面控件代碼設置 編寫頁頁面裝入時執行的代碼

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)

{

DropType.Items.Add(“學號”);//向下拉列表中添加供選項

DropType.Items.Add(“姓名”);

DropType.Items.Add(“班級”);

GridView1.DataSource = SqlDataSource6;//在GridView1中顯示所有數據

GridView1.DataBind();

}

TextBox1.Focus();//本框得到焦點

} 查詢按鈕被單擊時產生的事件代碼

protected void ButtonQuery_Click1(object sender, EventArgs e)

{

if(TextBox1.Text == “")//如果用戶沒有輸入查詢關鍵字

{

Response.Write(”alert('查詢關鍵字不能為空!');“);

return;

}

switch(DropType.Text)//根據用戶選項將GridView控件綁定到不同的數據源

{

case ”學號“:

GridView1.DataSource = SqlDataSource3;

GridView1.DataBind();

break;

case ”姓名“:

GridView1.DataSource = SqlDataSource4;

GridView1.DataBind();

break;

case ”性別“:

GridView1.DataSource = SqlDataSource5;

GridView1.DataBind();

break;

}

if(GridView1.Rows.Count == 0)//如果GridView包含的行數為0

{

Response.Write(”“);

TextBox1.Text = ”“;

GridView1.DataSource = SqlDataSource6;

GridView1.DataBind();

}

} “顯示全部”按鈕被單擊時執行的事件代碼

protected void Button2_Click(object sender, EventArgs e)

{

GridView1.DataSource = SqlDataSource6;

GridView1.DataBind();

} GridView控件發生行綁定時執行的事件代碼

double sum1 = 0, sum2 = 0, sum3 = 0, sum4 = 0;//在事件過程之外申明存儲總和的變量

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{

if(e.Row.RowIndex >-1)

{

sum1 += Convert.ToDouble(e.Row.Cells[5].Text);//累計總和

sum2 += Convert.ToDouble(e.Row.Cells[6].Text);

sum3 += Convert.ToDouble(e.Row.Cells[7].Text);

sum4 += Convert.ToDouble(e.Row.Cells[8].Text);

}

else if(e.Row.RowType == DataControlRowType.Footer)

{

e.Row.Cells[4].Text = ”平均:“;

e.Row.Cells[5].Text=((double)(sum1GridView1.Rows.Count)).ToString(”0.00“);

e.Row.Cells[6].Text=((double)(sum2GridView1.Rows.Count)).ToString(”0.00“);

e.Row.Cells[7].Text=((double)(sum3GridView1.Rows.Count)).ToString(”0.00“);

e.Row.Cells[8].Text=((double)(sum4GridView1.Rows.Count)).ToString(”0.00“);

}

}（3）登陸界面控件屬性設置

Button1的Text屬性設為“登陸”TextBox2的TextMode屬性為PassWord（4）登陸界面控件代碼設置 單擊“登陸”按鈕時的事件代碼

protected void Button1_Click(object sender, EventArgs e)

{

string strName = TextBox1.Text;

string strPwd = TextBox2.Text;

if(strName == ”包亞紅“ && strPwd == ”123“)//用戶名和密碼設置

{

Response.Write(”“);

Response.Redirect(”Default.aspx“);

}

else

{

Response.Write(”“);

}

4、設計結果

用戶輸入用戶名，輸入密碼，點擊“登陸”按鈕，當用戶名和密碼都正確時，進入學生成績查詢系統的界面。

登陸成功進入學生成績查詢系統，學生成績查詢系統功能如圖所示，可按班級，姓名，學號查詢所需要的學生信息，查詢完畢后，點擊“退出系統”按鈕返回到登陸界面。

二、具有簡單登陸驗證和密碼忘記功能的web應用程序

1、設計方案

建一個ASP.NET網站，向Default.aspx頁面添加兩個Web--窗體，分別命名為chapter1和chapter7-2-1。

在chapter1中添加一個用于布局的HTML表格，向表格中添加三個TABLE控件，分別為TABLE1(新聞發布系統登陸)、TABLE2(用戶名)、TABLE3(密碼)，兩個TextBox控件，三個LinkBottou控件，分別為LinkBottou1（登陸）、LinkBottou2（注冊）、LinkBottou3（忘記密碼）。如下圖所示

在chapter7-2-1中添加一個用于布局的HTML表格，向表格中添加兩個LABLE控件，兩個TextBox控件，兩個LinkButton控件，分別為LinkButton1（找回）、LinkButton2（返回），界面如下圖所示

2、設計過程

（1）前臺界面設計

新建一個數據庫student，向其中添加一張新表users，在users表中添加字段username（用戶名、主鍵）、userpwd（密碼）、level（用戶級別）、question（找回密碼提示問題）、answer（預留的問題答案）。表設計完成后，適當的填入數據，其中“level”只能填入“admin（管理員）”和“users（普通用戶）”。如下圖所示

cahpter1中，TextBox2的TextMode屬性設置為PassWord chapter7-2-1中，“返回”按鈕的PostBackUrl屬性指向登陸界面chapter1。(2)后臺程序代碼

1>chapter1頁面中“登陸”鏈接按鈕的代碼

protected void LinkButton1_Click1(object sender, EventArgs e)

{

SqlConnection conn = new SqlConnection();

//設置conn對象的連接字符串

conn.ConnectionString = @”Data Source=.SQLEXPRESS;AttachDbFilename=F:新建文件夾案例7—2案例7—2App_DatanewsSystem.mdf;Integrated Security=True;User Instance=True“;

conn.Open();

string selectSql = ”select * from users where username='“ +TextBox1.Text + ”'and userpwd='“ + TextBox2.Text + ”'“;

SqlDataAdapter da = new SqlDataAdapter();

//創建DataAdapter對象

da.SelectCommand = new SqlCommand(selectSql, conn);

DataSet ds = new DataSet();

da.Fill(ds);

//將DataAdapter執行select語句的結果填充到DataSet對象

conn.Close();

//斷開鏈接，使用DataSet的離線操作模式

if(ds.Tables[0].Rows.Count == 0)

{

Response.Write(”“);

return;

}

DataRow myRow = ds.Tables[0].Rows[0];

if(myRow[2].ToString().Trim()== ”admin“)

{

Response.Write(”“);

}

else

{

Response.Write(”“);

}

} 2>chapter1頁面中“忘記密碼”鏈接按鈕的代碼：

protected void LinkButton3_Click(object sender, EventArgs e)

{

if(TextBox1.Text == ”“)

{

Response.Write(”“);

return;

}/通過查詢字符串將用戶名傳遞給找回密碼頁面

Response.Redirect(”chapter7-2-1.aspx?username=“ + TextBox1.Text);

}

3>chapter7-2-1的頁面加載事件代碼：

protected void Page_Load(object sender, EventArgs e)

{ if(!IsPostBack)

//如果頁面時首次加載

{

if(Request.QueryString[”username“]==null)

{

//若查詢字符串的值為null，則返回登錄界面，防止誤入

Response.Redirect(”WebForm1.aspx“);

}

} //將登錄頁面傳遞來的用戶名顯示在標簽控件中

Label3.Text=Request.QueryString[”username“];

SqlConnection conn = new SqlConnection();

conn.ConnectionString = @”Data Source=.SQLEXPRESS;AttachDbFilename=F:新建文件夾案例7—2案例7—2App_DatanewsSystem.mdf;Integrated Security=True;User Instance=True“;

conn.Open();//設置查詢字符串，查找同查詢字符串傳遞的用戶名一致的記錄

string selectSql=”select * from users wherusername='“+Label3.Text+”'“;

SqlDataAdapter da = new SqlDataAdapter();//創建DataAdapter對象

da.SelectCommand = new SqlCommand(selectSql, conn);

DataSet ds = new DataSet();

da.Fill(ds);

conn.Close();

if(ds.Tables[0].Rows.Count == 0)//未找到符合條件的記錄

{

Response.Write(”“);

return;

}

DataRow myRow = ds.Tables[0].Rows[0];

Label4.Text=myRow[3].ToString().Trim();} 4>chapter7-2-1頁面中“找回”鏈接按鈕的代碼：

protected void LinkButton1_Click(object sender, EventArgs e){ SqlConnection conn = new SqlConnection();conn.ConnectionString=@”DataSource=.SQLEXPRESS;AttachDbFilename=F:新建文件夾案例7—2案例7—2App_DatanewsSystem.mdf;Integrated Security=True;User Instance=True“;

conn.Open();

//打開連接

string selectSql=”select * from users where username='“+Label3.Text+”'“;

SqlDataAdapter da = new SqlDataAdapter();

da.SelectCommand = new SqlCommand(selectSql, conn);

DataSet ds = new DataSet();//將DataAdapter執行SQL語句的結果填充到DataSet對象中

da.Fill(ds);

DataRow myRow=ds.Tables[0].Rows[0];

if(TextBox1.Text==myRow[4].ToString().Trim())

{ //創建CommandBuilder對象后，無需再使用DataAdapter的/UpdataCommand屬性來執行更新操作，但前提是表一定要有主鍵

SqlCommandBuilder scb = new SqlCommandBuilder(da);

Random r=new Random();

string newpwd=r.Next(100000,999999).ToString();

Response.Write(”“);

myRow[”userpwd“]=newpwd;

//將新密碼寫入DataSet

da.Update(ds);

//將DataSet中的數據更改通過適配器回送到數據源

conn.Close();

}

else

{

Response.Write(”");

} }

3、設計結果

輸入用戶名和密碼，當用戶名和密碼都正確時，登陸到系統，顯示用戶級別。如下圖所示

當輸入密碼錯誤時，跳出對話框，提示用戶名或密碼錯，如下圖所示

當用戶忘記密碼時，可在輸入用戶名后單擊“找回密碼”按鈕跳轉到如下界面，找回密碼。

在“你的答案”對應的TextBox控件中輸入users表中預留問題所對應的相應答案，當答案正確時，生成新密碼，按“返回”按鈕，返回到登陸界面登陸系統。

五、設計中遇到的問題及解決方法

項目一

1、GridView1任務里編輯列時DataField與HeaderText混淆。

經過老師的講解示范及同學們的幫助，搞明白里DataField與HeaderText的意思。

2、SqlDataSource配置數據源時發生錯誤。

之所以會在這塊發生錯誤時因為搞清楚數據庫連接及沒有明白代碼的意思，經過老師的講解和與同學的探討我們一起解決了這個問題。

項目二

1、數據庫保存有問題，丟失不會找回。

剛開始我們使用本機創建數據庫，這樣的情況下，關機后就會還原，所以會丟失，在老師的講解與同學的相互探討下，在SQL Server或Access中創建并導入，這樣就不會丟失。

2、“忘記密碼”鏈接按鈕的代碼出錯，頁面跳轉不了。

該鏈接按鈕的主要作用是當忘記密碼時跳轉至“找回密碼”頁面找回密碼，應該使用內置對象的Response對象的Redirect屬性，該方法可以使瀏覽器立即重定向到程序指定的URL，可以為不同用戶指定不同的頁面。

3、“找回密碼”時“找回”出現錯誤。

該項操作是用UpdataCommand屬性來執行更新操作，但前

提是表一定要有主鍵，而我們大多同學都忽略了這個問題，當表中設置主鍵之后才可以使用UpdataCommand屬性來執行更新操作，保存新密碼。

六、參考資料

《ASP.NET 4.0 網站建設基礎教程》主編：王翔

七、實訓總結

兩周的動態網站實訓結束了。

兩周的實訓讓我學到了好多知識也收獲了好多，這次實訓讓我明白了我們實訓的主要目的是讓我們通過不斷的上機實習以及使用它來解決一些力所能及的實際問題，這樣，才能夠更好的掌握技能，在遇到程序調試不通過時，會通過縮小范圍的分析來鎖定問題所在，因此，我提醒自己在編寫程序時要特別注意細節方面的問題，一個小小的疏忽就能導致整個程序不能運行，做到有細心、有耐心的編寫程序、檢查代碼的好習慣。

完成了兩個項目，提高了運用計算機技術的素質。這次實訓項目對于自己也是一個全新的挑戰和對于自身能力的提高，在此期間，有老師和同學的幫助和講解，讓我認識到團隊精神的重要性，一個懂得合作的團隊的力量是無窮的，不管是什么困難，大家一起總會解決。遇到一些比較棘手的問題也學會了冷靜地解決，而不是盲目地學習，在不斷解決問題的同時自己也可以學到好多課本以外的知識，在完成作業時必須做到嚴謹，認真，有時一點小的錯誤會引發好多問題，同時也看到了自身的不足，要加強這類程序設計的練習，只有通過不斷地去做，不斷學習，才能發現更多的問題和學習的方法。學習是一個不進則退的過程，所以，需要更加努力。

感謝學校給我們這次實訓的機會，感謝老師孜孜不倦的講解，感謝同學們的幫助。

八、實訓成績

____________________

第二篇：動態網站實訓報告

動態網站開發實訓報告

前言

隨著計算機技術和互聯網技術的不斷發展，人們對網絡的要求越來越高。傳統的靜態網頁技術已不能滿足廣大用戶的需求，各種動態網頁技術應運而生。ASP和ASP.NET作為兩種主流的動態網頁技術，提供了用于創建Web頁的強大、快速、有效的方法，其中ASP.NET利用通用語言運行環境CLR（common language runtime）和服務框架，主要任務之一就是生成HTML流返回客戶瀏覽器。它提供了一個全新而強大的服務器控件結構，其本質幾乎全是基于組件和模塊化，每一個頁，對象，和HTML元素都是一個運行的組件對象。在開發語言上，ASP.NET拋棄了VBSCRIPT和JSCRIPT，而使用.NET Framework所支持的VB.NET，C#.NET等語言做為其開發語言，這些語言生成的網頁在后臺被轉換成了類并編譯成了一個DLL。由于ASP.NET是編譯執行的，所以它比ASP擁有了更高的效率。

1.網站定位

運用ASP.NET技術創建一個都市新聞管理系統，由前臺新聞瀏覽和后臺新聞管理兩大部分組成。其中主要內容包括系統需求分析、系統整體設計、后臺數據庫設計，掌握數據庫創建、網站頁面設計與制作、網站功能的實現、程序調試以及網站的發布操作技能。

2.項目功能規劃

通過ASP.NET技術開發，后臺功能模塊主要包括后臺管理員信息管理，新聞類別管理，新聞管理，留言板管理，友情鏈接管理、后臺安全退出等功能。前臺功能模塊則包括新聞分類、顯示新聞詳細信息、新聞信息查詢，提供留言板塊、友情鏈接等功能。

3.網站設計與開發

先創建數據庫News，包括Admin、Link、NewsType、News、Book五張表，對表結構進行相關設計。

創建公共模塊。所謂公共，就是共同擁有，其功能是共享的。新建一個站點，設置數據庫的鏈接，公共類的創建，為整個網站做好準備工作。

創建后臺模塊。后臺首頁為管理員登陸頁面，設計完畢后創建后臺模板，接著通過母版創建相關網頁。需要創建的頁面有管理員信息的管理、添加，新聞類別的管理和添加，新聞的管理、添加、更新，留言板信息的管理、添加和更新，友情鏈接的添加、管理等。每張頁面完成后接著編寫相關代碼，一共30張頁面。

創建前臺模塊。創建模板頁，通過母版頁創建首頁index.aspx，設計首頁頁面，編寫index.aspx.cs文件源碼。

4.網站的發布與調試

運行的過程中，發生了很多錯誤，如數據庫語句錯誤，事件過程編寫錯誤等，需調試后糾正錯誤，達到運行良好的效果。

5.實訓總結

這次實訓，讓我更深地了解了Visual Studio2005的基本知識，掌握和運用ASP.NET的技巧，同時還掌握了電子商務網站建設的基本流程和注意事項，及相關網頁制作軟件工具的使用。

并且通過這次實訓，我深深的體會到做網站建設信息管理系統的艱辛，以及作為一個后臺管理人員的艱辛，要做好一個完整的信息管理系統，不僅僅需要過硬的技術，還需要更多的耐心、細心與毅力。再次，在實訓的過程中，我深深的感覺到自己在實際運用中專業知識的缺乏，及自己工作能力的不足，遇到問題總是很難解決。通過這次實訓，今后不管遇上什么樣的工作問題，要學會自己冷靜思考分析，一點點排除障礙，到最后獲取成功。并且不懂的問題，要多向別人請教。另外，今后應多加練習多加熟悉常用的代碼，爭取在這方面取得更大進步

第三篇：動態網站建設實訓報告

摘要

人類永無止境的探索精神，是科技發展的原動力，驅動著我們的步伐飛速邁入21世紀的E世代。我們是新世代的探險家，為人類探索陌生的價值，就像第一個發現黃金價值的人。我們了解所做的事，我們知道該如何去做，正確判斷自己，正確判斷周遭，我們絕不冒險。我們肩負使命，為世人開拓溝通的新方法，人類的感知將無限延伸，溝通將與光同速。

企業形象和商業宣傳網站主要是為了全面展現企業的整體理念，介紹公司的業務和宣傳商業價值。

設計風格配合企業的統一形象，力爭國際化、商業化；表現上配合多媒體技術和手段，充分體現寬帶環境下的絕對優越，強調感官沖擊力網站信息編排和欄目設計上，力爭簡潔、明晰，做到信息模塊化；根據訪問者的不同動態生成對應級別信息；網站內容上緊扣主題與各功能網站保持完整線上宣傳系統的絕對職能分工。

汽車網站是一個汽車企業的“商標”，每一個汽車企業里的每一個系列汽車都有自己的特色，每一個系列都有自己的個性。在這個高度信息化的社會里，建立自己汽車企業網站是最直接的宣傳手段。網站的超時空特性，不僅能讓地區內的人們了解該汽車企業的文化，更可讓世界了解你的汽車發展過程。

本網站采用動態網頁設計與靜態網頁相結合的技術，運用網頁三劍客軟件及Dreamweaver軟件進行網站開發、制作，Access數據庫的應用使網站更加完整明了。整體頁面采用的是模版加表格的形式，適當加如CSS特效編程使網頁變的越加生動和新穎。本站主要包括搜索商品信息、瀏覽商品信息、修改商品信息以及購物車及留言板的設置更是為網站增分不少。

利用現在時下非常流行的引導頁加首頁的樣式，此樣式最大的特點在于，引導頁給予閱讀者一個網站總體的感受，第一印象是最重要的，所以我們要抓住這第一印象，給予讀者一個數字化的網站新概念。

關鍵詞：汽車、保養、站點、網站建設

目錄

第一章 概述........................................3 第二章 實訓內容 ?????????????????? 3

2.1 實訓策劃書的撰寫 ?????????????????????3 2.2 電子商務網站建設 ?????????????????????3 2.3 電子商務網站發布 ?????????????????????4 2.4 電子商務網站推廣 ?????????????????????4 2.5 電子商務網站管理 ?????????????????????4 第三章 實訓步驟 ??????????????????5

3.1 實訓分工?????????????????????????5 3.2 電子商務網站欄目規劃 ??????????????????5 3.3 網站整體數據庫設計 ???????????????????5 3.3.1 數據庫表的設計 ??????????????????5 3.3.2 數據庫表的設計 ??????????????????6 3.3.3 數據庫表的設計 ??????????????????6 3.3.4 數據庫表的設計 ??????????????????7 3.4 網站系統設計 ?????????????????????7 3.4.1 登陸與密碼驗證系統 ???????????????7 3.4.2 商品信息維護系統 ????????????????8 3.4.3 商品信息搜索系統 ????????????????9 3.4.4 留言板系統 ???????????????????9 3.4.5 整體網站系統展示 ????????????????10 第四章 實訓心得 ?????????????????10一． 概述

實訓目的：電子商務網站建設課程實習是電子商務專業的重要實踐環節。通過實習使學生能夠更進一步的領會電子商務網站建設的相關知識，熟悉和掌握網站規劃、設計的基本流程和注意事項，熟練運用網站建設的各種開發工具。并希望通過網站建設課程設計來培養學生綜合運用所學知識分析和解決實際問題的能力，為今后就業打下堅實的基礎。通過規劃與設計以營銷為導向的網站，加強對網絡營銷導向的企業網站的認識，掌握網站的規劃和設計方法，達到以學致用的目的。

電子商務作為網絡和商務的結合的產物，電子商務網站建設是電子商務的一個重要的環節。實踐是學習網站建設的十分重要的環節，通過實際的上機操作調試過程建立動態網站所需的一些基本的實訓。

1、學會使用Dreamweaver 軟件，了解并掌握該軟件的各種功能

2、學習使用“頁面創建”和“設置服務器信息”功能。

3、學會在頁面訪問數據庫的方法，包括對后臺數據庫進行各項操作。

4、利用已經學習的動態網頁知識和數據庫知識進行一個綜合練習

實訓內容：通過實際操作建立一個網上書店購物系統。這次實訓的要求就是讓我們建立三個系統：用戶和管理員登錄和密碼驗證系統、商品信息維護系統、集成的購物車系統。

二． 實訓內容 2.1 實訓策劃書的撰寫

見實訓報告后附的實訓報告紙（3頁）

2.2 電子商務網站建設

近幾年來人們的消費習慣、消費理念以及生活模式都在發生著潛移默化的轉換，網絡化帶來的一種新興生活模式將變得越來越直觀，這給電子商務帶來更多的發展機遇。在這個信息化的社會，利用互聯網迅速搶占商機也成為廣大企業決策者在決策過程中的首選。而電子商務網站的重要性也逐漸的體現出來。越來越多的企業開始意識到電子商務網站在日后的競爭中所占絕的地位越來越遠重要。我們此次就是針對這一需求而開發的一個電子商務網站。旨在更加熟練的掌握動態網站建設的相關技巧與知識，并迎合當今市場開發出適合消費者的網站。

2.3 電子商務網站發布

網站發布及前期準備工作：域名的申請；運行環境的準備（服務器的選擇）；人員培訓；數據準備；試運行；系統正式發布

發布一個站點就是將做好的文件復制到一個目的地，即運行網站的服務器上。常用的發布工具有：利用FrontPage來發布網站；利用DreamWeaver發布網站；利用CuteFTP上傳。

2.4 電子商務網站推廣

突出網站的主題，把網站的功能作用發揮到最大。我們網站采用個性化開發，以凸顯我們企業的文化及產品，讓客戶在瀏覽網站的時候眼前一亮，進而讓人們記住我們的網站，以增加瀏覽量及客戶群。

首先我們可以與一些知名度較高，并與我們互補的一些網站進行友情鏈接。而且我們這次選擇的目標市場是高校園區的一些在校大學生及周邊居民，根據他們的消費特性，我們可以流量較大的個人站點進行宣傳推廣，并按訂單成交金額向小網站付傭金的方式，以減少推廣費用，并取得良好的回報。

我們還可以進行郵件廣告的推廣，發給注冊用戶，可以讓客戶了解網站動態，持續關注網站，并在醒目位置放“退定”選項，以達到最好的宣傳效果，減少用戶的反感。

我們還可以提供一些免費的服務，比如免費Blog，免費資源下載等等，增加用戶的流量，留住顧客群。

最終我們可以進行客戶關系管理，以抓住新顧客，留住老顧客，用產品和服務說話，并致力于為消費者提供一個友好頁面的網站而努力。

2.5 電子商務網站管理

我們根據我們網站的性質打算采用租用虛擬主機模式，以減少運營成本。我們主要采取ACCESS、SQL等數據庫后臺管理技術，以方便我們的維護和管理。并且后期我們網站打算采用Window2000/NT，雖然費用較貴，而且需要的硬件配置也較Linux要求高，但是Windows操作簡便、配置和管理伺服器容易上手，并且不需要專門的技術人員維護，可以降低維護成本和更新難度。

三．實訓步驟 3.1 實訓分工

在此次電子商務網站建設實訓中，我們小組是第12小組，我們小組共有六人：徐愛蓉、武勁、范元、唐意峰、侯晴晴、胡夢雅。我在這次實訓中，參與了實訓內容的討論，參與并制定了商品藍布規劃，確定了一級目錄、二級目錄的確切內容，參與了汽車產品的信息收集，完成了電子商務網站建設的策劃書。并完成了用戶登錄和注冊的頁面設計。

3.2 電子商務網站欄目規劃

1.網站的結構導航

網站欄目包括：輸入商品信息、修改商品信息、瀏覽商品信息、搜索商品信息及購物車以及留言板

靜態頁面有：首頁、公司簡介、新聞專區、保養專區、車展專區、好車推薦以及聯系我們等 2.網站整合功能

FLASH引導頁、會員系統、網上購物系統、在線支付、注冊、登錄、信息搜索查詢系統、信息修改、留言板系統等等。

3.3 網站整體數據庫設計

3.3.1 數據庫表的設計 ：cccount表

3.3.2 數據庫表的設計： catalog表

3.3.3 數據庫表的設計：order表

3.3.4 數據庫表的設計：shoppingcart表

3.4 網站系統設計

3.4.1 登錄和驗證密碼系統設計

網上車店有幾類用戶，用戶通過網上車店選擇想購買的汽車，管理員利用網上車店的產品目錄系統來維護可選的汽車信息，當然可能還存在更多類別的用戶。對于每一類用戶，他們在網上車店中的權限是不一樣的，用戶只能選擇汽車，而不能修改汽車信息； 管理員只能維護汽車信息，而不應該有查看和修改用戶購物車和訂單信息的權力。通常，用戶登錄和密碼驗證系統包含一般用戶注冊功能、用戶登錄功能、用戶登錄失敗提示、密碼和賬戶信息修改功能。

用戶注冊界面

用戶登錄界面

3.4.2 商品信息維護系統

商品信息管理系統，包含供管理員輸入和維護商品信息的功能，以及公用的商品信息查詢功能。管理員通過商品信息輸入功能來加入新的商品信息，通過商品信息修改功能來維護已有商品信息的變化； 顧客和管理員都可以通過商品信息查詢功能來得到商品的相關信息，比如管理員可以用它來檢查數據輸入是否有誤，顧客可以用它來了解商品的詳細信息，以便決定是否選擇該商品。輸入商品信息頁面

修改商品信息界面

瀏覽商品信息界面

3.4.3 商品信息搜索系統

用戶可以選擇自己想要找的汽車，然后在此頁面輸入

3.4.4 留言板系統 用戶可以在此留言板上留言，我們會及時回復

3.4.5 整體網站系統展示

四．實訓心得

通過這次實習我了解到了電子商務遠大的發展前景，現在網絡日漸走進大家的生活中，人們的生活也漸漸離不開計算機，同時大家的消費習慣也有所改變，網上購物也日漸為大家所接受，網上銷售網上廣告的比重也逐漸增加，而這一切都與電子商務有密切的聯系，學習電子商務，使我有信心在自己專業上有所發展。

在我看來，設計網頁，應該先策劃，策劃很重要，加上創意，配色很重要，技術與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應的英語，見名知意，如圖片文件夾用image，網頁文件夾用html。

本次網站主要是運用本學期學過的知識來布局應用、制作動畫效果，通過本次的網站設計，運用了本學期所學到的知識這樣不僅復習了本學期學過的一些知識，同時也加深所學知識的內容，在制作網站的過程中，碰到了不少的不明白的地方通過老師同學的幫助也解決了不少問題，通過循序漸進的學習慢慢地完成了本次的網站建設，這次做的網頁雖不是很好看，有不足之處，比如網頁布局不是很完善，可是我花了很多時間來完成它，所以呢，它對我以后做網頁有很大的幫助。在此次做網頁的過程中也讓我學到了很多東西，所以呢從我內心來說我是很滿意我的這次經歷，同時也要謝謝老師安排這樣的實習周。因為在制作過程中我不僅學到了書上沒有的東西，也培養了我獨立思考問題的能力，同時還增強了同學之間的團結互助的友誼。因此，不論從哪個角度來說，這次設計就是在不斷的“發現問題——解決問題——再發現問題——再解決問題——”這個學習過程中完成的。

通過此次實訓,我覺得平面設計的創意思維、版面設計、色彩配置、圖形創意等方面都有很重要，對于網頁制作來說，我覺得是一個以多學科設計為基礎，受到包括視覺藝術、技術、內容的多種影響。網頁設計的技術不算什么困難，真正困難的是網頁的設計創意，文字也很重要，有些人瀏覽你的網頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調，也就是整體的搭配問題。

第四篇：動態網頁asp實訓報告

安徽商貿職業技術學院經貿系電子商務

(2008級)

動態網頁設計

設計時間：2010年6月14日 至 6月18日

設計地點：電子商務實訓室二班級：電子商務082班姓名:周 海 強

一、實訓目的與意義

通過實驗教學主要培養學生的動手能力，提高學生運用ASP編程工具編寫動態網頁能力的水平，掌握ASP網頁下HTML標記、普通文本和腳本命令等的使用。利用ASP可以向網頁中添加交互式內容（如在線表單），也可以創建使用HTML網頁作為用戶界面的web應用程序和CSS語言的應用，掌握在創建連接的“插入、查詢、修改”與數據庫連接等方法。綜合運用所學ASP編程知識進行網頁材料準備，并建設一個小型的電子商務網站。

二、實訓時間

6月14日——6月18日

三、實訓地點

電子商務實訓室二

四、實訓進度與計劃

第一天：查看實訓要求了解做什么網站，然后上網查看他人網站，之后規劃自己的網站。

建一個文件夾，收集相關素材，并利用PhotoShop、Flash等多媒體制作軟件

創作出一些多媒體作品，為網頁制作進行網頁的充分材料準備。

第二天：創建數據庫，建立相關數據表，并連接圖片地址等素材和輸出的相關信息。1

第三天：編寫主頁頁面的內容信息及其他導航欄的相關內容。

第四天：繼續編寫相關網頁內容并做出最后的測試工作。

第五天：驗收通過并提交網站作業。

五、實訓步驟

1.構思網站總體規劃及布局。

2.創建數據庫，建立相關數據表。

3.在數據表中連接圖片地址和輸出的相關信息。

4.編寫網頁top頭部的logo、導航欄和banner的相關信息。

5．運用ASP編寫左邊left的二級目錄內容和底部boot的建站信息連接及

相關內容連接。

6.在主頁主體main內容通過數據庫輸出相關的產品內容及信息和導航欄其他頁面的內容。

7.編寫注冊/登陸、購物車、FAQ和留言系統等網頁。（必要時建設后臺管理系統）

8.測試網站并完善主頁及各個子頁，對不足之處做出相關改進的工作。

9.驗收通過并提交網站作業。

六、實訓心得與體會

經過一周的實訓練習讓我學到了許多知識,也有了很大的收獲。這次實訓讓我明白了我們實訓的主要目的是讓我們通過不斷的上機實習以及使用它來解決實際的問題，才能更好的掌握所學技能。實踐出真理，在這一周的實訓中確實很累但是累得有價值。學海無涯，好多好多的東西還在等待我們去努力的開發學習。我堅信，用血淚去做自己認為應該做的事，努力的開拓我們的極限，沒有什么是不可能的。希望自己可以真正的化解這些知識為我所用！在以后的工作、生活和學習中，發展自己的優勢，彌補自己的不足和缺陷。

七、合理化建議

對自己而言，多提升獨立完成工作的能力和團隊的合作能力。提升自我的審美能力，加強“美”的判斷，提升網頁的整體優化意識。多思考，多動手。學校可再提高機房的電腦的利用率，多置些“好”的機子，減少學生實訓過程中的機子故障，提高效率。

以上報告內容會因實際情況而不同，但基本上就是這樣的。2

第五篇：動態網站建設實訓報告

動態網站建設

實訓報告

班級：G093501

姓名：孫琦

學號：093501047

指導老師：XXX

實訓時間：2011.10.10 ~ 2011.10.1

52011年10月15日甘肅機電職業技術學院

一、實訓目的1、進一步熟悉和掌握網站建設的基本流程和技術規范；

2、鞏固運用Dreamweaver網頁制作軟件制作網頁、特別是制作復雜網頁的知識；

3、鞏固綜合運用Dreamweaver軟件完成網站建設任務的方法，能獨立設計一個內容完整、技術運用得當的網站；

4、在網頁設計的實踐中培養分析問題、解決問題的能力，培養協作、交流的能力，培養創新能力和團隊意識；

5、緊緊圍繞網頁制作的流程：規劃、設計、開發、發布、維護來進行網站的開發，制作出具有較高水準的動態網頁。以此作為學生學習這門課程的階段性總結，使學生復習、鞏固所學過的理論，并予以適當的深化，進一步訓練學生的基本技能（如：搜集資料、整理數據、制表繪圖、發現與分析問題、尋求解決問題的方案等），為今后從事網站開發、維護和管理奠定基礎。

二、實訓項目

學生信息管理網站

三、實訓過程 1．資料的搜集。

2.構建站點框架。

3.設計主頁及二級頁面。

4.實現網頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

具體情況如下： 通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。所以我結合所學專業的內容制作了個人網站，作為實習的成果。其內容是多樣化的。制作網頁用的軟件是Dreamweaver 軟件。Dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部局域網的數據庫應用等功能。

制作網頁,首先是確定主題,經過再三考慮,就做了個關于學生信息管理的網站,于是確定主題,但有些內容比較復雜,對于我們來說有點不實際,根據這種情況,最后決定建立一個簡單的學生信息管理網站,于是網站主題確立。

然后是整體規劃，每一版塊清晰明，便于管理，大致分幾部分，學生信息顯示、編輯、添加、刪除等。

再后就是建立站點，接下來就是制作網頁了，使用Dreamweaver制作。

首頁主要是導航作用。首頁制作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡潔實用: 這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

還有，這次的網站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少。

再后，是網頁的上傳與發布，用ftp將制作好的網站上傳

制作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才開始查找，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網頁一個的修改，于是趕緊上網學習相關內容，閱覽書籍，最后才知道文件這有個資源，點擊：

進入資源面板，點擊到數第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網頁中去了。這只是在制作過程中出現的問題之一，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。

以后要學的實在是太多了，而且我也很喜歡這方面，在以后的日子里，會努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點。

四、心得體會 在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中的重要組成部分，從而倍受人們的重視。

對于現在的社會，科技的飛速發展已經成為社會發展的標志。其中計算機的發展可謂快中之快，而在計算機的發展中計算機網絡的發展又是首當其沖的。計算機網絡從為我們所知，到現在才經歷的短短的幾年時間，在這幾年中隨著計算機網絡的廣泛應用，特別是Internet的普及和發展，網絡已經成為了不可或缺的通信手段。不論是最新的新聞信息、新產品的出臺、新游戲的發布、最新的各種IT動態，包括等候就業人才的個人簡歷，我們都是可以通過網絡來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢——對就是網頁。現如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成為通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“代言人”。我們將什么樣的信息傳達給瀏覽者，要講述什么樣的事情，網頁在這里起著重要的作用。

（一）頁面的設計方面

網頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。

學習網頁設計需要耐心，如果沒有耐心，就學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。

學習網頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟件在不斷的更新，因此我們要不斷的學習

并且學習網頁設計不要掉入技術的陷阱，如果你的網頁設計技術一流，并且對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是介于平面設計和編程技術兩者之間的“邊緣科學.”不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到：,VBscript,css,asp等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.并且我認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。

（二）網頁的整體布局和導航

網頁的布局通常指的是網頁的整體架構，說的通俗一點就是排版。如何突出最重要的內容，即讓用戶眼就看到這個網頁所想要傳達的信息。這一點至關重要。在大多數做的比較成功的網頁中，一個共同的特點就是網頁的整體架構十分的清晰明了，便于用戶瀏覽。

網頁布局是主要考慮以下幾點：

1、首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。

2、其次就應該考慮導航條的設置了。

3、正文的框架設置（橫向因素和縱向因素交錯）

（三）網頁制作過程中的其他注意事項

不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。通過這次實習，在制作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態特效。可是總遇到這樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。

一個星期的實訓將結束了，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了制作動態網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質的培養，鍛煉和提高。