畢設(shè)論文(模板)

1、畢 業(yè) 設(shè) 計設(shè)計題目： 基于ASP.NET的個人博客系統(tǒng)的設(shè)計與實現(xiàn) 系 部： 電子信息工程學院 專業(yè)名稱： 軟件技術(shù) 班 級： 074061 學 號： 07406108 姓 名： XXX 指導(dǎo)教師： 張延年 完成時間： 2010 年 5 月 6 日基于ASP.NET的個人博客系統(tǒng)的設(shè)計與實現(xiàn)摘 要本論文主要闡述了一個基于Java技術(shù)的Web應(yīng)用系統(tǒng)的設(shè)計與實現(xiàn)過程, 該系統(tǒng)主要用于方面（或該系統(tǒng)是某企業(yè)實際開發(fā)項目），該系統(tǒng)主要設(shè)計并實現(xiàn)了,。本論文主要包括系統(tǒng)分析、系統(tǒng)設(shè)計、系統(tǒng)實現(xiàn)和系統(tǒng)創(chuàng)新點等幾大部分，重點論述了該系統(tǒng)的設(shè)計思路、設(shè)計框架以及創(chuàng)新點。本系統(tǒng)的總體設(shè)計采用B/S架構(gòu)，服

2、務(wù)器端開發(fā)采用ASP.NET腳本技術(shù)，開發(fā)語言使用C#，數(shù)據(jù)庫使用SQL Server 2005，客戶端開發(fā)采用Html、Css和JavaScript技術(shù)，界面設(shè)計使用DIV+CSS結(jié)構(gòu),整個系統(tǒng)采用三層架構(gòu)作為程序的總體開發(fā)框架。本系統(tǒng)主要設(shè)計并實現(xiàn)了以下功能：1. 前臺日志模塊。2. 前臺相冊模塊。3. 前臺留言板模塊。4. 后臺管理模塊。本設(shè)計主要采用了以下關(guān)鍵技術(shù)：1. 使用Ajax技術(shù)實現(xiàn)前臺展示頁面的局部刷新。2. 使用ASP.NET自定義控件技術(shù)實現(xiàn)相冊批量上傳功能。3. 使用第三方j(luò)Query插件實現(xiàn)后臺管理模塊的導(dǎo)航欄多級分層功能。關(guān)鍵詞：ASP.NET；Ajax; jQue

3、ry；SQL Server2005；個人博客注：摘要內(nèi)容要簡明扼要，主要是對論文的概要描述，相當于論文的提綱，關(guān)鍵字最多不要超過5個。摘要可以分為三部分來寫：1. 論文概要描述（系統(tǒng)描述、論文結(jié)構(gòu)和重點）。2. 系統(tǒng)模塊劃分。3.關(guān)鍵技術(shù)說明。 Design and implementation of personal blog system based on ASP.NETAbstractA lot of popularity on the Internet today, the blog as a new means of expression, it is fast and conven

4、ient through the network platform to express their feelings, promptly and effectively communicate with others easily. Its spread not only emotional, but also includes a lot of wisdom, insights and ideas, in a sense, it is also a new cultural phenomenon. Blog you can use to easily express their ideas

5、, publish their own experiences, large to your personal views on national affairs, small enough to live in your line of diet food carefully. Through the blog can be your personal work process, life stories, Thoughts, flashes of inspiration so promptly recorded and released to play your own unlimited

6、 expressiveness; can also make friends through literature, meet friends, and together, in-depth communication.Analysis of a large demand in the system, based on the comprehensive study of the advantages and disadvantages of multiple blog systems, combined with the current mainstream technology, deve

7、lopment and design of the blog system based on ASP.NET. This paper analyzes the objective of the system, system analysis, system design, system implementation and project innovation points.Web site implementation features: Site features implemented:1the mood module function implementation 2the log m

8、odule function implementation3the photo module function implementation 4 the message functions to achieve The innovation of the system (or key) include the following:1The use of Ajax technology to achieve partial refresh  front page.2using ASP.NET custom contr

9、ol technology to realize the album batch upload function.3the use of third party plug-ins to achieve jQuery navigation function hierarchical background management module.Key words: ASP.NET; Ajax; jQuery; SQL Server2005; Personal blog目錄1 緒論11.1研究的意義和背景11.2

