蔣昌兵

摘要：進(jìn)入數(shù)字化時(shí)代，日常工作中產(chǎn)生了大量的多媒體圖片數(shù)據(jù)，為了高效存儲(chǔ)和使用，設(shè)計(jì)了一個(gè)基于Java語(yǔ)言開(kāi)發(fā)后端為SSM（Spring+SpringMVC+MyBatis）框架的圖片信息管理系統(tǒng)，集圖片采集、分析、存儲(chǔ)、管理于一體。系統(tǒng)通過(guò)基礎(chǔ)數(shù)據(jù)采集、圖片數(shù)據(jù)管理和數(shù)據(jù)流轉(zhuǎn)追溯最終實(shí)現(xiàn)圖片資源整合、資源共享、資源流轉(zhuǎn)追溯的閉合管理，打破數(shù)據(jù)孤島使圖片資源能夠更好地進(jìn)行整合與共享，降低圖片管理難度，提升信息化管理水平。

關(guān)鍵詞：圖片管理；SSM框架；軟件工程；系統(tǒng)實(shí)現(xiàn)

一、前言

當(dāng)前我國(guó)正從互聯(lián)網(wǎng)時(shí)代進(jìn)入數(shù)字化時(shí)代，各行各業(yè)信息化與數(shù)字化建設(shè)如火如荼，教學(xué)、培訓(xùn)、科研、會(huì)議、活動(dòng)等業(yè)務(wù)會(huì)產(chǎn)生大量的多媒體數(shù)據(jù)，其中圖片數(shù)據(jù)居多。因歸口部門(mén)不同，這些數(shù)據(jù)都是各自保存管理，久而久之形成了數(shù)據(jù)孤島，不利于資源整合、資源共享，隨著時(shí)間的推移給后期進(jìn)行數(shù)據(jù)利用造成了極大的不便[1]。研發(fā)圖片信息管理系統(tǒng)對(duì)海量圖片數(shù)據(jù)實(shí)現(xiàn)存儲(chǔ)、分類、查詢、添加特征碼和圖片轉(zhuǎn)碼等功能，能對(duì)工作中產(chǎn)生的圖片數(shù)據(jù)管理起到關(guān)鍵性作用[2]。因此建設(shè)一套能有效處理多媒體數(shù)據(jù)資源的圖片信息管理系統(tǒng)對(duì)實(shí)現(xiàn)內(nèi)部信息化與數(shù)字化建設(shè)發(fā)展具有重要意義。

二、系統(tǒng)分析

（一）需求分析

本系統(tǒng)是一款B/S架構(gòu)的圖片信息管理系統(tǒng)，系統(tǒng)支持用戶注冊(cè)、登錄、修改密碼、注銷和權(quán)限管理等基本功能。使用者根據(jù)分配的權(quán)限對(duì)圖片進(jìn)行管理，可為圖片添加標(biāo)題、類型和備注等信息。系統(tǒng)支持圖片信息的增刪改查，校驗(yàn)圖片格式，可以按上傳日期、標(biāo)題、標(biāo)簽等進(jìn)行排序。所有的用戶信息和圖片信息都存儲(chǔ)在MySQL數(shù)據(jù)庫(kù)中，以實(shí)現(xiàn)數(shù)據(jù)的持久化。考慮到用戶可能會(huì)在不同的設(shè)備上使用系統(tǒng)，因此系統(tǒng)的用戶界面應(yīng)采用成熟的前端頁(yè)面框架設(shè)計(jì)，以適應(yīng)不同的屏幕尺寸。

（二）關(guān)鍵技術(shù)介紹

