【正文】 開發(fā)成本，是一種全新的軟件系統(tǒng)構(gòu)造技術(shù)。顯然 B/S 結(jié)構(gòu)應(yīng)用程序相對(duì)于傳統(tǒng)的 C/S 結(jié)構(gòu)應(yīng)用程序?qū)⑹蔷薮蟮倪M(jìn)步。前者的特 點(diǎn)是安全、快捷、準(zhǔn)確。須視企業(yè)規(guī)模和地理分布確定。本設(shè)計(jì)即電子相冊(cè)的開發(fā)就是基于此結(jié)構(gòu)。 據(jù)艾瑞調(diào)研統(tǒng)計(jì)， 2020 年中國(guó)活躍電子相冊(cè)賬號(hào)數(shù)約 2500 萬個(gè)，預(yù)計(jì)未來幾年會(huì)保持較高速度增長(zhǎng)，年新增活躍賬號(hào)在 1000 萬左右，電子相冊(cè)用戶的滲透率將逐步提高。 電子相冊(cè)用戶使用相冊(cè)頻率情況所屬報(bào)告： 2020 年中國(guó)電子相冊(cè)簡(jiǎn)版報(bào)告 查看： 關(guān)于電子相冊(cè)使用頻率，從統(tǒng)計(jì)結(jié)果看每周至少登陸一次的用戶比例達(dá)到%，其中每天都要登陸的有 %，每周登陸四次或五次的為 % 以上數(shù)據(jù)都說明，電子相冊(cè)在網(wǎng)民中的使用率越來越高。 SQL server SQL Server 是微軟公司開發(fā)的一個(gè)關(guān)系 數(shù)據(jù)庫(kù)管理系統(tǒng) ，以 TransactSQL作為它的 數(shù)據(jù)庫(kù) 查詢和編程語言。 SQL Server 采用二級(jí)安全驗(yàn)證、登錄驗(yàn)證及數(shù)據(jù)庫(kù)用戶 賬號(hào) 和角色的許可驗(yàn)證。 版 本 支持多種 類型 的角色， 角色 概念的引入方便了權(quán)限的管理，也使權(quán)限的分配更加靈活。 它在服 務(wù)器端的 軟件 運(yùn)行平臺(tái)是 Windows NT、 Windows9x，在 客戶端 可以是、 Windows NT、 Windows9x,也可以采用其它廠商開發(fā)的系統(tǒng)如 Unix、Apple Macintosh 等。 SQL Server 需要安裝在 Windows NT 的平臺(tái)上，而 Windows NT 可以支持 Intel 386， Power PC， MIPS，Alpha PC 和 RISC 等平臺(tái)，它使 SQL Server 具備足夠的威力和功能。 第 3 頁(yè) 共 24 頁(yè) SQL Server 所使用的數(shù)據(jù)庫(kù)查詢語言稱為 TransactSQL，它是 SQL Server的核心， TransactSQL 強(qiáng)化了原有的 SQL 關(guān)鍵字以進(jìn)行 數(shù)據(jù)的存取，儲(chǔ)存及處理等功能， TransactSQL 擴(kuò)充了流程控制指定，可以使 使用者 方便的編寫功能強(qiáng)大的存儲(chǔ)過程，他們存放在服務(wù)器端，并預(yù)先編譯過，執(zhí)行速度非常塊，觸發(fā)是一種特殊的存儲(chǔ)過程，用來確保 SQL Server 數(shù)據(jù)庫(kù)引用的完整性， 使用者 可以建立插入，刪除和更新觸發(fā)以控制相關(guān)的表格中對(duì)數(shù)據(jù)列的插入，刪除和更新，還可以使用規(guī)則（ Rule），缺?。?default）以及限制（ Constraints），來協(xié)助將新的數(shù)值套用到表格中去！ Visual Visual Studio .NET 是一套完整的開發(fā)工具，用于生成 ASP Web 應(yīng)用程序、 XML Web services、桌面應(yīng)用程序和移動(dòng)應(yīng)用程序。另外，這些語言利用了 .NET Framework 的功能，此框架提供對(duì)簡(jiǎn)化 ASP Web 應(yīng)用程序和 XML Web services 開發(fā)的關(guān)鍵技術(shù) 的訪問 。具有自動(dòng)隱藏，可停放窗口，被標(biāo)記文檔，多重監(jiān)控器支持等部件，使開發(fā)人員對(duì)程序代碼的管理變得更容易。 Visual 是多元化的開發(fā)工具，提供多種項(xiàng)目模版，基本的模版有 Windows 應(yīng)用程序、 應(yīng)用程序等：可生成 .EXE .DLL .ASPX 類型的應(yīng)用程序。它還能讓你重載方法， 的面向?qū)ο竽芰U(kuò)展了語言本身的通路：一切都是對(duì)象。它們讓使用者能方便地為 Web 創(chuàng)建表單。創(chuàng)建的 代碼 第 4 頁(yè) 共 24 頁(yè) 編譯并駐留在服務(wù)器上，并在那里被執(zhí)行，然后以 HTML 方式發(fā)送給任何一個(gè)支持 HTML 的瀏覽器。這意味著可以使用各種用戶界面工具，可以利用現(xiàn)有的表單設(shè)計(jì)技巧，而且應(yīng)用程序界面是不依賴瀏覽器的。 Web Form 使支持 Web 的應(yīng)用程序能更容易地創(chuàng)建更好、更豐富多彩的用戶界面。 Microsoft 的市場(chǎng)部門把 Web 服務(wù)列為采用 .NET 的幾大理由之一。注意在技術(shù)上它們并不是 COM 對(duì)象，但和 COM 對(duì)象的表現(xiàn)方式很相像。 2 需求分析 一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這種需求往往來自于客戶的實(shí)際需求或者是出于公司自身發(fā)展的需要，其中客戶的實(shí)際需求也就是說這種交易性質(zhì)的需求占了絕大部分。因此如何更好地的了解、分析、明確用戶需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)給參與項(xiàng)目開發(fā)的每個(gè)成員，保證開發(fā)過程按照滿足用戶需求為目的正確項(xiàng)目開發(fā)方向進(jìn)行，是很重要的。 2． 要求網(wǎng)頁(yè)具有良好的互動(dòng)性 。 功能需求 電子相冊(cè)是以 B/S 構(gòu)架為基礎(chǔ)的用來 存放圖片的網(wǎng)站。由于電子相冊(cè)用于存儲(chǔ)和展示圖片，存儲(chǔ)則是電子相冊(cè)的最主要的功能，此外，為了配合此功能，此網(wǎng)站還應(yīng)具有上傳，下載等相應(yīng)的功能和一些豐富網(wǎng)站性能的功能，總體分布 如圖 1 所示 ： 第 5 頁(yè) 共 24 頁(yè) 圖 1 總體功能需求圖 前臺(tái)功能需求 網(wǎng)站前臺(tái)是使用者最直接接觸的東西， 包括是 否能夠讓客戶很輕松、方便的登錄和注冊(cè)，請(qǐng)求響應(yīng)時(shí)間、主機(jī)連接時(shí)間、下載時(shí)間、 HTML 綜合質(zhì)量、圖片綜合質(zhì)量、首頁(yè)布局質(zhì)量、首頁(yè)信息類型等。 非注冊(cè)用戶： Inter 是一個(gè)巨大的資源庫(kù)，但是為了方便網(wǎng)站管理員進(jìn)行管理，非注冊(cè)用戶會(huì)受到一些權(quán)限的限制，但是仍然具有瀏覽網(wǎng)頁(yè)的權(quán)限。上傳不受地域的 限制，實(shí)現(xiàn)在網(wǎng)頁(yè)上顯示圖片的目的。 頁(yè)面的交互性：各級(jí)頁(yè)面要具有良好的交互性，減少響應(yīng)時(shí)間，節(jié)省用戶時(shí)間 后臺(tái)功能需求 后臺(tái)的作用是為前臺(tái)運(yùn)行必要的數(shù)據(jù)支持和供網(wǎng)站管理員對(duì)網(wǎng)站進(jìn)行管理 用戶管理：管理員對(duì)數(shù)據(jù)庫(kù)里面的 userInfo 這張表進(jìn)行操作，管理里面存儲(chǔ)的用戶基本信息。 第 6 頁(yè) 共 24 頁(yè) 開發(fā)運(yùn)行環(huán)境 需求 1． Visual 2． windows2020/2020/XP 3． SQL Sever 2020 4． 此網(wǎng)站是在 windows2020/2020/XP 操作系統(tǒng)下，以 Visual 為前臺(tái)開發(fā)工具，用中文 SQL Sever 2020 為后臺(tái)數(shù)據(jù)庫(kù)，其中主要通過 ADO 技術(shù)來訪問數(shù)據(jù)庫(kù) 。 各模塊的具體功能設(shè)計(jì)如下： 1． 注冊(cè)登陸功能 對(duì)于電子相冊(cè)這種網(wǎng)站來說，用戶首先必須注冊(cè)，提供可供登陸比對(duì)的個(gè)人驗(yàn)證信息，進(jìn)入個(gè)人的賬戶之后才能進(jìn)行其他操作。此外，還還包括一些刪除圖片，目錄的相冊(cè)基本管理 3． 留言評(píng)論 提供瀏覽者對(duì)圖片發(fā)表評(píng)論的功能，發(fā)表評(píng)論必須先注冊(cè)登陸。 5． 計(jì)算瀏覽人次 計(jì)算瀏覽某一個(gè)目錄的人次，數(shù)據(jù)自動(dòng)更新并顯示在目錄名旁邊。 8． “上一張，下一張”連接 為圖片瀏覽者提供“上一張，下一張”的連接功能，方便瀏覽者查看上下張圖片。 第 8 頁(yè) 共 24 頁(yè) 模塊的組織結(jié)構(gòu)圖 圖 3 模塊組織結(jié)構(gòu)圖 起始頁(yè)面為相冊(cè)首頁(yè)，未登陸可以瀏覽圖片，進(jìn)入顯示圖片評(píng)論頁(yè)面，用戶登陸頁(yè)面和用戶注冊(cè)頁(yè)面，只有查看圖片和評(píng)論的權(quán)限。 數(shù)據(jù)庫(kù)結(jié)構(gòu)的設(shè)計(jì) 表 1 userInfo（用戶信息表） 名稱 中文描述 數(shù)據(jù)類型 長(zhǎng)度 Null PK 默認(rèn)值 userID 用戶 id Int 4 Not null Y username 用戶名 Varchar 50 Null password 密碼 Varchar 50 Null tel 電話 Varchar 50 Null 郵件 Varchar 50 Null rolename 權(quán)限 Varchar 50 Null userInfo 用于儲(chǔ)存用戶信息，用戶在注冊(cè)時(shí)填寫的資料都保存在此表內(nèi)，主要用于用戶登陸時(shí)比對(duì)信息，確定是否本人登陸。 表 3 catalog（目錄信息表） 名稱 中文描述 數(shù)據(jù)類型 長(zhǎng)度 Null PK 默認(rèn)值 catalog_id 目錄 id int 4 Not null Y catalog_name 創(chuàng)建用戶名 varchar 50 Null userid 創(chuàng)建用戶 id int 4 Null Time 創(chuàng)建時(shí)間 datetime 8 Null broustimes 瀏覽次數(shù) int 4 Null 0 Catalog 儲(chǔ)存目錄的相關(guān)信息，其中 broustimes 默認(rèn)值設(shè)置為 0，點(diǎn)擊此目錄一次，寫入數(shù)據(jù)庫(kù)一次，用來記錄此相冊(cè)目錄的瀏覽次數(shù)。目錄旁邊顯示瀏覽人次創(chuàng)建時(shí)間等信息，后面有一個(gè)刪除按鈕，目錄的創(chuàng)建者可登陸后刪除此目錄和目錄下的內(nèi)容。 界面設(shè)計(jì) 添加一個(gè)窗體，設(shè)置 6 個(gè)了 linkbutton 控件，連接到其他頁(yè)面。 添加后完成的界面，運(yùn)行如 圖 4 所示 ： 圖 4 相冊(cè)首頁(yè) 工作流程和代碼 首頁(yè) gridview 顯示綁定的數(shù)據(jù)內(nèi)容，點(diǎn)擊刪除按鈕，普通用戶可以刪除自己創(chuàng)建的目錄，未 登陸或者不是自己創(chuàng)建的目錄都不能刪除，管理員可以刪除空目錄，核心代碼如下： Protected Sub GridView1_SelectedIndexChanged(ByVal sender As Object, ByVal e As ) Handles Dim bbstr As String …………………… .. Dim c As String = select rolename from userinfo where username=39。 Session(username) amp。 (guanliyuan, c) \\調(diào)用 datebaseclass 類里面定義的連接數(shù)據(jù) 庫(kù)的方法 BindingsDataSet 查詢 useinfo 表中角色權(quán)限是不是管理員 aastr = select userid from catalog where catalog_id= amp。 (c, aastr) \\調(diào)用 datebaseclass 類里面定義的連接數(shù)據(jù) 庫(kù)的方法 BindingsDataSet 查詢創(chuàng)建目錄的用戶 id 第 11 頁(yè) 共 24 頁(yè) ……………………………………… If Session(userid)=((c).Rows(0)(0).ToString) Or (guanliyuan).Rows(0)(0).ToString = 管理員 Then bbstr = select cateid from photos where cateid= amp。 Dim count As Integer = (aa, bbstr) //調(diào)用 datebaseclass 類里面定義的連接數(shù)據(jù)庫(kù)的方法 JudgeWhetherExist 查詢 photos 表里面有沒有圖片 ……………………………… sstr = delete from catalog where catalog_id= amp。 (sstr) //調(diào)用 datebaseclass 類里面定義的連接數(shù)據(jù)庫(kù)的方法 DelData,刪除 catalog 里面以catalog_id 為關(guān)鍵字的內(nèi)容 ……………………………………………………… .. 功能描述 輸入 正確用戶名和密碼，點(diǎn)擊登陸按鈕登陸入網(wǎng)站，可進(jìn)行相關(guān)權(quán)限的操作，登陸成功返回首頁(yè)，密碼錯(cuò)誤或者用戶名錯(cuò)誤，提示“密碼錯(cuò)誤”或者“用戶名不存在”，不輸入用戶名點(diǎn)擊登陸按鈕提示“用戶名不能為空”。一個(gè) linkbutton控件退回初時(shí)狀態(tài)；設(shè)置四個(gè) label 控件，其中兩個(gè)用來提示用戶名和密碼輸入是否正確等信息；設(shè)置 2 個(gè) textbox，分別用來輸入用戶名和密碼； 2 個(gè) button，用來確定登陸和返回。密碼錯(cuò)誤，用戶名錯(cuò)誤或者用戶名沒有輸入，都會(huì)在文本框后面用一個(gè) label 提示，核心代碼如下： Protected Sub Button1_Click(ByVal sender As Object, ByVal e As ) Handles Dim str As String ……………………………… . pass = str = select password from userInfo where username=39。 amp。 astr = select username ,userID from userInfo where username=39。 amp。 count = (user, astr) (user1, str) ……………………… .. ………………………… (user2, astr) …………………………………… . ……………………………………… . 功能描述 登陸用戶， 輸入要?jiǎng)?chuàng)建的目錄的名字，點(diǎn)擊“確定” 彈出對(duì)話框“新建成功”，點(diǎn)擊確定后跳轉(zhuǎn)到上傳頁(yè)面，如果新建一個(gè)目錄名相同的文件夾，提示“此文件 第 13 頁(yè) 共 24 頁(yè) 名存在”，頁(yè)面不跳轉(zhuǎn)。一個(gè) linkbutton控件退回初時(shí)狀態(tài)；設(shè)置 2 個(gè) label 控件， 2 個(gè) button 控件分別用來確定創(chuàng)建目錄和取消此次操作；設(shè)置兩個(gè) image 控件，在頁(yè)面上添加兩 張圖片。 核心代碼如下： Protected Sub Button1_Click(ByVal sender As Object, ByVal e As ) Handles Dim str As String