整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          SPRING BOOT實現(xiàn)文件上傳和下載

          SPRING BOOT實現(xiàn)文件上傳和下載

          pringBoot實現(xiàn)文件上傳和下載,前端VUE2,VUE3,React,HTML,后端SpringBoot,JAVA,JSP,在前端網(wǎng)頁上面實現(xiàn)大文件上傳和下載功能,支持批量上傳,分片上傳,斷點續(xù)傳,加密上傳,壓縮上傳,批量下載,加密下載,加密傳輸,文件夾上傳,文件夾下載。

          SpringBoot實現(xiàn)HTTP大文件斷點續(xù)傳分片下載,JAVA以HTTP方式實現(xiàn)大文件分片,分段,分塊,分割下載。

          需要支持斷點續(xù)傳,下載一半關(guān)閉電腦后,明天能夠繼續(xù)下載。或者關(guān)閉瀏覽器,或關(guān)閉網(wǎng)頁,或刷新網(wǎng)頁。

          最好下載能夠支持加密下載,在下載過程中數(shù)據(jù)是加密的,下載完后自動解密,主要是有安全需求。

          速度這塊的話,內(nèi)網(wǎng)是希望跑滿的,百兆網(wǎng)絡(luò)的話12MB/S左右,千兆的話50MB/S左右。

          需要支持文件夾下載,斷點續(xù)傳,下載保留層級結(jié)構(gòu)。

          網(wǎng)上搜到的SpringBoot的代碼不多,完整的不多,能用的也不多,基本上大部分的文章只是提供了少量的代碼,講一下思路,或者實現(xiàn)方案。

          之前一般的做法都是使用HTML5來做的,大部都是傳文件的,傳文件夾的不多。網(wǎng)上能夠搜到的能用的不多。下來下的話,基本上都不能滿足用戶的 需求。或者用戶在用的時候總是會遇到這樣或那樣的問題,維護的話也很麻煩,用戶滿意度比較低。

          我們主要是做政府項目,客戶也都是政府單位的,對用戶體驗要求比較高,要讓他們感覺用的方便,對穩(wěn)定性要求比較高,基本上一年365天都不希望你出問題,對安全性要求也比較高,涉密了,信創(chuàng)國產(chǎn)化,不能連外網(wǎng)的,都是內(nèi)網(wǎng)。兼容性要求比較高,有用WIN7+IE8的,也要兼容。

          版本:6.5.40
          代碼:https://gitee.com/xproer/up6-jsp-springboot/tree/6.5.40/

          nosql示例

          nosql示例不需要進行任何配置,可以直接訪問測試。

          SQL示例

          1.創(chuàng)建數(shù)據(jù)庫

          2.配置數(shù)據(jù)庫連接

          3.自動下載maven依賴

          4.啟動項目

          啟動成功

          6.訪問及測試

          默認頁面接口定義:

          在瀏覽器中訪問:

          數(shù)據(jù)表中的數(shù)據(jù)

          相關(guān)問題:

          1.javax.servlet.http.HttpServlet錯誤

          2.項目無法發(fā)布到tomcat

          3.md5計算完畢后卡住

          4.服務(wù)器找不到config.json文件

          5.Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile

          相關(guān)參考:

          文件保存位置

          目介紹

          微人事是一個前后端分離的人力資源管理系統(tǒng),項目采用 SpringBoot+Vue 開發(fā),項目加入常見的企業(yè)級應(yīng)用所涉及到的技術(shù)點,例如 Redis、RabbitMQ 等。

          如果您需要獲取到這份人力資源管理系統(tǒng)源碼的話,關(guān)注本頭條號,轉(zhuǎn)發(fā)文章之后私信回復(fù)【源碼】查看獲取方式!

          • 項目部署視頻教程(舊版)
          • 項目部署視頻教程(新版)
          • 項目其他相關(guān)資料

          項目技術(shù)棧

          后端技術(shù)棧

          1. Spring Boot
          2. Spring Security
          3. MyBatis
          4. MySQL
          5. Redis
          6. RabbitMQ
          7. Spring Cache
          8. WebSocket
          9. ...

          前端技術(shù)棧

          1. Vue
          2. ElementUI
          3. axios
          4. vue-router
          5. Vuex
          6. WebSocket
          7. vue-cli4
          8. ...

          項目效果圖

          首先,不同的用戶在登錄成功之后,根據(jù)不同的角色,會看到不同的系統(tǒng)菜單,完整菜單如下:

          不同用戶登錄上來之后,可能看到的會有差異,如下:

          每個用戶的角色是由系統(tǒng)管理員進行分配的,系統(tǒng)管理員給用戶分配角色的頁面如下:


          系統(tǒng)管理員也可以管理不同角色可以操作的資源,頁面如下:


          文檔

          文檔是對項目開發(fā)過程中遇到的一些問題的詳細記錄,主要是為了幫助沒有基礎(chǔ)的小伙伴快速理解這個項目。

          1. 權(quán)限數(shù)據(jù)庫設(shè)計
          2. 服務(wù)端環(huán)境搭建
          3. 動態(tài)處理角色和資源的關(guān)系
          4. 密碼加密并加鹽
          5. 服務(wù)端異常的統(tǒng)一處理
          6. axios 請求封裝,請求異常統(tǒng)一處理
          7. 將請求方法掛到Vue上
          8. 登錄狀態(tài)的保存
          9. 登錄成功后動態(tài)加載組件
          10. 角色資源關(guān)系管理
          11. 用戶角色關(guān)系管理

          目前源碼已經(jīng)全部上傳完畢

          如果您需要獲取到這份人力資源管理系統(tǒng)源碼的話,關(guān)注本頭條號,轉(zhuǎn)發(fā)文章之后私信回復(fù)【源碼】查看獲取方式!

          景:公司要開發(fā)一個新的項目,但是我們的前端就一個,還要忙著維護處理其他的項目,但是后端人員比較多,所以就要求后臺管理系統(tǒng)的頁面由后端人員開發(fā),實在不會的找前端協(xié)助,這就沒辦法了,只能自己上了!

          Idea創(chuàng)建項目





          vue結(jié)構(gòu)分析


          其中我們最常修改的部分就是 components 文件夾,幾乎所有需要手動編寫的代碼都在其中。


          1.public下index.html

          <!DOCTYPE html>
          <html lang="">
            <head>
              <meta charset="utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=edge">
              <meta name="viewport" content="width=device-width,initial-scale=1.0">
              <link rel="icon" href="<%=BASE_URL %>favicon.ico">
              <title><%=htmlWebpackPlugin.options.title %></title>
            </head>
            <body>
              <noscript>
                <strong>We're sorry but <%=htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
              </noscript>
              <div id="app"></div>
              <!-- built files will be auto injected -->
            </body>
          </html>
          

          就是一個普普通通的 html 文件,讓它不平凡的是 <div id="app"></div> ,下面有一行注釋,構(gòu)建的文件將會被自動注入,也就是說我們編寫的其它的內(nèi)容都將在這個 div 中展示。

          還有不普通的一點是,整個項目只有這一個 html 文件,所以這是一個 單頁面應(yīng)用,當(dāng)我們打開這個應(yīng)用,表面上可以有很多頁面,實際上它們都只不過在一個 div 中。

          2.src下App.vue

          這個文件稱為“根組件”,因為其它的組件又都包含在這個組件中。.vue 文件是一種自定義文件類型,在結(jié)構(gòu)上類似 html,一個 .vue 文件即是一個 vue 組件。先看它的初始代碼

          <template>
            <div id="app">
              <img alt="Vue logo" src="./assets/logo.png">
              <HelloWorld msg="Welcome to Your Vue.js App"/>
            </div>
          </template>
          
          <script>
          import HelloWorld from './components/HelloWorld.vue'
          
          export default {
            name: 'App',
            components: {
              HelloWorld
            }
          }
          </script>
          
          <style>
          #app {
            font-family: Avenir, Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-align: center;
            color: #2c3e50;
            margin-top: 60px;
          }
          </style>
          

          這里也有一句 <div id="app">,但跟 index.html 里的那個是沒有關(guān)系的。這個 id=app 只是跟下面的 css 對應(yīng)。

          <script>標簽里的內(nèi)容即該組件的腳本,也就是 js 代碼,export default 是 ES6 的語法,意思是將這個組件整體導(dǎo)出,之后就可以使用 import 導(dǎo)入組件了。大括號里的內(nèi)容是這個組件的相關(guān)屬性。

          這個文件最關(guān)鍵的一點其實是第四行, <router-view/>,是一個容器,名字叫“路由視圖”,意思是當(dāng)前路由( URL)指向的內(nèi)容將顯示在這個容器中。也就是說,其它的組件即使擁有自己的路由(URL,需要在 router 文件夾的 index.js 文件里定義),也只不過表面上是一個單獨的頁面,實際上只是在根組件 App.vue 中。

          3.src下main.js

          前面我們說 App.vue 里的 <div id="app"> 和 index.html 里的 <div id="app"> 沒有關(guān)系,那么這兩個文件是怎么建立聯(lián)系的呢?讓我們來看入口文件 main.js 的代碼

          import Vue from 'vue'
          import App from './App.vue'
          
          Vue.config.productionTip=false
          
          new Vue({
            render: h=> h(App),
          }).$mount('#app')
          

          4.運行


          主站蜘蛛池模板: 天堂一区二区三区精品| 色一情一乱一区二区三区啪啪高| 国产精品一区二区久久不卡| 国精品无码A区一区二区| 亚洲国产精品一区| 精品无码人妻一区二区三区不卡| 亚洲一区电影在线观看| 国产一区二区三区高清视频| 国产精品成人一区无码| 亚洲日韩一区精品射精| 久久一区二区精品综合| 国内偷窥一区二区三区视频| 一区五十路在线中出| 国产一区二区三区播放心情潘金莲| 人妻少妇一区二区三区| 国产精品va一区二区三区| 海角国精产品一区一区三区糖心| 无码人妻精品一区二区三区久久| 亚洲线精品一区二区三区影音先锋| 精品无码国产AV一区二区三区 | 久久精品无码一区二区三区 | 人妻av无码一区二区三区| 伊人精品视频一区二区三区| 国产AⅤ精品一区二区三区久久| 国产一区二区三区小说| 国产一区二区三区免费视频| 国模视频一区二区| 无码国产精品一区二区高潮| 无码人妻一区二区三区兔费 | 人妻少妇精品一区二区三区| 精品日本一区二区三区在线观看 | 亚洲av成人一区二区三区观看在线| 日韩免费一区二区三区在线播放 | 本免费AV无码专区一区| 国产成人精品一区在线| 久久久不卡国产精品一区二区| 久久国产三级无码一区二区| 一区二区三区波多野结衣| 一区二区三区无码高清| 国产免费一区二区三区免费视频| 不卡无码人妻一区三区音频|