本系統(tǒng)使用Java語(yǔ)言開(kāi)發(fā)，前端采用EasyUI框架，后端采用SSM框架，是經(jīng)典的MVC開(kāi)發(fā)模式。視圖層與邏輯層結(jié)構(gòu)分離實(shí)現(xiàn)低耦合，符合當(dāng)前計(jì)算機(jī)信息系統(tǒng)開(kāi)發(fā)理念，也適合軟件研發(fā)人員的編碼習(xí)慣，常用于企業(yè)級(jí)Web應(yīng)用開(kāi)發(fā)。本系統(tǒng)使用MySQL數(shù)據(jù)庫(kù)系統(tǒng)對(duì)圖片信息進(jìn)行持久化進(jìn)而實(shí)現(xiàn)對(duì)圖片的增刪改查。通過(guò)對(duì)業(yè)務(wù)量的分析可以對(duì)MySQL數(shù)據(jù)庫(kù)進(jìn)行針對(duì)性的設(shè)置，選擇適合的存儲(chǔ)引擎實(shí)現(xiàn)數(shù)據(jù)的高效存儲(chǔ)，做主從部署從而實(shí)現(xiàn)讀寫(xiě)分離提高讀寫(xiě)速度。EasyUI在樣式上已經(jīng)適配各類瀏覽器，研發(fā)過(guò)程中無(wú)需再考慮頁(yè)面兼容性，其支持響應(yīng)式設(shè)計(jì)，可以適應(yīng)不同的屏幕尺寸，因此非常適合用來(lái)創(chuàng)建圖片信息管理系統(tǒng)的用戶界面。SSM框架主要負(fù)責(zé)系統(tǒng)中業(yè)務(wù)邏輯處理，使系統(tǒng)中的各模塊形成弱關(guān)聯(lián)，遵循軟件開(kāi)發(fā)的“高內(nèi)聚低耦合”思想。MVC設(shè)計(jì)模式使系統(tǒng)的結(jié)構(gòu)層次清晰，不會(huì)出現(xiàn)HTML代碼、JS代碼、Java代碼都混合在一個(gè)頁(yè)面，冗余代碼大量減少代碼可讀性增強(qiáng)。

（三）可行性分析

1.技術(shù)可行性

JDK1.8環(huán)境、EasyUI前端框架、SSM框架和MySQL數(shù)據(jù)庫(kù)是當(dāng)前Web應(yīng)用開(kāi)發(fā)的主流開(kāi)發(fā)技術(shù)和開(kāi)發(fā)環(huán)境。用戶能在任何遵循GPL協(xié)議下使用EasyUI前端框架；JDK1.8是商業(yè)免費(fèi)版本；SSM框架是免費(fèi)的開(kāi)源框架，擁有成熟的社區(qū)和用戶群；MySQL Community Server社區(qū)版本開(kāi)源免費(fèi)且使用群體大。采用以上技術(shù)無(wú)商業(yè)風(fēng)險(xiǎn)且市面上有大量的信息管理系統(tǒng)成熟案例，因此本系統(tǒng)在技術(shù)上具備可行性。

2.操作可行性

本系統(tǒng)基于B/S架構(gòu)開(kāi)發(fā)易于部署和維護(hù)，移植性強(qiáng)，可根據(jù)使用需求跨平臺(tái)部署，可以在不同的硬件服務(wù)器與網(wǎng)絡(luò)操作系統(tǒng)上運(yùn)行，系統(tǒng)升級(jí)只需要考慮服務(wù)器端進(jìn)而降低了總體維護(hù)成本[3]。通信采用標(biāo)準(zhǔn)的HTTP/HTTPS協(xié)議，具有良好的可擴(kuò)展性。使用者只需打開(kāi)瀏覽器就可以進(jìn)行相應(yīng)操作，因此本系統(tǒng)在操作上具備可行性。

三、系統(tǒng)開(kāi)發(fā)技術(shù)

（一）前端技術(shù)

