每天記錄學(xué)習(xí)，每天會(huì)有好心情。*^_^*

今天和一個(gè)朋友共同完成了一個(gè)網(wǎng)絡(luò)相冊(cè)管理系統(tǒng)項(xiàng)目，我們?cè)陂_發(fā)時(shí)選用的框架是SSM(MYECLIPSE)框架。我這個(gè)朋友知識(shí)有限，只會(huì)這個(gè)框架，哈哈，都是為了方便他。和往常一樣選用簡(jiǎn)單又便捷的MYECLIPSE作為開發(fā)工具，這是一個(gè) 后臺(tái)項(xiàng)目。這個(gè)系統(tǒng)的介紹是這樣的：隨著網(wǎng)絡(luò)科技的發(fā)展,云端技術(shù)的完善,越來越多的網(wǎng)絡(luò)用戶喜歡將文件等信息放置在網(wǎng)絡(luò)上,既方便下載瀏覽,又減少攜帶的麻煩。這其中又以上傳相片至網(wǎng)絡(luò)最為興盛,在網(wǎng)絡(luò)上曬相片已經(jīng)成為一種時(shí)尚潮流,這記錄著用戶的生活經(jīng)歷和足跡,不但能起紀(jì)念作用,更是與他人分享自己人生經(jīng)歷與知識(shí)的渠道。隨著國(guó)外著名圖片分享應(yīng)用Instagram不斷火熱,關(guān)于網(wǎng)絡(luò)分享與存儲(chǔ)圖片的應(yīng)用也慢慢增多,網(wǎng)絡(luò)相冊(cè)服務(wù)也因此應(yīng)運(yùn)而生并日趨盛行。網(wǎng)絡(luò)相冊(cè)不但能解決用戶自身的存儲(chǔ)問題,增進(jìn)人與人之間的聯(lián)系分享朋友快樂的重要途徑,更體現(xiàn)著互聯(lián)網(wǎng)分享的精神。由于信息交流的多樣化,特別是電子信息技術(shù)的發(fā)展,同時(shí),隨著數(shù)據(jù)庫(kù)技術(shù),客戶/服務(wù)器技術(shù)等的發(fā)展,使得網(wǎng)絡(luò)相冊(cè)系統(tǒng)的功能更加完善。網(wǎng)絡(luò)相冊(cè)管理系統(tǒng)的特點(diǎn)是從相冊(cè)管理的角度出發(fā),通過數(shù)據(jù)庫(kù)將幾乎所有與之相關(guān)的數(shù)據(jù)統(tǒng)一管理起來,從而形成了集成的信息集。網(wǎng)絡(luò)相冊(cè)管理系統(tǒng)較好的用戶界面,信息共享,信息管理使得管理人員和用戶使用更加的便捷,而且網(wǎng)絡(luò)相冊(cè)系統(tǒng)的可操作性非常強(qiáng),針對(duì)不同教育程度的人群。本文以此為背景,采用軟件工程的方法,結(jié)合實(shí)際,從網(wǎng)絡(luò)相冊(cè)發(fā)展的現(xiàn)狀和功能分析出發(fā),確立網(wǎng)絡(luò)相冊(cè)系統(tǒng)建設(shè)的目標(biāo)，一個(gè)網(wǎng)絡(luò)相冊(cè)管理系統(tǒng)應(yīng)包含用戶角色有管理員、用戶。為了能讓用戶順利登陸系統(tǒng)完成相關(guān)操作，需要為每種登陸角色設(shè)置賬戶和密碼字段。

系統(tǒng)中用戶、類型之間存在關(guān)聯(lián)關(guān)系，我們將其關(guān)聯(lián)關(guān)系保存在相冊(cè)表中。他們的關(guān)聯(lián)關(guān)系是這樣的相冊(cè)的用戶與用戶的mingzi字段對(duì)應(yīng)、相冊(cè)的用戶id與用戶的id字段對(duì)應(yīng)、相冊(cè)的類型與類型的mingzi字段對(duì)應(yīng)、相冊(cè)的類型id與類型的id字段對(duì)應(yīng)

。圖片的存在是為了能更好的結(jié)合系統(tǒng)的功能。相冊(cè)表的聯(lián)系在這張表中得以體現(xiàn)，其關(guān)聯(lián)關(guān)系為圖片的相冊(cè)與相冊(cè)的biaoti字段對(duì)應(yīng)、圖片的相冊(cè)id與相冊(cè)的id字段對(duì)應(yīng)

。

