ASP課程設計---在線相冊

1、Web應用程序開發(fā)能力綜合實訓 -在線相冊設計 系別： 班級： 姓名： 學號： 日期： 1、 課程設計題目：在線相冊設計2、 課程設計目的一個綜合性的實踐環(huán)節(jié)，通過課程設計促進知識的復習和所學知識的鞏固。并利用所學知識能夠利用VS2005開發(fā)一個簡易系統(tǒng).3、 課程設計要求1、以小組為單位進行設計，四人一組。2、任選一個設計完成，界面自定，同樣的項目功能代碼不能雷同，否則以不及格計。3、上交的成果的內容必須由以下兩個部分組成：a)上交源程序：按照基本功能的具體要求所開發(fā)的所有源程序及數(shù)據(jù)庫文件，首頁文件統(tǒng)一為index.aspx，圖片文件統(tǒng)一存入Images文件夾b)課程設計報告：電子檔保存在

2、word 文檔中，文件名要求按照“班級學號_姓名_課程設計報告”起名，如文件名為“02計網(wǎng)1班55號_張三_課程設計報告.doc”。c）紙質課程設計報告要求十頁以內。需求分析隨著人們生活水平的逐步提高，旅游照相成了大家必不可少放松項目。雖然照片最后會存入到自己的電腦里，但是時間一長、照片一多，這些有著勾起回憶的“資料”，就會顯得雜亂無章，即不方便欣賞，也不方便管理。而在線相冊具有欣賞、傳播方便，界面美觀等特點，可以很好的管理所存入的照片，不失為最佳欣賞、保存照片的相冊工具。在線相冊系統(tǒng)平臺也就應此應運而生。本系統(tǒng)是一種基于B/S架構的在線管理系統(tǒng)，它采用目前最流行的java語言編寫，用到了當今

3、先進的技術如 jsp技術、基于JSP+Servlet+DAO模式在小型應用系統(tǒng)中式靈活并穩(wěn)定的架構，是典型的基于MVC模式的架構。同時采用MVC框架技術也提高了系統(tǒng)的可維護性。系統(tǒng)分為：個人管理模塊、相冊管理模塊、相片管理模塊。注：注冊用戶登陸后可以進行添加相冊，上傳，刪除照片，修改資料等一系列操作。而如果是未注冊用戶只能查看相冊中的內容，沒有權力進行相應的修改。特別是上傳相片、相冊列表、相冊管理、相片查看及評論管理等模塊是在線相冊系統(tǒng)的重點。4、 課程設計內容1.系統(tǒng)總體結構圖 1-1 總體架構2.用例圖用例圖就是把網(wǎng)站各個用戶的動作分解一下，再用畫圖軟件把它畫出來。電子相冊系統(tǒng)的角色之一是

4、注冊用戶目的：完成注冊用戶登陸后的一系列操作的完整過程。（1）用戶輸入登錄名，密碼，系統(tǒng)識別用戶信息的有效性；（2）對用戶信息進行識別；（3）用戶完成相冊列表，新建相冊修改資料等一系列操作；（4）退出系統(tǒng)。圖 1-2 用例圖3.系統(tǒng)功能模塊結構在線相冊系統(tǒng)的目標是工在線用戶發(fā)布相片、將相片歸類存放，并允許其他在線網(wǎng)友欣賞及評論相片。在線相冊管理系統(tǒng)分為用戶管理、相冊管理模塊、相片管理模塊、評論管理模塊。注：注冊用戶擁有全部操作權限，而如果是未注冊用戶只能查看相冊中的內容，沒有權力進行相應的修改。4.相片管理模塊(1) 業(yè)務描述：用戶登錄后能發(fā)布并刪除、修改發(fā)布的相片。(2) 業(yè)務流程：用戶可以