本系統(tǒng)前端頁(yè)面使用一種基于jQuery的用戶界面庫(kù)EasyUI來(lái)進(jìn)行頁(yè)面信息的展示，是一款幫助開(kāi)發(fā)者更容易地構(gòu)建Web應(yīng)用程序的前端用戶界面插件開(kāi)發(fā)庫(kù)。EasyUI提供了一套完整的用戶界面組件，包括窗口、對(duì)話框、表單、布局、菜單、工具欄、樹(shù)形控件、數(shù)據(jù)表格等。它同時(shí)支持Angular、Vue、jQuery等技術(shù)棧進(jìn)行開(kāi)發(fā)，并且提供了非常豐富的組件，通過(guò)由具體需求進(jìn)行自由組合使用，構(gòu)造出的頁(yè)面應(yīng)用可以支持兼容多種瀏覽器。EasyUI的特點(diǎn)：簡(jiǎn)單易用，提供了豐富的API，組件都是基于HTML、CSS和JavaScript實(shí)現(xiàn)的，可以很容易地嵌入任何Web頁(yè)面中，方便對(duì)組件進(jìn)行定制和擴(kuò)展；功能豐富，提供了一套完整的用戶界面組件，可以滿足大部分Web應(yīng)用程序的需求；主題定制，EasyUI支持主題定制，可以輕松地更改應(yīng)用程序的外觀和風(fēng)格；支持國(guó)際化，可以根據(jù)用戶的語(yǔ)言偏好自動(dòng)切換界面的顯示語(yǔ)言；兼容性好，兼容所有主流的Web瀏覽器，包括IE6+、Firefox3+、Safari3+、Chrome和Opera9+。

（二）后端技術(shù)

本系統(tǒng)后端采用Spring、Spring MVC和MyBatis三個(gè)開(kāi)源框架的組合，即SSM框架。這三個(gè)框架分別在企業(yè)級(jí)Java應(yīng)用開(kāi)發(fā)中解決了表現(xiàn)層、業(yè)務(wù)層和持久層的問(wèn)題。Spring是一個(gè)開(kāi)源的企業(yè)級(jí)Java應(yīng)用框架，提供了一種簡(jiǎn)單的方式來(lái)開(kāi)發(fā)可測(cè)試和可重用的代碼。Spring的核心思想是控制反轉(zhuǎn)（IoC）和面向切面編程（AOP），可以用于構(gòu)建各種類型的Java應(yīng)用，包括Web應(yīng)用、桌面應(yīng)用和企業(yè)級(jí)應(yīng)用。Spring MVC是Spring框架的一部分，是一個(gè)用于構(gòu)建Web應(yīng)用的模型－視圖－控制器（MVC）框架。Spring MVC提供了一種分離的方式來(lái)開(kāi)發(fā)Web應(yīng)用，使得開(kāi)發(fā)者可以更容易地關(guān)注業(yè)務(wù)邏輯，而不是細(xì)節(jié)實(shí)現(xiàn)。MyBatis是一個(gè)優(yōu)秀的持久層框架，它支持定制化SQL、存儲(chǔ)過(guò)程以及高級(jí)映射，消除了幾乎所有的JDBC代碼和參數(shù)的手動(dòng)設(shè)置以及結(jié)果集的檢索?？梢允褂煤?jiǎn)單的XML或注解進(jìn)行配置和原始映射，將接口和Java的POJO（Plain Old Java Objects，普通Java對(duì)象）映射成數(shù)據(jù)庫(kù)中的記錄[4-5]。SSM框架的特點(diǎn)是：可以簡(jiǎn)化Java Web開(kāi)發(fā)，使開(kāi)發(fā)者更專注于業(yè)務(wù)邏輯的實(shí)現(xiàn)；有強(qiáng)大的社區(qū)支持，有大量的文檔和教程，以及活躍的用戶和開(kāi)發(fā)者社區(qū)；采用了MVC模式，有助于實(shí)現(xiàn)業(yè)務(wù)邏輯、數(shù)據(jù)和用戶界面的分離，提高了代碼的可維護(hù)性和重用性；提供了靈活的配置方式，可以根據(jù)項(xiàng)目的需要選擇適合的配置方式，例如XML配置或注解配置。

（三）數(shù)據(jù)庫(kù)技術(shù)

MySQL是世界上最流行的開(kāi)源關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)（RDBMS）。它是基于SQL（Structured Query Language，結(jié)構(gòu)化查詢語(yǔ)言）的，SQL是用于管理和操縱數(shù)據(jù)庫(kù)的標(biāo)準(zhǔn)語(yǔ)言。MySQL的特點(diǎn)是：

1.開(kāi)源

意味著任何人都可以使用和修改它的源代碼，使得技術(shù)得到了廣大開(kāi)發(fā)者社區(qū)的強(qiáng)大支持，且在性能、穩(wěn)定性和功能上都得到了持續(xù)的優(yōu)化和改進(jìn)。

