目錄

主要技術實現：Java、springmvc、VUE、node.js、mybatis、mysql、tomcat、jquery、layui、bootstarp、JavaScript、html、css、jsp、log4j等一些常見的基本技術。

主要模組： 管理員使用者登入：使用者登入。 使用者資訊: 使用者資訊資料的列表檢視、修改和刪除、使用者繫結角色來顯示對應的選單顯示。

角色管理：角色資訊資料的列表檢視、修改和刪除、每個角色可以設定不同選單顯示、超級管理員擁有最高許可權。

選單管理: 選單資訊資料的列表檢視、修改和刪除、可以通過使用者角色來設定 選單許可權：根據使用者繫結角色、角色繫結選單顯示、以及基礎選單的新增、修改和刪除操作。

實時疫情狀態：通過echarts圖示來模擬實現資料驅動標識、實時顯示疫情分佈圖和感染人員資訊等。

歷史行程管理：

每日登記管理：

外出報備管理：

復工申請管理：

稽核資訊管理：

通知公告管理：管理員釋出一些通知公告資訊以及管理檢視等

這個系統主要功能截圖如下：

登入之後進入系統首頁：目前系統主要功能如下​

使用者管理模組：使用者新增、修改、刪除、查詢等基本操作

角色管理模組、通過使用者繫結角色、角色控制選單顯示、靈活控制選單。​

前端VUE程式碼新增選單

選單新增修改列表層操作​

歷史行程資料管理：新增修改刪除等操作

使用者每日健康打卡列表資料展示以及新增打卡資訊​

員工出行外出報備管理申請

員工復工申請

管理員稽核​

通知公告模組:

一些設計報告和文件描述參考​

資料庫連線：

檢視更多博主首頁更多實戰專案 >>>

好了，今天就到這兒吧，小夥伴們點贊、收藏、評論，一鍵三連走起呀，下期見~~

主要技術實現：

Java、springmvc、VUE、node.js、mybatis、mysql、tomcat、jquery、layui、bootstarp、JavaScript、html、css、jsp、log4j等一些常見的基本技術。

主要模組：

管理員使用者登入：使用者登入。 使用者資訊: 使用者資訊資料的列表檢視、修改和刪除、使用者繫結角色來顯示對應的選單顯示。

角色管理：角色資訊資料的列表檢視、修改和刪除、每個角色可以設定不同選單顯示、超級管理員擁有最高許可權。

選單管理: 選單資訊資料的列表檢視、修改和刪除、可以通過使用者角色來設定 選單許可權：根據使用者繫結角色、角色繫結選單顯示、以及基礎選單的新增、修改和刪除操作。

實時疫情狀態：通過echarts圖示來模擬實現資料驅動標識、實時顯示疫情分佈圖和感染人員資訊等。

歷史行程管理：

每日登記管理：

外出報備管理：

復工申請管理：

稽核資訊管理：

通知公告管理：管理員釋出一些通知公告資訊以及管理檢視等

系統主要實現如下：

使用者登入、輸入賬號驗證碼進行登入

登入之後進入系統首頁：目前系統主要功能如下

使用者管理模組：使用者新增、修改、刪除、查詢等基本操作

角色管理模組、通過使用者繫結角色、角色控制選單顯示、靈活控制選單。

前端VUE程式碼新增選單

1. <template>
2. <div class="mod-menu">
3. <el-form :inline="true" :model="dataForm">
4. <el-form-item>
5. <el-button v-if="isAuth('sys:menu:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
6. </el-form-item>
7. </el-form>
9. <el-table :data="dataList" row-key="menuId" border style="width: 100%; ">
10. <el-table-column prop="name" header-align="center" min-width="150" label="名稱" ></el-table-column>
11. <el-table-column prop="parentName" header-align="center" align="center" width="120" label="上級選單">
12. </el-table-column>
13. <el-table-column header-align="center" align="center" label="圖示"><template slot-scope="scope">
14. <icon-svg :name="scope.row.icon || ''"></icon-svg></template>
15. </el-table-column>
16. <el-table-column prop="type" header-align="center" align="center" label="型別">
17. <template slot-scope="scope">
18. <el-tag v-if="scope.row.type === 0" size="small">目錄</el-tag>
19. <el-tag v-else-if="scope.row.type === 1" size="small" type="success">選單</el-tag>
20. <el-tag v-else-if="scope.row.type === 2" size="small" type="info">按鈕</el-tag>
21. </template>
22. </el-table-column>
23. <el-table-column prop="orderNum" header-align="center" align="center" label="排序號">
24. </el-table-column>
25. <el-table-column prop="url" header-align="center" align="center" width="150" :show-overflow-tooltip="true" label="選單URL">
26. </el-table-column>
27. <el-table-column
28. prop="perms"
29. header-align="center"
30. align="center"
31. width="150"
32. :show-overflow-tooltip="true"
33. label="授權標識">
34. </el-table-column>
35. <el-table-column
36. fixed="right"
37. header-align="center"
38. align="center"
39. width="150"
40. label="操作">
41. <template slot-scope="scope">
42. <el-button v-if="isAuth('sys:menu:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.menuId)">修改</el-button>
43. <el-button v-if="isAuth('sys:menu:delete')" type="text" size="small" @click="deleteHandle(scope.row.menuId)">刪除</el-button>
44. </template>
45. </el-table-column>
46. </el-table>
47. <!-- 彈窗, 新增 / 修改 -->
48. <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
49. </div>
50. </template>
52. <script>
53. import AddOrUpdate from './menu-add-or-update'
54. import { treeDataTranslate } from '@/utils'
55. export default {
56. data () {
57. return {
58. dataForm: {},
59. dataList: [],
60. dataListLoading: false,
61. addOrUpdateVisible: false
62. }
63. },
64. components: {
65. AddOrUpdate
66. },
67. activated () {
68. this.getDataList()
69. },
70. methods: {
71. // 獲取資料列表
72. getDataList () {
73. this.dataListLoading = true
74. this.$http({
75. url: this.$http.adornUrl('/sys/menu/list'),
76. method: 'get',
77. params: this.$http.adornParams()
78. }).then(({data}) => {
79. this.dataList = treeDataTranslate(data, 'menuId')
80. this.dataListLoading = false
81. })
82. },
83. // 新增 / 修改
84. addOrUpdateHandle (id) {
85. this.addOrUpdateVisible = true
86. this.$nextTick(() => {
87. this.$refs.addOrUpdate.init(id)
88. })
89. },
90. // 刪除
91. deleteHandle (id) {
92. this.$confirm(`確定對[id=${id}]進行[刪除]操作?`, '提示', {
93. confirmButtonText: '確定',
94. cancelButtonText: '取消',
95. type: 'warning'
96. }).then(() => {
97. this.$http({
98. url: this.$http.adornUrl(`/sys/menu/delete/${id}`),
99. method: 'post',
100. data: this.$http.adornData()
101. }).then(({data}) => {
102. if (data && data.code === 0) {
103. this.$message({
104. message: '操作成功',
105. type: 'success',
106. duration: 1500,
107. onClose: () => {
108. this.getDataList()
109. }
110. })
111. } else {
112. this.$message.error(data.msg)
113. }
114. })
115. }).catch(() => {})
116. }
117. }
118. }
119. </script>

