ASP課程設(shè)計(jì)---在線(xiàn)相冊(cè)

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

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

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

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

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

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

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

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

9、表的userid相片信息表用于保存用戶(hù)相片及其相關(guān)信息，包括相片標(biāo)題、相片簡(jiǎn)介、相片上傳時(shí)間、相片所屬分類(lèi)、相片保存的地址，以及相片的文件名。其中，相片保存的地址及文件名是附加信息：相片文件名是用來(lái)記錄用戶(hù)上傳相片時(shí)原相片文件的名稱(chēng)，用于用戶(hù)瀏覽或下載相片時(shí)讓W(xué)eb瀏覽器顯示文件名，以供用戶(hù)使用；文件類(lèi)型信息指的是相片文件的格式類(lèi)型，在顯示相片時(shí)會(huì)用到。如表1-3。表1-3 相冊(cè)信息表（image）名稱(chēng)類(lèi)型含義說(shuō)明photoidInt(8)主鍵Titlevarchar(50)相片標(biāo)題memovarchar(255)相片描述catrgroyidint(8)相片分類(lèi)關(guān)聯(lián)到category表的cat

10、egoryidurlvarchar(100)相片保存地址pubTimedatetime相片上傳或最新修改時(shí)間filenameintr(8)所屬用戶(hù)id8.運(yùn)行界面如圖1-3所示：圖 1-3 主界面5、 課程設(shè)計(jì)核心代碼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(登錄不成功，請(qǐng)檢查輸入信息);); 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)建專(zhuān)集成功);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、 課程設(shè)計(jì)心得