2.在性能上進(jìn)行了大量?jī)?yōu)化

可以處理大量數(shù)據(jù)并支持大并發(fā)用戶。在許多基準(zhǔn)測(cè)試中，都表現(xiàn)出了優(yōu)秀的性能。

3.易于安裝和使用

提供了大量的工具和庫(kù)，使得開(kāi)發(fā)者可以很容易地創(chuàng)建和管理數(shù)據(jù)庫(kù)。此外，開(kāi)發(fā)說(shuō)明文檔非常完善，有大量的教程和示例可以幫助開(kāi)發(fā)者快速上手。

4.提供了一套強(qiáng)大的安全機(jī)制

包括訪問(wèn)控制、加密和SSL等，可以保護(hù)數(shù)據(jù)的安全。

5.跨平臺(tái)性能優(yōu)秀

可以在各種操作系統(tǒng)上運(yùn)行，包括Windows、Linux和Mac OS等。

6.支持各種存儲(chǔ)引擎

每種存儲(chǔ)引擎都有其特定的用途和優(yōu)點(diǎn)，使得其可以應(yīng)對(duì)各種不同的使用場(chǎng)景。

四、圖片信息管理系統(tǒng)設(shè)計(jì)

（一）整體技術(shù)路線

以實(shí)現(xiàn)圖片信息高效管理為目標(biāo)，以采集的圖片資源數(shù)據(jù)為基礎(chǔ)，依據(jù)數(shù)據(jù)處理及使用流程邏輯進(jìn)行資源構(gòu)造與數(shù)據(jù)存儲(chǔ)，設(shè)計(jì)合理的圖片信息管理系統(tǒng)，最終實(shí)現(xiàn)圖片資源整合、資源共享、資源流轉(zhuǎn)追溯的閉合管理。整個(gè)圖片信息管理系統(tǒng)的技術(shù)路線如圖1所示。

（二）系統(tǒng)結(jié)構(gòu)設(shè)計(jì)

根據(jù)系統(tǒng)需求分析設(shè)計(jì)了圖片信息管理系統(tǒng)整體業(yè)務(wù)邏輯，整個(gè)系統(tǒng)的功能模塊劃分如圖2所示，系統(tǒng)被劃分為系統(tǒng)用戶權(quán)限模塊、圖片信息采集模塊、圖片信息查詢模塊、圖片信息編輯模塊、圖片信息刪除模塊、圖片相冊(cè)管理模塊、圖片瀏覽下載模塊、圖片特征碼生成模塊、系統(tǒng)操作日志模塊共9個(gè)子模塊。

系統(tǒng)用戶權(quán)限模塊將登錄賬號(hào)的角色及對(duì)應(yīng)的權(quán)限信息進(jìn)行驗(yàn)證，系統(tǒng)超級(jí)管理員會(huì)提前創(chuàng)建好用戶角色及配置好該角色訪問(wèn)權(quán)限，系統(tǒng)進(jìn)行驗(yàn)證后將獲取的業(yè)務(wù)模塊渲染加載顯示。

圖片信息采集模塊由用戶自定義上傳采集與第三方接口采集組成。數(shù)據(jù)信息采集后按文件目錄保存并按預(yù)先定義好的數(shù)據(jù)結(jié)構(gòu)將信息存入數(shù)據(jù)庫(kù)供系統(tǒng)其他模塊使用。

圖片信息查詢模塊、圖片信息編輯模塊、圖片信息刪除模塊由用戶根據(jù)使用需要對(duì)圖片進(jìn)行相應(yīng)的操作，目的是進(jìn)一步優(yōu)化圖片信息做好精細(xì)化管理。

圖片相冊(cè)管理模塊主要是將圖片信息按分類進(jìn)行管理，不同分類創(chuàng)建相應(yīng)圖片數(shù)據(jù)集。圖片數(shù)據(jù)集由圖片構(gòu)成，可以實(shí)時(shí)進(jìn)行創(chuàng)建、添加、刪除操作。相冊(cè)管理中的操作不會(huì)影響圖片信息數(shù)據(jù)。