10、研究的內(nèi)容和方法11.3研究的現(xiàn)狀12 需求分析22.1 技術(shù)可行性分析22.2 總體結(jié)構(gòu)分析22.3 業(yè)務(wù)邏輯分析23 系統(tǒng)設(shè)計43.1 總體設(shè)計43.2業(yè)務(wù)邏輯設(shè)計43.3 界面設(shè)計53.4 數(shù)據(jù)庫設(shè)計64 系統(tǒng)實現(xiàn)74.1 網(wǎng)站的首頁的展示74.2 會員登錄74.3 編輯日志84.4 創(chuàng)建相冊84.5 上傳照片實現(xiàn)84.6 后臺的登錄功能實現(xiàn)85 系統(tǒng)測試95.1 前臺系統(tǒng)測試95.2 后臺系統(tǒng)測試96 關(guān)鍵技術(shù)應(yīng)用106.1 FileUpload控件106.2 treeview控件117 總結(jié)12致謝13參考文獻14III南京交通職業(yè)技術(shù)學院1 緒論1.1研究的意義和背景近幾年來，博客

11、及博客文化正成為互聯(lián)網(wǎng)的熱點，并被視為繼email、bbs和icq之后出現(xiàn)的第四種網(wǎng)絡(luò)交流方式。在網(wǎng)絡(luò)上發(fā)表Blog的構(gòu)想始于1998年，但到了2000年才真正開始流行。直到2004年木子美事件，才讓中國民眾了解到了博客，并運用博客。2005年，國內(nèi)各門戶網(wǎng)站，如新浪、搜狐，原不看好博客業(yè)務(wù)，也加入博客陣營。起初，Bloggers將其每天瀏覽網(wǎng)站的心得和意見記錄下來，并予以公開，來給其他人參考和遵循。目前網(wǎng)絡(luò)上數(shù)以千計的Bloggers發(fā)表和張貼Blog的目的有很大的差異。不過，由于溝通方式比電子郵件、討論群組更簡單和容易，Blog已成為家庭、公司、部門和團隊之間越來越盛行的溝通工具，因為它也

12、逐漸被應(yīng)用在企業(yè)內(nèi)部網(wǎng)絡(luò)（Intranet）。 博客正在改變社會交流方式。目前，全球參與博客的人數(shù)已經(jīng)達到千萬之眾，而且每幾秒鐘，都有一名新的博客用戶加盟進來。本系統(tǒng)根據(jù)現(xiàn)實的情況以及博客互動性的特點進行設(shè)計開發(fā)，旨在為用戶提供一個交流的平臺，促進用戶間的深度溝通；并根據(jù)博客共享性的特點，促進用戶之間的知識交流，使其成為一個學習的園地。1.2研究的內(nèi)容和方法1.3研究的現(xiàn)狀2 需求分析2.1 技術(shù)可行性分析（1）ASP.NETASP.NET是統(tǒng)一的Web應(yīng)用程序平臺，它提供了為建立和部署企業(yè)級Web應(yīng)用程序所必需的服務(wù)。它能夠面向任何瀏覽器。ASP.NET是Microsoft .NET Fra

13、mework的一部分，是一種可以在高度分布的Internet環(huán)境中簡化應(yīng)用程序開發(fā)的計算環(huán)境。.NET Framework包含公共語言運行庫，它提供了各種核心服務(wù)，如內(nèi)存管理、線程管理和代碼安全。它也包含.NET Framework類庫，這是一個開發(fā)人員用于創(chuàng)建應(yīng)用程序的綜合的、面向?qū)ο蟮念愋图稀?（2） Ajax（3）jQuery（4）SQL Server2.2 總體結(jié)構(gòu)分析系統(tǒng)是采用B/S(BROWSER/SERVER)結(jié)構(gòu)，實現(xiàn)個人博客信息化管理。博客系統(tǒng)的優(yōu)勢在于系統(tǒng)簡單，突出個性，及時更新文章，發(fā)表心情，與博友共享自己的心得，擴大信息傳播。B/S模式通過Internet 進行通信，

14、可以不受地域的限制，但缺點是在大量數(shù)據(jù)處理的過程中，速度較慢。由于系統(tǒng)數(shù)據(jù)的實時性要求并不高，因此采用B/S結(jié)構(gòu)比較合理。2.3 業(yè)務(wù)邏輯分析1、前臺頁面展示：包括最新日志的展示、最新心情展示、圖片展示等功能，如圖1-1所示：個人博客系統(tǒng)網(wǎng)站-前臺展示 會員登錄注冊日志展示最新心情展示相冊展示創(chuàng)建相冊上傳照片發(fā)表心情編輯日志留言功能用戶列表圖1-1 前臺功能展示個人博客系統(tǒng) |后臺管理用 戶 管 理心 情 管 理日 志 管 理增、刪、改、查增、刪、改、查增、刪、改、查相 冊 管 理留 言 管 理超級管理員增、刪、改、查會員登錄增、刪、改、查2、后臺管理模塊：普通會員管理：包括心情管理，日志管理