選單新增修改列表層操作

歷史行程資料管理：新增修改刪除等操作

使用者每日健康打卡列表資料展示以及新增打卡資訊

員工出行外出報備管理申請

員工復工申請

管理員稽核

通知公告模組:

一些設計報告和文件描述參考

資料庫連線：

1. spring:
2. datasource:
3. type: com.alibaba.druid.pool.DruidDataSource
4. druid:
5. driver-class-name: com.mysql.jdbc.Driver
6. url: jdbc:mysql://localhost:3306/renren_fast?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
7. username: root
8. password: 123456
9. initial-size: 10
10. max-active: 100
11. min-idle: 10
12. max-wait: 60000
13. pool-prepared-statements: true
14. max-pool-prepared-statement-per-connection-size: 20
15. time-between-eviction-runs-millis: 60000
16. min-evictable-idle-time-millis: 300000
17. #Oracle需要開啟註釋
18. #validation-query: SELECT 1 FROM DUAL
19. test-while-idle: true
20. test-on-borrow: false
21. test-on-return: false
22. stat-view-servlet:
23. enabled: true
24. url-pattern: /druid/*
25. #login-username: admin
26. #login-password: admin
27. filter:
28. stat:
29. log-slow-sql: true
30. slow-sql-millis: 1000
31. merge-sql: false
32. wall:
33. config:
34. multi-statement-allow: true
37. ##多資料來源的配置
38. #dynamic:
39. # datasource:
40. # slave1:
41. # driver-class-name: com.microsoft.sqlserver.jdbc.SQLServerDriver
42. # url: jdbc:sqlserver://localhost:1433;DatabaseName=renren_security
43. # username: sa
44. # password: 123456
45. # slave2:
46. # driver-class-name: org.postgresql.Driver
47. # url: jdbc:postgresql://localhost:5432/renren_security
48. # username: renren
49. # password: 123456

java專案實戰：

基於java ssm springboot+VUE疫情防疫系統系統前後端分離設計和實現

基於java springboot+mybatis電影售票網站管理系統前臺+後臺設計和實現

基於java ssm springboot+mybatis酒莊內部管理系統設計和實現

基於JAVA springboot+mybatis智慧生活分享平臺設計和實現

基於Java springboot+vue+redis前後端分離傢俱商城平臺系統設計和實現

基於JAVA SSM springboot實現的抗疫物質資訊管理系統設計和實現

基於java ssm springboot實現選課推薦交流平臺系統設計和實現

基於JAVA springboot+mybatis 電商書城平臺系統設計和實現

基於java springboot+mybatis愛遊旅行平臺前臺+後臺設計實現

基於java SSM springboot景區行李寄存管理系統設計和實現

基於java springboot的圖書管理系統設計和實現

基於jsp+mysql+mybatis+Spring boot簡單學生成績資訊管理系統

基於java ssm springboot女士電商平臺系統設計和實現

基於Java+jsp+servlet的養老院管理系統設計和實現

基於jsp+mysql的JSP線上水果銷售商城系統設計實現

基於JavaWeb SSM mybatis 學生資訊管理系統設計和實現

基於javaweb(springboot+mybatis)網上酒類商城專案設計和實現

基於jsp+mysql+Spring的SSM線上蛋糕商城銷售網站專案設計和實現

基於java SSM的房屋租賃系統設計和實現

基於javaweb SSM郵件收發資訊系統設計和實現以及文件

基於JavaWEB SSM SpringBoot婚紗影樓攝影預約網站設計和實現

基於jsp+mysql+Spring的SpringBoot招聘網站專案設計和實現

基於java web jsp+servlet學生宿舍管理系統

獲取原始碼：

總體來說這個專案功能相對還是比較簡單優秀的、適合初學者作為課程設計和畢業設計參考

檢視博主主頁聯絡或下方微信公眾號獲取聯絡方式~

往前精彩分享：

Java畢設專案精品實戰案例《100套》

HTML5大作業實戰案例《100套》