圖片瀏覽下載模塊主要是預(yù)覽或下載經(jīng)過(guò)系統(tǒng)采集模塊預(yù)定方式處理后的圖片信息。用戶打開(kāi)操作頁(yè)面點(diǎn)擊需要瀏覽的圖片，該圖片ID通過(guò)數(shù)據(jù)庫(kù)讀取的數(shù)據(jù)結(jié)構(gòu)信息從文件目錄中打開(kāi)圖片文件并將其轉(zhuǎn)碼為base64，由于圖片采集保存的資源目錄是當(dāng)前系統(tǒng)部署所在的服務(wù)器，因此在前端頁(yè)面利用data url（本地?cái)?shù)據(jù)）的特性直接讀取圖片信息而不是通過(guò)訪問(wèn)系統(tǒng)資源路徑的方式訪問(wèn)，此舉提高了系統(tǒng)資源利用率、節(jié)省了系統(tǒng)內(nèi)部開(kāi)銷及帶寬，解決了超高清圖片加載時(shí)間過(guò)長(zhǎng)的問(wèn)題，應(yīng)用在高清、大分辨率的圖片查看時(shí)有非常好的魯棒性。用戶在預(yù)覽圖片時(shí)有裁剪、尺寸修改等操作無(wú)需通過(guò)傳統(tǒng)的方式去訪問(wèn)服務(wù)端提供的url獲取圖片，可以通過(guò)在頁(yè)面上使用data url的方式進(jìn)行本地IO讀寫(xiě)快速對(duì)圖片進(jìn)行顯示，此方法極大地提升了用戶體驗(yàn)。用戶還可以根據(jù)尺寸字典表中設(shè)定的參數(shù)進(jìn)行不同分辨率的圖片下載，以滿足不同使用場(chǎng)景的需要。

圖片特征碼生成模塊主要是利用特定的算法生成具有特殊意義的編號(hào)或者是特定logo水印的圖文進(jìn)行圖片信息內(nèi)容的添加，最終合并生成含有全新信息的圖片供后續(xù)有關(guān)業(yè)務(wù)中使用。本模塊主要提供用戶自定義標(biāo)識(shí)碼和隨機(jī)的水印信息，使圖片增強(qiáng)美觀性、實(shí)用性、安全性。在知識(shí)產(chǎn)權(quán)與隱私保護(hù)日益重視的當(dāng)下，如果發(fā)生盜用、濫用等侵權(quán)情況可追蹤到圖片的來(lái)源，也用于保護(hù)數(shù)據(jù)傳播，真?zhèn)舞b別以及非法拷貝控制。

系統(tǒng)操作日志模塊主要提供系統(tǒng)使用者全流程的痕跡管理，根據(jù)操作時(shí)間、操作模塊、操作對(duì)象、操作具體內(nèi)容等信息生成操作記錄進(jìn)行數(shù)據(jù)庫(kù)存儲(chǔ)。

（三）系統(tǒng)架構(gòu)設(shè)計(jì)

系統(tǒng)架構(gòu)按結(jié)構(gòu)邏輯自上往下為四個(gè)層級(jí)，如圖3所示。用戶層主要是系統(tǒng)的操作用戶為圖片數(shù)據(jù)采集員、圖片數(shù)據(jù)管理員、系統(tǒng)管理員。表現(xiàn)層也就是視圖層是進(jìn)行人機(jī)交互的界面部分，包括系統(tǒng)中的基礎(chǔ)數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)。業(yè)務(wù)邏輯層主要是根據(jù)功能需求進(jìn)行數(shù)據(jù)處理，主要負(fù)責(zé)業(yè)務(wù)流程的實(shí)現(xiàn)，按功能模塊劃分為兩個(gè)子系統(tǒng)，用戶信息權(quán)限子系統(tǒng)功能包括用戶信息、角色信息、部門(mén)信息、權(quán)限信息四個(gè)部分，圖片信息管理子系統(tǒng)功能包括數(shù)據(jù)采集、圖片管理、相冊(cè)管理、特征字典、瀏覽下載、外鏈分享、操作日志七個(gè)部分。數(shù)據(jù)庫(kù)層按數(shù)據(jù)類型分為用戶信息數(shù)據(jù)、 圖片信息數(shù)據(jù)、業(yè)務(wù)字典數(shù)據(jù)三部分。

