$文末獲取源碼，項目編號：S065。$

---

---

一、摘要

1.1 項目介紹

基于JAVA+Vue+SpringBoot+MySQL的陜西非物質文化遺產網站，包含了陜西地市、民間文學、傳統音樂、傳統舞蹈、傳統戲劇、傳統體育模塊，還包含系統自帶的用戶管理、部門管理、角色管理、菜單管理、日志管理、數據字典管理、文件管理、圖表展示等基礎模塊，陜西非物質文化遺產網站基于角色的訪問控制，給視頻管理員、普通用戶使用，可將權限精確到按鈕級別，您可以自定義角色并分配權限，系統適合設計精確的權限約束需求。

1.2 項目錄屏

---

二、功能模塊

非物質文化遺產與互聯網相結合，為非物質文化遺產的數字化傳播提供了重要契機。作為十三朝古都的陜西省，存在著大量的工藝美術、民間傳 說、音樂、禮儀等非遺資源。目前陜西的部分非遺數字化資源可以通過相關的博物館網站瀏覽和欣賞，但對數量龐大的陜西非遺資源來說，目前這種分布式資源不利于用戶系統化的了解陜西非遺文化。因此，構建一個陜西非物質文化遺產資源欣賞專題網站，幫助用戶系統化的了解陜西非遺文化，塑造大眾心目中獨特的陜西文化IP形象。

2.1 設計目標

網站應主要包括后臺數據庫設計和前端應用程序的開發兩個方面。對于前者要求研究并建立起數據一致性和完整性強、數據安全性好的數據庫；后者則要求應用程序功能完備，具有界面美觀、易操作、易使用等特點。

2.2 研究內容

對于非遺的分類，依據國家2021年非遺名錄對非遺類型的劃分，分為民間文學、傳統音樂、傳統舞蹈、傳統戲劇、曲藝、傳統體育、游藝與雜技、傳統美術、傳統技藝、傳統醫藥、民俗11大類。網站的建設采用用戶和管理員兩大系統，用戶系統可以查看網站首頁、科普頁、個人中心等，管理員可用戶管理、系統管理，一方面方便用戶了解陜西非遺文化，同時方便后臺人員對于網站的管理。

2.3 研究方法與過程

2.3.1 系統設計

網站可以使用 IDEA 為主要開發者工具，使用 MySQL 為數據庫開發平臺，Windows10 操作系統為運行環境。前臺運用 Vue 和 JavaScript 等前臺布局腳本語言，后臺運用 JAVA 技術進行開發。

2.3.2 查閱文獻

了解陜西非物質文化遺產現狀，明確基于JavaSript 建立陜西非物質文化遺產網站的意義和價值。

2.3.3 網站分析

對項目進行用戶需求分析、系統功能分析、網站架構分析、網站界面分析等。

2.3.4 網站設計

進行系統結構設計、功能模塊設計、數據庫設計、UI界面設計等內容。

2.3.5 網站實現

軟硬件環境準備、系統功能實現。

2.3.6 系統測試與效果分析

完成所有系統功能后，設計測試計劃，對系統功能進行測試與效果分析。

---

三、系統展示

---

四、核心代碼

4.1 查詢民間文學

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查詢民間文學")
public Result<IPage<BuildingGarden>> getByPage(@ModelAttribute BuildingGarden buildingGarden ,@ModelAttribute PageVo page){QueryWrapper<BuildingGarden> qw = new QueryWrapper<>();if(!ZwzNullUtils.isNull(buildingGarden.getTitle())) {qw.like("title",buildingGarden.getTitle());}if(!ZwzNullUtils.isNull(buildingGarden.getStatus())) {qw.eq("status",buildingGarden.getStatus());}if(!ZwzNullUtils.isNull(buildingGarden.getContent())) {qw.like("content",buildingGarden.getContent());}IPage<BuildingGarden> data = iBuildingGardenService.page(PageUtil.initMpPage(page),qw);return new ResultUtil<IPage<BuildingGarden>>().setData(data);
}