15、，相冊管理，留言簿管理等功能；超級管理員包括用戶管理。如圖1-2所示：圖1-2 后臺功能管理圖3 系統(tǒng)設(shè)計3.1 總體設(shè)計系統(tǒng)采用B/S架構(gòu)，為了提高項目的開發(fā)效率，設(shè)計模式采用分層架構(gòu)的簡單工廠模式進行。主要的層次包括：模型層、數(shù)據(jù)訪問層、業(yè)務(wù)邏輯層、表示層。如圖：系統(tǒng)總體架構(gòu)圖，如圖3-1所示。 模型 層SqlServer表示層（WebUI）業(yè)務(wù)邏輯層（BLL）數(shù)據(jù)庫訪問層（DAL）model圖3-1 系統(tǒng)總體架構(gòu)圖3.2業(yè)務(wù)邏輯設(shè)計（1）日志模塊日志用于會員發(fā)表自己的所見所聞所感或者是對一些國家政事、家庭小事的見解和看法，也用于發(fā)表個人喜好等。未注冊登錄用戶（游客）可以進入博客訪問他人的

16、日志，且評論日志，用關(guān)鍵字進行查詢。注冊會員登錄可以編輯日志，修改日志，刪除日志。（2）相冊模塊相冊用于會員上傳一些健康有益的照片。游客可以進入博客訪問他人的相冊，查看相冊里的照片。會員可以創(chuàng)建的相冊，在不同的相冊中上傳自己喜愛的圖片，也可以刪除照片，修改相冊，刪除相冊。（3）留言模板塊留言板用于訪友給訪問的會員留言。會員有權(quán)限刪除留言。（4）后臺管理模塊Ø 日志管理：可以修改日志，刪除日志Ø 心情管理：刪除心情Ø 相冊管理：修改相冊，刪除相冊Ø 留言管理：刪除留言Ø 用戶管理：修改用戶，刪除用戶，新增用戶3.3 界面設(shè)計主要采用DIV+CSS

17、布局的方式來對整個系統(tǒng)的頁面進行布局，利用photo shop對背景圖片進行處理，網(wǎng)站有良好的視覺效果，突出博客的隨性自由的概念，以藍色作為主色調(diào)，導(dǎo)航重點欄目進顯突出，整體感覺整潔大方、但不散亂。而且操作簡單快捷，系統(tǒng)穩(wěn)定安全并且符合常用軟件的界面設(shè)置，容易學習、掌握。圖3-2 首頁原型設(shè)計圖3.4 數(shù)據(jù)庫設(shè)計設(shè)計數(shù)據(jù)庫，首先對一個數(shù)據(jù)庫而言，如果數(shù)據(jù)組織得當，就能夠把數(shù)據(jù)庫設(shè)計的相當靈活，可以用很多方法組合和提供信息。合理的數(shù)據(jù)庫設(shè)計可以使數(shù)據(jù)庫的使用效率提高、便于進一步擴展、應(yīng)用程序的開發(fā)更容易。數(shù)據(jù)庫全名myBlog,表匯總?cè)绫?-1所示：表3-1 數(shù)據(jù)庫匯總表編號表名說明功能說明1U

18、sers用戶信息表存儲用戶信息2Articles日志信息表存儲日志信息3Comments日志評論表存儲日志評論信息4Say心情信息表存儲心情信息5SayComment心情評論表存儲心情評論信息6Album相冊信息表存儲相冊信息7Message留言信息表存儲留言信息8Photo照片信息表存儲照片信息表3-2用戶信息表表名Users列名中文含義類型精度約束備注Id序號int4非空主鍵，自動增長1LoginId登錄賬號nvarchar50LoginPwd登錄密碼nvarchar50Name姓名nvarchar50QQQQ號碼nvarchar50Maile-mail賬號nvarchar504 系統(tǒng)實現(xiàn)

19、本系統(tǒng)所有頁面框架主要采用DIV+CSS布局的方式，網(wǎng)站首頁包含日志、心情、最新照片的展示和查看功能，會員可以及時更新日志和心情，上傳想和大家分享的照片，可以給博友留言，對博友的日志和心情進行評論。4.1 網(wǎng)站的首頁的展示網(wǎng)站首頁設(shè)計注重有良好的視覺效果，以藍色作為主色調(diào)，導(dǎo)航重點欄目進顯突出，整體感覺喜慶大方、但不散亂，而且操作簡單快捷。首頁主要展示的是用戶列表，通過用戶賬號可以鏈接到該用戶的個人中心，查看心情、日志、相冊，也可以給該用戶留言。如圖4-1所示：圖4-1網(wǎng)站首頁4.2 會員登錄如不是會員，可以進行先注冊，后登錄。如圖4-2所示：圖4-2會員注冊登錄4.3 編輯日志4.4 創(chuàng)建相