（四）數(shù)據(jù)庫(kù)設(shè)計(jì)

系統(tǒng)的正常運(yùn)行離不開(kāi)數(shù)據(jù)庫(kù)系統(tǒng)，一個(gè)安全、穩(wěn)定、可靠的數(shù)據(jù)庫(kù)對(duì)信息系統(tǒng)的運(yùn)行起到至關(guān)重要的作用。本系統(tǒng)的數(shù)據(jù)庫(kù)選擇免費(fèi)開(kāi)源的MySQL，根據(jù)系統(tǒng)概要需求按系統(tǒng)權(quán)限業(yè)務(wù)模塊、圖片業(yè)務(wù)模塊進(jìn)行了數(shù)據(jù)表設(shè)計(jì)，圖片信息管理系統(tǒng)數(shù)據(jù)庫(kù)結(jié)構(gòu)如表1所示。

本系統(tǒng)數(shù)據(jù)表按數(shù)據(jù)類型劃分為以下兩個(gè)模塊：

1.系統(tǒng)權(quán)限模塊

本模塊中的主體表有用戶表、部門(mén)表、角色表、權(quán)限表，包含用戶姓名、所在部門(mén)、登錄賬號(hào)、所屬角色、模塊菜單的信息。用戶表與部門(mén)表可以實(shí)現(xiàn)操作人員基礎(chǔ)信息的管理。角色表與權(quán)限表可以分配使用功能菜單的數(shù)量，生成角色—菜單的映射關(guān)系。用戶表與角色表相關(guān)聯(lián)可以實(shí)現(xiàn)不同角色在系統(tǒng)中擁有哪些操作功能及系統(tǒng)使用級(jí)別。

2.圖片業(yè)務(wù)模塊

本模塊中主體表有圖片信息表、相冊(cè)表、圖片類型表、相冊(cè)類型表、圖片關(guān)聯(lián)表、特征碼字典表、水印字典表、尺寸字典表、圖片外鏈表、日志表，包含圖片基礎(chǔ)信息、相冊(cè)基礎(chǔ)信息、圖片配置信息、圖片分享信息、數(shù)據(jù)操作記錄信息。圖片表與相冊(cè)表關(guān)聯(lián)可以將圖片數(shù)據(jù)應(yīng)用于一對(duì)多的業(yè)務(wù)場(chǎng)景。特征碼字典與水印字典表可以保存不同用戶需要的、經(jīng)常反復(fù)使用的基礎(chǔ)數(shù)據(jù)或者是不同業(yè)務(wù)流程中需要用到的專用數(shù)據(jù)。圖片外鏈表可以按需求生成不同尺寸的圖片訪問(wèn)地址供其他用戶在公網(wǎng)上進(jìn)行瀏覽。日志表可以記錄所有用戶的使用情況，進(jìn)行系統(tǒng)操作安全審計(jì)及數(shù)據(jù)使用追蹤溯源。

五、圖片信息管理系統(tǒng)實(shí)現(xiàn)

（一）系統(tǒng)用戶權(quán)限模塊實(shí)現(xiàn)

用戶登錄系統(tǒng)前按步驟注冊(cè)賬號(hào)或者由系統(tǒng)管理員統(tǒng)一分配賬號(hào)，在登錄頁(yè)面輸入用戶名和密碼，前端頁(yè)面進(jìn)行一些簡(jiǎn)單的判空、特殊字符的驗(yàn)證，前端頁(yè)面校驗(yàn)合法的數(shù)據(jù)進(jìn)入后端程序的登錄方法中訪問(wèn)數(shù)據(jù)庫(kù)進(jìn)行下一步的核驗(yàn)。登錄方法中將比對(duì)數(shù)據(jù)庫(kù)中的用戶名與密碼和傳入的是否一致，通過(guò)一致性驗(yàn)證后獲得用戶名對(duì)應(yīng)的角色信息，再通過(guò)角色信息獲取與之分配的權(quán)限信息，此處的權(quán)限信息包括用戶所能訪問(wèn)的菜單、模塊、按鈕等。到此，整個(gè)登錄流程后端程序部分已處理完畢，前端頁(yè)面則根據(jù)獲取的權(quán)限信息進(jìn)行頁(yè)面渲染，用戶進(jìn)入系統(tǒng)主界面。

