結(jié)合七牛搭建個(gè)人相冊(cè)

時(shí)間：2023-05-31 20:06:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-05-31 20:06:01 來源：網(wǎng)站運(yùn)營

結(jié)合七牛搭建個(gè)人相冊(cè)：項(xiàng)目簡介：本項(xiàng)目基于七牛云存儲(chǔ)的 SDK 實(shí)現(xiàn)個(gè)人相冊(cè)服務(wù)，學(xué)習(xí)并實(shí)踐 Java Web 開發(fā)基本方法及七牛云存儲(chǔ) Java API 接口。

本項(xiàng)目由FelixChu發(fā)布在實(shí)驗(yàn)樓，完整教程及在線練習(xí)地址：結(jié)合七牛搭建個(gè)人相冊(cè)

一、 項(xiàng)目說明

1.1 概述

相信很多人都知道網(wǎng)站一般會(huì)有很多圖片，對(duì)于小型網(wǎng)站來說，圖片放在網(wǎng)站服務(wù)器上不算什么，但當(dāng)圖片數(shù)量很大時(shí)，會(huì)造成服務(wù)器很臃腫，相應(yīng)地對(duì)帶寬要求也會(huì)提高，這就造成了成本的增加。其實(shí)現(xiàn)在已經(jīng)流行云存儲(chǔ)，我們可以把圖片、大文件等放到第三方提供的云存儲(chǔ)服務(wù)上，這會(huì)減少一部分成本。這門課程就介紹了 JavaWeb 結(jié)合七牛云存儲(chǔ)來搭建個(gè)人相冊(cè)服務(wù)。

1.2 預(yù)備知識(shí)

1.2.1 Servlet

Servlet（Server Applet），全稱 Java Servlet，未有中文譯文。是用 Java 編寫的服務(wù)器端程序。其主要功能在于交互式地瀏覽和修改數(shù)據(jù)，生成動(dòng)態(tài) Web 內(nèi)容。狹義的 Servlet 是指 Java 語言實(shí)現(xiàn)的一個(gè)接口，廣義的 Servlet 是指任何實(shí)現(xiàn)了這個(gè) Servlet 接口的類，一般情況下，人們將 Servlet 理解為后者。 Servlet 運(yùn)行于支持 Java 的應(yīng)用服務(wù)器中。從原理上講， Servlet 可以響應(yīng)任何類型的請(qǐng)求，但絕大多數(shù)情況下 Servlet 只用來擴(kuò)展基于 HTTP 協(xié)議的 Web 服務(wù)器。具體內(nèi)容請(qǐng)參考：百度百科。

1.2.2 JSP

JSP 全名為 Java Server Pages ，中文名叫 java 服務(wù)器頁面，其根本是一個(gè)簡化的 Servlet 設(shè)計(jì)，它是由 Sun Microsystems 公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)。 JSP 技術(shù)有點(diǎn)類似 ASP 技術(shù)，它是在傳統(tǒng)的網(wǎng)頁 HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的子集）文件( .htm , .html )中插入 Java 程序段( Scriptlet )和 JSP 標(biāo)記( tag )，從而形成 JSP 文件，后綴名為( *.jsp )。 用 JSP 開發(fā)的 Web 應(yīng)用是跨平臺(tái)的，既能在 Linux 下運(yùn)行，也能在其他操作系統(tǒng)上運(yùn)行。它實(shí)現(xiàn)了 Html 語法中的 java 擴(kuò)展（以 <%, %>形式）。 JSP 與 Servlet 一樣，是在服務(wù)器端執(zhí)行的。通常返回給客戶端的就是一個(gè) HTML 文本，因此客戶端只要有瀏覽器就能瀏覽。 JSP 技術(shù)使用 Java 編程語言編寫類 XML 的 tags 和 scriptlets ，來封裝產(chǎn)生動(dòng)態(tài)網(wǎng)頁的處理邏輯。網(wǎng)頁還能通過 tags 和 scriptlets 訪問存在于服務(wù)端的資源的應(yīng)用邏輯。 JSP 將網(wǎng)頁邏輯與網(wǎng)頁設(shè)計(jì)的顯示分離，支持可重用的基于組件的設(shè)計(jì)，使基于 Web 的應(yīng)用程序的開發(fā)變得迅速和容易。 JSP ( JavaServer Pages )是一種動(dòng)態(tài)頁面技術(shù)，它的主要目的是將表示邏輯從 Servlet 中分離出來。具體內(nèi)容請(qǐng)參考：百度百科。

1.2.3 Bootstrap

Bootstrap ，來自 Twitter ，是目前很受歡迎的前端框架。 Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。它由 Twitter 的設(shè)計(jì)師 Mark Otto 和 Jacob Thornton 合作開發(fā)，是一個(gè) CSS/HTML 框架。 Bootstrap 提供了優(yōu)雅的 HTML 和 CSS 規(guī)范，它即是由動(dòng)態(tài) CSS 語言 Less 寫成。 Bootstrap 一經(jīng)推出后頗受歡迎，一直是 GitHub 上的熱門開源項(xiàng)目，包括 NASA 的 MSNBC（微軟全國廣播公司）的 Breaking News 都使用了該項(xiàng)目。國內(nèi)一些移動(dòng)開發(fā)者較為熟悉的框架，如 WeX5 前端開源框架等，也是基于 Bootstrap 源碼進(jìn)行性能優(yōu)化而來。

二、 項(xiàng)目效果展示

輸入網(wǎng)址，進(jìn)入登陸注冊(cè)頁面 index.jsp ,首先進(jìn)行注冊(cè)，如圖：

然后登陸：

跳轉(zhuǎn)至 home.jsp 頁面，添加圖片，選擇右側(cè) Options ，點(diǎn)擊 Upload ，如圖：

添加成功如下：

選中圖片，點(diǎn)擊 Options ，選擇 Delete 刪除：

刪除成功。

本項(xiàng)目實(shí)現(xiàn)的完整教程和代碼詳解，可在實(shí)驗(yàn)樓中查看并在線完成:https://www.shiyanlou.com/courses/54

更多Java經(jīng)典項(xiàng)目：Java全部 - 課程

如果您也想通過實(shí)驗(yàn)樓課程的形式分享自己的實(shí)踐經(jīng)驗(yàn)，歡迎投稿給我們：項(xiàng)目投稿通道