5、瀏覽相關的相冊的照片，獲取相片的列表和分頁（某個用戶某個分類中的相片），以縮略圖及全圖兩種模式來顯示選擇的某張相片，在該頁面中用戶可以根據(jù)自己的需要上傳相應的圖片，為圖片取名、分類，提交后返回相冊列表。(3) 輸入數(shù)據(jù)：記錄編號是自增列不顯示在前臺頁面；圖片名稱、文件簡介分別以文本框的形式展示在前臺頁面中，由用戶輸入；圖片的上傳以一種數(shù)據(jù)流的形式出現(xiàn)，出現(xiàn)在前臺的時候以一種需要用戶點擊選擇的形式出現(xiàn)。(4) 角色說明：此功能主要由注冊用戶和非注冊用戶使用。5.相冊管理模塊(1) 業(yè)務描述：新建相冊，刪除相冊，修改相冊，并獲取列表和分頁（某個用戶個人分類）。(2) 業(yè)務流程：點擊相冊管理，進入相

6、冊管理的主界面根據(jù)提示輸入相關的信息后選擇提交，則可看到剛剛新添加的那個相冊，然后可以根據(jù)自己的需要選擇是的操作。 (3) 錯誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會給出相應的提示。(4) 輸入數(shù)據(jù)：由用戶輸入相應的數(shù)據(jù)信息。(5) 輸出結果：其輸出結果為在相冊列表中給予相應的顯示。(6) 角色說明：此功能主要注冊用戶使用。6.用戶管理模塊(1) 業(yè)務描述：用戶以用戶名及密碼登陸 注冊，可修改密碼。對注冊用戶來講，將自己的資料從后臺數(shù)據(jù)庫中讀取出來然后根據(jù)用戶的需要進行相應的修改，根據(jù)用戶資料采集界面來采集相應的數(shù)據(jù)，根據(jù)這些數(shù)據(jù)來更新數(shù)據(jù)庫中該用戶的相應資料。如果是未注冊的用

7、戶可根據(jù)提示進行注冊。(2) 業(yè)務流程：用戶登錄后進入我的主頁，可以瀏覽相冊和最新10條相片評論信息，選擇一相冊進入可以瀏覽相冊的整個相片，并查看選中相片的放大圖以及對其的評論信息。同時還可以查看每條評論的詳細信息。(3) 錯誤處理：在填寫信息的過程中不允許有不被填寫的欄目，系統(tǒng)會給出相應的提示。(4) 輸入數(shù)據(jù)：由用戶輸入相應的數(shù)據(jù)信息。(5) 輸出結果：無(6) 角色說明：此功能主要注冊用戶使用。7.數(shù)據(jù)庫模塊本系統(tǒng)中涉及的數(shù)據(jù)庫主要包括注冊用戶、相片分類、相片信息及評論信息。注冊用戶信息表保存在線相冊系統(tǒng)的注冊用戶的基本信息，包括用戶名、昵稱、密碼及注冊時間等，如表1-1所示。表1-1

8、注冊用戶信息表（userInfo）名稱類型含義說明useridInt(8)主鍵usernamevarchar(100)登錄用戶名not nullpasswordvarchar(100)用戶密碼nicknamevarchar(255)用戶昵稱addTimedatetime注冊時間相片分類只有4個字段：即主鍵、分類名稱、描述信息及所屬的用戶id。如表1-2。表1-2 相片分類信息（album）名稱類型含義說明categoryridInt(8)主鍵namevarchar(50)分類名稱not nullmemovarchar(255)分類描述useridintr(8)所屬用戶id關聯(lián)到userInfo

9、表的userid相片信息表用于保存用戶相片及其相關信息，包括相片標題、相片簡介、相片上傳時間、相片所屬分類、相片保存的地址，以及相片的文件名。其中，相片保存的地址及文件名是附加信息：相片文件名是用來記錄用戶上傳相片時原相片文件的名稱，用于用戶瀏覽或下載相片時讓Web瀏覽器顯示文件名，以供用戶使用；文件類型信息指的是相片文件的格式類型，在顯示相片時會用到。如表1-3。表1-3 相冊信息表（image）名稱類型含義說明photoidInt(8)主鍵Titlevarchar(50)相片標題memovarchar(255)相片描述catrgroyidint(8)相片分類關聯(lián)到category表的cat