（二）圖片信息采集模塊實(shí)現(xiàn)

采集方式主要通過(guò)用戶登錄系統(tǒng)后打開(kāi)專門(mén)的圖片上傳頁(yè)面進(jìn)行。例如，采集手機(jī)、平板、數(shù)碼相機(jī)、個(gè)人PC機(jī)等多媒體設(shè)備上產(chǎn)生的圖片數(shù)據(jù)。用戶進(jìn)入頁(yè)面后選中需要上傳的圖片，填寫(xiě)一些圖片相關(guān)信息后即可上傳至系統(tǒng)。采集模塊會(huì)將上傳者信息、上傳時(shí)間、備注信息等進(jìn)行記錄，采集的圖片會(huì)自動(dòng)根據(jù)字典表中的參數(shù)去生成數(shù)據(jù)。例如，不同類型格式的圖片、不同分辨率大小的圖片、不同水印logo的圖片、預(yù)覽縮略圖等。對(duì)采集到的每張圖片，系統(tǒng)會(huì)生成唯一編號(hào)。

（三）圖片信息管理模塊實(shí)現(xiàn)

用戶進(jìn)入對(duì)應(yīng)的圖片信息管理頁(yè)面后可以按條件進(jìn)行圖片資源的檢索，單個(gè)或批量對(duì)圖片信息進(jìn)行編輯操作或刪除操作。用戶可以查看圖片的來(lái)源、所屬分類、相冊(cè)關(guān)聯(lián)情況，可以對(duì)圖片進(jìn)行裁剪、生成特定大小縮略圖、動(dòng)態(tài)生成外鏈、圖片停用等操作。

（四）圖片相冊(cè)管理模塊實(shí)現(xiàn)

用戶進(jìn)入圖片相冊(cè)管理界面后首先創(chuàng)建一個(gè)相冊(cè)集，進(jìn)行名稱、關(guān)鍵信息的填寫(xiě)，相冊(cè)集的屬性可以是專題、會(huì)議、團(tuán)建等活動(dòng)，創(chuàng)建好相冊(cè)后選擇系統(tǒng)中的圖片添加到相冊(cè)上，也可以將其他相冊(cè)中圖片復(fù)制到新的相冊(cè)。相冊(cè)中可以進(jìn)行圖片的增刪改查、是否公開(kāi)分享等操作。相冊(cè)默認(rèn)為誰(shuí)創(chuàng)建誰(shuí)擁有管理權(quán)限。

（五）圖片瀏覽下載模塊實(shí)現(xiàn)

用戶進(jìn)入頁(yè)面后默認(rèn)顯示所有采集的圖片信息。圖片數(shù)據(jù)按采集上傳時(shí)間倒序排列，可以選擇相冊(cè)模式瀏覽，相冊(cè)模式只顯示相冊(cè)相關(guān)聯(lián)的圖片信息。瀏覽頁(yè)面可以輸入采集人、采集時(shí)間、分辨率、標(biāo)簽、備注等條件進(jìn)行模糊檢索，在瀏覽圖片的同時(shí)可以進(jìn)行放大、縮小、旋轉(zhuǎn)、裁剪等操作，點(diǎn)擊圖片下方“下載”按鈕可以進(jìn)行圖片的本地保存。

（六）圖片特征碼生成模塊實(shí)現(xiàn)