總結(jié)得出該系統(tǒng)所有數(shù)據(jù)為：管理員(admin)、用戶(yonghu)、相冊(cè)(xiangce)、類型(leixing)、圖片(tupian)

管理員表

字段名 | 類型 | 屬性 |描述

id| INT(11) | PRIMARY KEY |管理員id

username| VARCHAR(255) | |賬號(hào)

password| VARCHAR(255) | | 密碼

用戶表

字段名 | 類型 | 屬性 |描述

id| INT(11) | PRIMARY KEY |用戶id

mingzi| VARCHAR(255) | |名字

username| VARCHAR(255) | |賬號(hào)

password| VARCHAR(255) | |密碼

jieshao| VARCHAR(255) | | 介紹

相冊(cè)表

字段名 | 類型 | 屬性 |描述

id| INT(11) | PRIMARY KEY |相冊(cè)id

biaoti| VARCHAR(255) | |標(biāo)題

jieshao| VARCHAR(255) | |介紹

yonghu| VARCHAR(255) | |用戶

yonghuid| VARCHAR(255) | |用戶id

leixing| VARCHAR(255) | |類型

leixingid| VARCHAR(255) | | 類型id

類型表

字段名 | 類型 | 屬性 |描述

id| INT(11) | PRIMARY KEY |類型id

mingzi| VARCHAR(255) | | 名字

圖片表

字段名 | 類型 | 屬性 |描述

id| INT(11) | PRIMARY KEY |圖片id

biaoti| VARCHAR(255) | |標(biāo)題

miaoshu| VARCHAR(255) | |描述

shangchuanshijian| VARCHAR(255) | |上傳時(shí)間

tupian| VARCHAR(255) | |圖片

xiangce| VARCHAR(255) | |相冊(cè)

xiangceid| VARCHAR(255) | | 相冊(cè)id

SET FOREIGN_KEY_CHECKS=0;------------------------------

------------------------------

--Table structure for ggwangluoxiangce

------------------------------

DROP TABLE IF EXISTS`t_admin`;CREATE TABLE `t_admin` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '管理員id',`username` VARCHAR(255) DEFAULT NULL COMMENT '賬號(hào)',`password` VARCHAR(255) DEFAULT NULL COMMENT '密碼',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='管理員';------------------------------

DROP TABLE IF EXISTS`t_yonghu`;CREATE TABLE `t_yonghu` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '用戶id',`mingzi` VARCHAR(255) DEFAULT NULL COMMENT '名字',`username` VARCHAR(255) DEFAULT NULL COMMENT '賬號(hào)',`password` VARCHAR(255) DEFAULT NULL COMMENT '密碼',`jieshao` VARCHAR(255) DEFAULT NULL COMMENT '介紹',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='用戶';------------------------------

DROP TABLE IF EXISTS`t_xiangce`;CREATE TABLE `t_xiangce` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '相冊(cè)id',`biaoti` VARCHAR(255) DEFAULT NULL COMMENT '標(biāo)題',`jieshao` VARCHAR(5000) DEFAULT NULL COMMENT '介紹',`yonghu` VARCHAR(255) DEFAULT NULL COMMENT '用戶',`yonghuid` INT(11) DEFAULT NULL COMMENT '用戶id',`leixing` VARCHAR(255) DEFAULT NULL COMMENT '類型',`leixingid` INT(11) DEFAULT NULL COMMENT '類型id',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='相冊(cè)';------------------------------

DROP TABLE IF EXISTS`t_leixing`;CREATE TABLE `t_leixing` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '類型id',`mingzi` VARCHAR(255) DEFAULT NULL COMMENT '名字',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='類型';------------------------------