10、egoryidurlvarchar(100)相片保存地址pubTimedatetime相片上傳或最新修改時間filenameintr(8)所屬用戶id8.運行界面如圖1-3所示：圖 1-3 主界面5、 課程設計核心代碼Login.aspx代碼如下： protected void btnLogin_Click(object sender, EventArgs e) string name =TextBox1.Text.Trim(); string pswd =TextBox2.Text.Trim(); string str = server=.;database=MyPhoto;uid=sa;p

11、wd=111111; SqlConnection con = new SqlConnection(str); con.Open(); str = select count(*) from UserInfo; SqlCommand cmd = new SqlCommand(str,con); int count = Convert.ToInt32(cmd.ExecuteScalar(); if (count 0) Response.Redirect(main.aspx); else Response.Write(alert(登錄不成功，請檢查輸入信息);); addImage.aspx主要代碼如

12、下： protected void Button1_Click(object sender, EventArgs e) DB db = new DB(); int albumID = Convert.ToInt32(DropDownList1.SelectedValue); DateTime imageTime = DateTime.Now; string imageUrl = image/ + FileUpload1.FileName; string imageType = FileUpload1.FileName.Split(.)1; string imageName=FileUpload

13、1 .FileName .Split (.)0; string imageDesc=TextBox1 .Text .ToString (); if(imageType .ToLower ()=jpg|imageType .ToLower ()=gif|imageType .ToLower ()=png) FileUpload1 .SaveAs (Server .MapPath (imageUrl ); db .addimage (albumID ,imageName ,imageUrl ,imageTime ,imageDesc); Response .Write (alert(添加成功！);

14、location.href=Default.aspx; );addAblum.aspx主要代碼如下：protected void Button1_Click(object sender, EventArgs e) DB db = new DB(); string albumName = TextBox1.Text; DateTime albumTime = DateTime.Now; string logourl = image/ + FileUpload1.FileName; string exname = FileUpload1.FileName.Split(.)1; string alb

15、umDesc = TextBox2.Text; if (exname.ToLower() = jpg | exname.ToLower() = gif | exname.ToLower() = png) FileUpload1.SaveAs(Server.MapPath(logourl); db.AddAlbum(albumName, albumTime, logourl, albumDesc); Response.Write(創(chuàng)建專集成功);location.href=default.aspx;); updateAblum.aspx主要代碼如下：protected void Page_Loa

16、d(object sender, EventArgs e) if(!IsPostBack ) DB db = new DB(); int albumID = Convert.ToInt32(Request.QueryStringid); TextBox1.Text = db.select_albumMore(albumID).Rows00.ToString(); TextBox2.Text = db.select_albumMore(albumID).Rows02.ToString(); Image1.ImageUrl = db.select_albumMore(albumID).Rows01

17、.ToString(); protected void Button1_Click(object sender, EventArgs e) DB db = new DB(); int albumID = Convert.ToInt32(Request.QueryStringid); string albumDesc = TextBox2.Text.ToString(); string albumName = TextBox1.Text.ToString(); DateTime albumTime = DateTime.Now; string logourl = image/ + FileUpl

18、oad1.FileName; string exname = FileUpload1.FileName.Split(.)1; if (exname.ToLower() = jpg | exname.ToLower() = png | exname.ToLower() = gif) FileUpload1.SaveAs(Server.MapPath(logourl); db.updateAlbum(albumID, albumDesc, albumName, albumTime, logourl); Response.Write(alert(修改成功);location.href=default

19、.aspx?;); Update.aspx.cs代碼如下：protected void Page_Load(object sender, EventArgs e) if (!IsPostBack) DB db = new DB(); int imageID=Convert .ToInt32 (Request .QueryString imageID); TextBox1 .Text =db .select_Desc (imageID ).Rows 00.ToString (); protected void Button1_Click(object sender, EventArgs e) DB db = new DB(); int albumID = Convert.ToInt32(DropDownList1.SelectedValue); string imageDesc = TextBox1.Text.ToString(); int imageID = Convert.ToInt32(Request.QueryStringimageID); db.update(albumID, imageDesc, imageID); Response.Write(alert(修改成功);location.href=default.aspx?;); 6、 課程設計心得