用戶點(diǎn)擊圖片特征碼生成模塊會(huì)出現(xiàn)水印管理和標(biāo)識(shí)碼管理兩個(gè)子菜單。進(jìn)入標(biāo)識(shí)碼管理頁(yè)面或水印管理頁(yè)面會(huì)按最新上傳時(shí)間倒序顯示圖片數(shù)據(jù)信息，頁(yè)面可以輸入關(guān)鍵字進(jìn)行數(shù)據(jù)檢索。水印管理頁(yè)面點(diǎn)擊“上傳”按鈕可以將制作好的水印圖片進(jìn)行上傳，選中某一條數(shù)據(jù)可以進(jìn)行水印圖片的預(yù)覽并且進(jìn)行增刪改操作。標(biāo)識(shí)碼管理頁(yè)面中點(diǎn)擊“創(chuàng)建”按鈕會(huì)彈出標(biāo)識(shí)碼生成窗口頁(yè)面，可以選擇隨機(jī)模式或自增模式生成純數(shù)字、純字母、字母數(shù)字符號(hào)混合的標(biāo)識(shí)碼。兩個(gè)子菜單上的“合并”按鈕可以將水印圖像或生成的標(biāo)識(shí)碼合并到選中的圖片上，合并時(shí)可以設(shè)置特征碼的大小、放置的位置，最終生成含有特征碼的圖片。

（七）系統(tǒng)操作日志模塊實(shí)現(xiàn)

系統(tǒng)管理員可以查看所有用戶的操作記錄，其他用戶只能查看自己的操作記錄。用戶進(jìn)入頁(yè)面可以查看當(dāng)前最新的操作日志數(shù)據(jù)，輸入用戶名后點(diǎn)擊檢索按鈕可以查看該用戶使用系統(tǒng)以來(lái)的所有操作信息，輸入開(kāi)始時(shí)間和結(jié)束時(shí)間可以查詢?cè)摃r(shí)間段內(nèi)用戶的操作記錄，輸入操作類型可以查看用戶何時(shí)進(jìn)行過(guò)這類操作，最后可以使用導(dǎo)出功能生成報(bào)表文件。

六、結(jié)語(yǔ)

SSM框架是當(dāng)前主流的企業(yè)級(jí)信息系統(tǒng)開(kāi)發(fā)首選技術(shù)，可以減少開(kāi)發(fā)成本，提高開(kāi)發(fā)效率。本系統(tǒng)在諸多圖片管理的場(chǎng)景中得到了很好的應(yīng)用，也取得了較好的效果，表明本系統(tǒng)達(dá)到了設(shè)計(jì)之初的要求。系統(tǒng)在使用中也發(fā)現(xiàn)需要優(yōu)化之處。例如，圖片進(jìn)行預(yù)覽時(shí)缺乏各類風(fēng)格濾鏡處理等，后期將進(jìn)一步對(duì)系統(tǒng)進(jìn)行更新迭代。

參考文獻(xiàn)

[1]張華一.基于B/S架構(gòu)的圖片管理系統(tǒng)WEB前端關(guān)鍵技術(shù)的設(shè)計(jì)與實(shí)現(xiàn)[D].北京：北京郵電大學(xué)，2017.

[2]劉潤(rùn)澤.圖片管理系統(tǒng)后臺(tái)設(shè)計(jì)與實(shí)現(xiàn)[D].北京：北京郵電大學(xué)，2017.

[3]劉偉，霍德尚，張效岳.植物圖像管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].信息技術(shù)與信息化，2022（01）：12-15.

[4]唐軍，薛亞?wèn)|，盧慧，等.基于GIS的自然保護(hù)區(qū)本底資源調(diào)查系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].計(jì)算機(jī)應(yīng)用與軟件，2023，40（08）：1-6+12.

[5]潘顯民，歐戰(zhàn)祥，夏雅.仿生學(xué)下基于SSM的大學(xué)生學(xué)習(xí)資源共享系統(tǒng)設(shè)計(jì)[J].湘南學(xué)院學(xué)報(bào)，2023，44（05）：44-48.

基金項(xiàng)目：2023年湘潭市科技系統(tǒng)第二批大事要事保障項(xiàng)目“多媒體終端數(shù)字圖像處理技術(shù)研究與應(yīng)用”（項(xiàng)目編號(hào)：GX-YB20231017）

作者單位：湘潭技師學(xué)院、湘潭科技職業(yè)學(xué)院

■ 責(zé)任編輯：王穎振、楊惠娟