DROP TABLE IF EXISTS`t_tupian`;CREATE TABLE `t_tupian` (`id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '圖片id',`biaoti` VARCHAR(255) DEFAULT NULL COMMENT '標(biāo)題',`miaoshu` VARCHAR(5000) DEFAULT NULL COMMENT '描述',`shangchuanshijian` VARCHAR(255) DEFAULT NULL COMMENT '上傳時(shí)間',`tupian` VARCHAR(255) DEFAULT NULL COMMENT '圖片',`xiangce` VARCHAR(255) DEFAULT NULL COMMENT '相冊(cè)',`xiangceid` INT(11) DEFAULT NULL COMMENT '相冊(cè)id',PRIMARY KEY(`id`)

) ENGINE=MyISAM DEFAULT CHARSET=utf8 COMMENT='圖片';

添加圖片模塊：

系統(tǒng)中存在添加圖片功能，通過點(diǎn)擊添加圖片可以跳轉(zhuǎn)到該功能模塊，在該功能模塊中，填寫對(duì)應(yīng)的圖片信息。圖片包含信息標(biāo)題,描述,上傳時(shí)間,圖片,相冊(cè),相冊(cè)id，填寫完所有信息后，通過post方法將數(shù)據(jù)提交到tianjiatupian.action中，該地址將在服務(wù)器中tupianController類中的tianjiatupianact方法中進(jìn)行響應(yīng)。響應(yīng)結(jié)果為，獲取所有的圖片信息，封裝一個(gè)tupian類，使用tupianController類中定義的tupiandao的insert方法，將圖片數(shù)據(jù)插入到數(shù)據(jù)庫(kù)的tupian表中。并給出用戶提示信息，添加圖片成功，將該信息保存到request的message中，該信息將在頁面中進(jìn)行展示。該部分核心代碼如下：

通過tupiandao的insert方法將頁面?zhèn)鬏數(shù)膱D片添加到數(shù)據(jù)庫(kù)中 tupiandao.insert(tupian);

將添加圖片成功信息，保存到request的message中，在頁面中給出用戶提示 request.setAttribute("message", "添加圖片成功");

返回圖片管理界面

return "forward:/tianjiatupian.action";

查詢圖片模塊：

在后臺(tái)中定義圖片查詢模塊，在側(cè)邊欄中點(diǎn)擊圖片管理，可以跳轉(zhuǎn)到圖片管理界面。在該頁面中通過tupianController中定義tupianguanli響應(yīng)圖片查詢模塊。在tupianguanli中查詢出所有信息，返回頁面進(jìn)行循環(huán)展示。查詢方法為tupiandao中的selectByexample方法。該部分核心代碼如下：

生成圖片樣例類，通過example定義查詢條件 TupianExample example = new TupianExample();

通過tupiandao的selectByExample方法查詢出所有的圖片信息 List tupianall = tupiandao.selectByExample(example);

將圖片信息，保存到request中，在頁面通過foreach方法進(jìn)行展示 request.setAttribute("tupianall", tupianall);

返回圖片管理界面

return "forward:/tupianguanli.action";

修改圖片模塊：

對(duì)已經(jīng)上傳的圖片信息可以進(jìn)行修改操作，該部分操作在圖片管理界面中點(diǎn)擊修改按鈕可以跳轉(zhuǎn)到圖片修改頁面。在修改頁面中，將初始化所有的圖片字段信息,字段信息包括標(biāo)題,描述,上傳時(shí)間,圖片,相冊(cè),相冊(cè)id。字段信息內(nèi)容通過圖片id獲取。修改后的信息傳入到tupianController中接收為tupian。在tupianController中包含有提前定義好的tupiandao，該參數(shù)為tupianMapper是實(shí)現(xiàn)。tupianMapper中定義了修改方法，此處使用修改方法為updateByPrimaryKeySelective，該方法可以將修改后信息同步到數(shù)據(jù)庫(kù)中，最終將修改成功信息返回頁面中。該部分代碼如下：

通過tupiandao的修改方法根據(jù)id修改對(duì)應(yīng)的圖片 tupiandao.updateByPrimaryKeySelective(tupian);

將修改圖片成功信息，保存到request的message中，在頁面中給出用戶提示 request.setAttribute("message", "修改圖片信息成功");

返回圖片管理界面

return "forward:/tupianguanli.action";

刪除圖片模塊：

在管理頁面中，點(diǎn)擊刪除。頁面將通過a標(biāo)簽的href屬性，使用get方法將該圖片

的id上傳到服務(wù)器中，在服務(wù)器中通過tupianController類中的shanchutupian進(jìn)行接收，之后調(diào)用tupianMapper中的deleteByPrimaryKey方法根據(jù)ID進(jìn)行刪除。將刪除信息保存到request的message中，在頁面給出用戶刪除成功的提示信息，該部分核心代碼如下：

通過tupiandao的刪除方法根據(jù)id刪除對(duì)應(yīng)的圖片 tupiandao.deleteByPrimaryKey(id);

將刪除圖片成功信息，保存到request的message中，在頁面中給出用戶提示 request.setAttribute("message", "刪除圖片成功");

返回圖片管理界面

return "forward:/tupianguanli.action";

總結(jié)

以上是生活随笔為你收集整理的开源相册系统Java_基于JAVA的B/S网络相册管理系统的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。