4.2 查詢傳統音樂

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查詢傳統音樂")
public Result<IPage<CompetitionRegistration>> getByPage(@ModelAttribute CompetitionRegistration competitionRegistration ,@ModelAttribute PageVo page){QueryWrapper<CompetitionRegistration> qw = new QueryWrapper<>();if(!ZwzNullUtils.isNull(competitionRegistration.getTitle())) {qw.like("title",competitionRegistration.getTitle());}if(!ZwzNullUtils.isNull(competitionRegistration.getStatus())) {qw.eq("status",competitionRegistration.getStatus());}if(!ZwzNullUtils.isNull(competitionRegistration.getContent())) {qw.like("content",competitionRegistration.getContent());}IPage<CompetitionRegistration> data = iCompetitionRegistrationService.page(PageUtil.initMpPage(page),qw);return new ResultUtil<IPage<CompetitionRegistration>>().setData(data);
}

4.3 增改傳統舞蹈

@RequestMapping(value = "/insertOrUpdate", method = RequestMethod.POST)
@ApiOperation(value = "增改傳統舞蹈")
public Result<EducationTeaching> saveOrUpdate(EducationTeaching educationTeaching){User currUser = securityUtil.getCurrUser();educationTeaching.setUserName(currUser.getNickname());if(Objects.equals(0,educationTeaching.getSortOrder().compareTo(BigDecimal.ZERO))) {educationTeaching.setSortOrder(BigDecimal.valueOf(iEducationTeachingService.count() + 1L));}if(iEducationTeachingService.saveOrUpdate(educationTeaching)){return new ResultUtil<EducationTeaching>().setData(educationTeaching);}return ResultUtil.error();
}

4.4 網頁頁簽

<div class="process"><div class="heng"></div><span class="title1">陜西非物質文化遺產</span><span class="notes">Recruitment process</span><div class="processBox"><div class="step"><img class="stepImg" src="../assets/step1.png" alt="" /><span class="name1">陜西地市</span><span class="time">陜西地市相關信息</span></div><div class="arrow">▲</div><div class="step"><img class="stepImg" src="../assets/step2.png" alt="" /><span class="name1">傳統音樂</span><span class="time">傳統音樂相關信息</span></div><div class="arrow">▲</div><div class="step"><img class="stepImg" src="../assets/step3.png" alt="" /><span class="name1">傳統舞蹈</span><span class="time">傳統舞蹈相關信息</span></div><div class="arrow">▲</div><div class="step"><img class="stepImg" src="../assets/step4.png" alt="" /><span class="name1">傳統戲劇</span><span class="time">傳統戲劇相關信息</span></div></div>

4.5 網頁數據展示

<el-row :gutter="20" v-for="(item,index) in positionList" :key="index" style="width: 100%;margin-bottom: 20px;"><div class="spotCollPosDiv">NO: {{ index + 1 }}</div><el-col :span="24"><el-row :gutter="20"><el-col :span="6"><img :src="item.image" style="width:100%" /></el-col><el-col :span="1"></el-col><el-col :span="17"><el-row :gutter="20"><el-col :span="24"><el-row :gutter="20" class="spanContext"><span class="spanContextLabel"> 傳統音樂標題：</span> {{item.title}}</el-row></el-col><el-col :span="24"><el-row :gutter="20" class="spanContext"><span class="spanContextLabel"> 發布狀態：</span> {{item.status}}</el-row></el-col><el-col :span="24"><el-row :gutter="20" class="spanContext"><span class="spanContextLabel"> 發布人：</span> {{item.userName}}</el-row></el-col><el-col :span="24"><el-row :gutter="20" class="spanContext">{{item.content}}</el-row></el-col></el-row></el-col></el-row></el-col>
</el-row>

---

五、免責說明

• 本項目僅供個人學習使用，商用授權請聯系博主，否則后果自負。
• 博主擁有本軟件構建后的應用系統全部內容所有權及獨立的知識產權，擁有最終解釋權。
• 如有問題，歡迎在倉庫 Issue 留言，看到后會第一時間回復，相關意見會酌情考慮，但沒有一定被采納的承諾或保證。

下載本系統代碼或使用本系統的用戶，必須同意以下內容，否則請勿下載！

1. 出于自愿而使用/開發本軟件，了解使用本軟件的風險，且同意自己承擔使用本軟件的風險。
2. 利用本軟件構建的網站的任何信息內容以及導致的任何版權糾紛和法律爭議及后果和博主無關，博主對此不承擔任何責任。
3. 在任何情況下，對于因使用或無法使用本軟件而導致的任何難以合理預估的損失（包括但不僅限于商業利潤損失、業務中斷與業務信息丟失），博主概不承擔任何責任。
4. 必須了解使用本軟件的風險，博主不承諾提供一對一的技術支持、使用擔保，也不承擔任何因本軟件而產生的難以預料的問題的相關責任。