20、冊4.5 上傳照片實現(xiàn)4.6 后臺的登錄功能實現(xiàn)5 系統(tǒng)測試5.1 前臺日志模塊測試前臺日志展示功能測試過程如表6-1所示。表6-1 前臺日志展示功能測試編號測試項描述輸入/操作期望結(jié)果真實結(jié)果001顯示項目的前臺首頁面。使用瀏覽器打開http:/localhost:8088/myBlog。顯示前臺首頁內(nèi)容。正常顯示前臺首頁面。002用戶登錄。點擊導(dǎo)航欄中的“用戶登錄”跳轉(zhuǎn)到登錄界面，輸入正確的用戶名和密碼。能夠跳轉(zhuǎn)到“日志展示”頁面并顯示用戶登錄信息。成功進入“日志展示”頁面。003撰寫日志。點擊添加新日志按鈕，編輯并保存日志。提示保存成功并能在日志列表中找到。5.2 后臺管理模塊測試6 關(guān)

21、鍵技術(shù)應(yīng)用6.1 FileUpload控件該控件在本系統(tǒng)中，主要用于上傳照片到指定的相冊中。主要實現(xiàn)過程： <asp:FileUpload ID="fuPhoto" runat="server" BackColor="White" BorderColor="White" /><asp:Button ID="btnUpload" runat="server" BackColor="Gainsboro" BorderStyle="N

22、one" Height="20px" Text="開始上傳" Width="62px" OnClick="btnUpload_Click" />代碼部分：protected void btnUpload_Click(object sender, EventArgs e) if (fuPhoto.PostedFile != null) string name = fuPhoto.PostedFile.FileName; /上載文件的文件名稱 int imgSize = fuPhoto.PostedFi

23、le.ContentLength; /上載文件的大小 string extention = System.IO.Path.GetExtension(name);/獲取圖片擴展名 string newname = DateTime.Now.Year.ToString() + DateTime.Now.Month.ToString() + DateTime.Now.Day.ToString() + DateTime.Now.Hour.ToString() + DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString(); strin

24、g imgPath = Server.MapPath("photo/");/文件路徑 string imgUrl = "photo/" + newname + extention; if (extention = ".gif" | extention = ".jpg" | extention = ".GIF" | extention = ".JPG" | extention = ".PNG" | extention = ".jpeg")

25、 if (imgSize / 512000 < 1) fuPhoto.PostedFile.SaveAs(imgPath + newname + extention); / 保存上載文件的內(nèi)容 Photo photo = new Photo(); photo.Title = this.txtTitle.Text.ToString(); photo.Description = this.txtDesc.Text.ToString(); photo.Album.Id = Convert.ToInt32(ddlAlbum.SelectedValue); photo.PhotoUrl = img

26、Url; photo.UploadTime = DateTime.Now; if (PhotoManager.AddPhoto(photo) != null) ClientScript.RegisterStartupScript(this.GetType(), "", "<script>alert('上傳圖片成功！');</script>"); Response.Redirect("/AlbumManager.aspx"); 6.2 treeview控件該控件在本系統(tǒng)中主要用于后臺管理的導(dǎo)航功能

27、，樹形菜單結(jié)構(gòu)層次清晰，易于管理。主要實現(xiàn)過程： <asp:TreeView ID="TreeView1" runat="server" DataSourceID="XmlDataSource1" ImageSet="BulletedList3"> <DataBindings><asp:TreeNodeBinding DataMember="siteMapNode" NavigateUrlField="url" TextField="t

28、itle" /><asp:TreeNodeBinding DataMember="siteRoot" TextField="title" /></DataBindings> <ParentNodeStyle Font-Bold="False" /><HoverNodeStyle Font-Underline="True" ForeColor="#5555DD" /><SelectedNodeStyle Font-Underli

29、ne="True" HorizontalPadding="0px" VerticalPadding="0px" ForeColor="#5555DD" /><NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px" NodeSpacing="0px" VerticalPadding="0px" /> </asp:TreeView>7 總結(jié)本文主要是對個人博客系統(tǒng)的需求做了詳細的分析和研究。利用B/S 架構(gòu)來開發(fā)，并利用了三層架構(gòu)為基礎(chǔ)的分層模式，使得項目的架構(gòu)層次更加的清晰明了。本系統(tǒng)主要實現(xiàn)了發(fā)表日志，及時更新心情，與大家分享照片，瀏覽博友的日志，也可以發(fā)表評論，及一些管理功能。