《倉庫管理系統》主要功能展現
歷經千辛萬苦終於能讓咱們小組的《倉庫管理系統》能在本機上面跑起來了，話很少說，直接開始咱們的項目。Let's gojavascript
————————————————————————————————————————————————————————————css
1、功能模塊
一、登錄
登錄分爲了管理員登錄和員工登錄，分別對應不一樣的操做選項。html
二、管理員操做
管理員帳號是內部分配的，因此須要開發人員提供相關登陸名和密碼，登錄進去便可很直觀的看到相關的操做前端
①查找：可快速輸入貨號或者貨物名稱就能夠直接搜索到管理員想要查看的貨物概況信息。java
②添加：管理員可經過按鈕來實現添加貨物信息jquery
③查看反饋信息：管理員可經過此按鈕來查看員工所反饋的信息的內容以及反饋信息的時間等。ajax
④刪除與修改：管理員可經過這兩個按鈕來進行現有信息的刪除和修改，並實時保存到數據庫中。spring
三、員工操做
員工帳戶也是由開發人員所分配的，對應輸入登陸名和密碼便可。數據庫
①修改密碼：員工可經過這個按鈕來更改本身的密碼。bootstrap
②查看：員工因爲權限緣由，只能夠查看貨物信息。
③提交反饋信息：員工可經過改功能去反饋貨物的相關信息。
2、主要代碼
一、項目結構
本項目咱們小組採用的是spring boot框架進行開發的，前端則是採用數據渲染模板thymeleaf。具體的項目結構以下
二、主要功能板塊的代碼
①登錄界面
1 <!DOCTYPE html> 2 <html xmlns:th="http://www.thymeleaf.org"> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="stylesheet" 8 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" 9 type="text/css"> 10 <link rel="stylesheet" href="css/theme.css" type="text/css"> 11 <link rel="stylesheet" href="css/index.css" type="text/css"> 12 <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> --> 13 14 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> 15 <script type="text/javascript" src="js/common.js"></script> 16 <script type="text/javascript" src="js/index.js"></script> 17 </head> 18 19 <body> 20 <nav class="navbar navbar-dark bg-dark"> 21 <div class="container"> 22 <a class="navbar-brand" href="#"> <i 23 class="fa d-inline fa-lg fa-circle"></i> <b> BRAND</b> 24 </a> 25 </div> 26 </nav> 27 <div class="py-3"> 28 <div class="container"> 29 <div class="row"> 30 <div class="col-md-12"> 31 <form class="form-inline"> 32 <div class="form-group"> 33 <label for="inputidinline">貨號:</label> <input 34 type="number" class="form-control" id="findById" 35 placeholder="workerId"> 36 </div> 37 <div class="form-group"> 38 <label for="inputnameinline">貨物名稱:</label> <input 39 type="text" class="form-control mx-2" id="findByName" 40 placeholder="workerName"> 41 </div> 42 <button type="button" class="btn btn-primary " onclick="findWorker();">查找</button> 43 44 <button type="button" onclick="showAddForm();" 45 class="btn btn-primary ">添加</button> 46 47 <button type="button" onclick="window.location.href='/workIdea'" 48 class="btn btn-primary ">查看反饋信息</button> 49 </form> 50 </div> 51 </div> 52 </div> 53 <br> 54 <div class="container" id="addWorker"> 55 <div class="row"> 56 <div class="col-md-12"> 57 <form class="form-inline"> 58 <div class="form-group"> 59 <label for="addWorkerId">貨號:</label> <input 60 type="number" class="form-control" id="addWorkerId" 61 placeholder="workerId"> 62 </div> 63 <div class="form-group"> 64 <label for="addWorkerName">貨物名稱:</label> <input 65 type="text" class="form-control mx-2" id="addWorkerName" 66 placeholder="workerName"> 67 </div> 68 <div class="form-group"> 69 <label for="addBirthday">入庫時間:</label> <input 70 type="date" class="form-control" id="addBirthday" placeholder=""> 71 </div> 72 </form> 73 <br> 74 <div class="form-group"> 75 <label for="addIntroduction">貨物詳情:</label> 76 <textarea class="form-control" rows="5" id="addIntroduction"></textarea> 77 <br> 78 <button type="button" class="btn btn-secondary" 79 onclick="addWorker();">提交</button> 80 </div> 81 </div> 82 </div> 83 </div> 84 </div> 85 <div class="py-3"> 86 <div class="container"> 87 <div class="row"> 88 <div class="col-md-12"> 89 <div class="table-responsive"> 90 <table class="table table-bordered "> 91 <thead class="thead-dark"> 92 <tr> 93 <th>貨號</th> 94 <th class="t-workerName">貨物名稱</th> 95 <th class="t-birthday">入貨時間</th> 96 <th>貨物詳情</th> 97 <th class="t-option">操做</th> 98 </tr> 99 </thead> 100 <tbody id="worker-grid"> 101 <!-- <tr> --> 102 <!-- <th><input value="1" type="text"/></th> --> 103 <!-- <td><input value="張三" type="text" /></td> --> 104 <!-- <td><input value="" type="date" /></td> --> 105 <!-- <td><textarea class="form-control" rows="5" id="comment">按時發生飛灑飛灑發發沙發撒發沙發哎算啊沙發沙發案說法</textarea> --> 106 <!-- </td> --> 107 <!-- <td> --> 108 <!-- <button type="button" class="btn btn-primary ">cancel</button> --> 109 <!-- <button type="button" class="btn btn-primary ">save</button> --> 110 <!-- </td> --> 111 <!-- </tr> --> 112 <tr th:each="workerList : ${workerList}" th:id="work+${workerList.workerId}"> 113 114 <th th:attrappend="class=${' t-update'+workerList.workerId}" class="t-form" ><input th:id="${workerList.workerId}+workerId" th:value="${workerList.workerId}" type="number"/></th> 115 <td th:attrappend="class=${' t-update'+workerList.workerId}" class="t-form"><input th:id="${workerList.workerId}+workerName" th:value="${workerList.workerName}" type="text" /></td> 116 <td th:attrappend="class=${' t-update'+workerList.workerId}" class="t-form"><input th:id="${workerList.workerId}+birthday" th:value="${workerList.birthday}" type="date" /></td> 117 <td th:attrappend="class=${' t-update'+workerList.workerId}" class="t-form"><textarea th:id="${workerList.workerId}+introduction" th:text="${workerList.introduction}" class="form-control" rows="5" id="comment"></textarea> 118 </td> 119 <td th:attrappend="class=${' t-update'+workerList.workerId}" class="t-form"> 120 <button th:onclick="'javascript:cancle('+${workerList.workerId}+')'" type="button" class="btn btn-info btn-sm">cancel</button> 121 <button th:onclick="'javascript:commitUpdate('+${workerList.workerId}+')'" type="button" class="btn btn-primary btn-sm">save</button> 122 </td> 123 124 <th th:class="t-show+${workerList.workerId}" th:text="${workerList.workerId}">2</th> 125 <td th:class="t-show+${workerList.workerId}" th:text="${workerList.workerName}">李四</td> 126 <td th:class="t-show+${workerList.workerId}" th:text="${workerList.birthday}">2019-10-10</td> 127 <td th:class="t-show+${workerList.workerId}" th:text="${workerList.introduction}">按時發生飛灑飛灑發發沙發撒發沙發哎算啊沙發沙發案說法</td> 128 <td th:class="t-show+${workerList.workerId}" ><a href="#" th:onclick="'javascript:deleteWork('+${workerList.workerId}+')'" style="color:red;" ><i class="fa fa-times-circle-o fa-1x"></i></a> 129 <a href="#" th:onclick="'javascript:showUpdate('+${workerList.workerId}+')'" style="color:grey;" ><i class="fa fa-pencil fa-1x"></i></a></td> 130 </tr> 131 </tbody> 132 </table> 133 </div> 134 </div> 135 </div> 136 </div> 137 </div> 138 <div class="py-1"> 139 <div class="container"> 140 <div class="row"> 141 <div class="col-md-12"> 142 <ul class="pagination"> 143 <li class="page-item" th:if="${hasPre==1}" ><a th:href="@{/index(pageNow=${pageNow-1},showNumber=5)}" class="page-link" > <span>«</span></a></li> 144 <li class="page-item" th:if="${hasPre==0}" ><a disabled="true" style="pointer-events:none;" class="page-link" > <span>«</span></a></li> 145 <li class="page-item active"><a th:text="${pageNow}" class="page-link" href="#">2</a></li> 146 <li class="page-item" th:if="${hasNext==1}" ><a th:href="@{/index(pageNow=${pageNow+1},showNumber=5)}" class="page-link" > <span>»</span></a></li> 147 <li class="page-item" th:if="${hasNext==0}" ><a disabled="true" style="pointer-events:none;" class="page-link" > <span>»</span></a></li> 148 </ul> 149 </div> 150 </div> 151 </div> 152 </div> 153 <hr> 154 <script 155 src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" 156 integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 157 crossorigin="anonymous"></script> 158 <script 159 src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" 160 integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" 161 crossorigin="anonymous"></script> 162 <pingendo onclick="window.open('https://pingendo.com/', '_blank')" 163 style="cursor:pointer;position: fixed;bottom: 20px;right:20px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:220px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made 164 with Pingendo Free <img 165 src="https://pingendo.com/site-assets/Pingendo_logo_big.png" 166 class="d-block" alt="Pingendo logo" height="16"></pingendo> 167 </body> 168 169 </html>
②管理員操做界面
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="stylesheet" 8 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" 9 type="text/css"> 10 <link rel="stylesheet" href="css/theme.css" type="text/css"> 11 <link rel="stylesheet" href="css/index.css" type="text/css"> 12 <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> --> 13 14 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> 15 <script type="text/javascript" src="js/common.js"></script> 16 <script type="text/javascript" src="js/index.js"></script> 17 </head> 18 19 <body> 20 <nav class="navbar navbar-dark bg-dark"> 21 <div class="container"> 22 <a class="navbar-brand" href="#"> <i 23 class="fa d-inline fa-lg fa-circle"></i> <b> BRAND</b> 24 </a> 25 </div> 26 </nav> 27 <div class="py-3"> 28 <div class="container"> 29 <div class="row"> 30 <div class="col-md-12"> 31 <form class="form-inline"> 32 <div class="form-group"> 33 <label for="inputidinline">貨號:</label> <input 34 type="number" class="form-control" id="findById" 35 placeholder="workerId"> 36 </div> 37 <div class="form-group"> 38 <label for="inputnameinline">貨物名稱:</label> <input 39 type="text" class="form-control mx-2" id="findByName" 40 placeholder="workerName"> 41 </div> 42 <button type="button" class="btn btn-primary " onclick="findWorker();">查找</button> 43 44 <button type="button" onclick="showAddForm();" 45 class="btn btn-primary ">添加</button> 46 47 <button type="button" onclick="window.location.href='/workIdea'" 48 class="btn btn-primary ">查看反饋信息</button> 49 </form> 50 </div> 51 </div> 52 </div> 53 <br> 54 <div class="container" id="addWorker"> 55 <div class="row"> 56 <div class="col-md-12"> 57 <form class="form-inline"> 58 <div class="form-group"> 59 <label for="addWorkerId">貨號:</label> <input 60 type="number" class="form-control" id="addWorkerId" 61 placeholder="workerId"> 62 </div> 63 <div class="form-group"> 64 <label for="addWorkerName">貨物名稱:</label> <input 65 type="text" class="form-control mx-2" id="addWorkerName" 66 placeholder="workerName"> 67 </div> 68 <div class="form-group"> 69 <label for="addBirthday">入庫時間:</label> <input 70 type="date" class="form-control" id="addBirthday" placeholder=""> 71 </div> 72 </form> 73 <br> 74 <div class="form-group"> 75 <label for="addIntroduction">貨物詳情:</label> 76 <textarea class="form-control" rows="5" id="addIntroduction"></textarea> 77 <br> 78 <button type="button" class="btn btn-secondary" 79 onclick="addWorker();">提交</button> 80 </div> 81 </div> 82 </div> 83 </div> 84 </div> 85 <div class="py-3"> 86 <div class="container"> 87 <div class="row"> 88 <div class="col-md-12"> 89 <div class="table-responsive"> 90 <table class="table table-bordered "> 91 <thead class="thead-dark"> 92 <tr> 93 <th>貨號</th> 94 <th class="t-workerName">貨物名稱</th> 95 <th class="t-birthday">入貨時間</th> 96 <th>貨物詳情</th> 97 <th class="t-option">操做</th> 98 </tr> 99 </thead> 100 <tbody id="worker-grid"> 101 <!-- <tr> --> 102 <!-- <th><input value="1" type="text"/></th> --> 103 <!-- <td><input value="張三" type="text" /></td> --> 104 <!-- <td><input value="" type="date" /></td> --> 105 <!-- <td><textarea class="form-control" rows="5" id="comment">按時發生飛灑飛灑發發沙發撒發沙發哎算啊沙發沙發案說法</textarea> --> 106 <!-- </td> --> 107 <!-- <td> --> 108 <!-- <button type="button" class="btn btn-primary ">cancel</button> --> 109 <!-- <button type="button" class="btn btn-primary ">save</button> --> 110 <!-- </td> --> 111 <!-- </tr> --> 112 <tr id="work1"> 113 114 <th class="t-form t-update1" ><input id="1workerId" value="1" type="number"/></th> 115 <td class="t-form t-update1"><input id="1workerName" value="蔬菜" type="text" /></td> 116 <td class="t-form t-update1"><input id="1birthday" value="2019-05-27" type="date" /></td> 117 <td class="t-form t-update1"><textarea class="form-control" rows="5" id="1introduction">綠色無公害</textarea> 118 </td> 119 <td class="t-form t-update1"> 120 <button onclick="javascript:cancle(1)" type="button" class="btn btn-info btn-sm">cancel</button> 121 <button onclick="javascript:commitUpdate(1)" type="button" class="btn btn-primary btn-sm">save</button> 122 </td> 123 124 <th class="t-show1">1</th> 125 <td class="t-show1">蔬菜</td> 126 <td class="t-show1">2019-05-27</td> 127 <td class="t-show1">綠色無公害</td> 128 <td class="t-show1" ><a href="#" onclick="javascript:deleteWork(1)" style="color:red;" ><i class="fa fa-times-circle-o fa-1x"></i></a> 129 <a href="#" onclick="javascript:showUpdate(1)" style="color:grey;" ><i class="fa fa-pencil fa-1x"></i></a></td> 130 </tr> 131 <tr id="work2"> 132 133 <th class="t-form t-update2" ><input id="2workerId" value="2" type="number"/></th> 134 <td class="t-form t-update2"><input id="2workerName" value="熱帶水果" type="text" /></td> 135 <td class="t-form t-update2"><input id="2birthday" value="2019-05-09" type="date" /></td> 136 <td class="t-form t-update2"><textarea class="form-control" rows="5" id="2introduction">原產自熱帶地區</textarea> 137 </td> 138 <td class="t-form t-update2"> 139 <button onclick="javascript:cancle(2)" type="button" class="btn btn-info btn-sm">cancel</button> 140 <button onclick="javascript:commitUpdate(2)" type="button" class="btn btn-primary btn-sm">save</button> 141 </td> 142 143 <th class="t-show2">2</th> 144 <td class="t-show2">熱帶水果</td> 145 <td class="t-show2">2019-05-09</td> 146 <td class="t-show2">原產自熱帶地區</td> 147 <td class="t-show2" ><a href="#" onclick="javascript:deleteWork(2)" style="color:red;" ><i class="fa fa-times-circle-o fa-1x"></i></a> 148 <a href="#" onclick="javascript:showUpdate(2)" style="color:grey;" ><i class="fa fa-pencil fa-1x"></i></a></td> 149 </tr> 150 <tr id="work3"> 151 152 <th class="t-form t-update3" ><input id="3workerId" value="3" type="number"/></th> 153 <td class="t-form t-update3"><input id="3workerName" value="大米" type="text" /></td> 154 <td class="t-form t-update3"><input id="3birthday" value="2019-05-21" type="date" /></td> 155 <td class="t-form t-update3"><textarea class="form-control" rows="5" id="3introduction">東北原產大米</textarea> 156 </td> 157 <td class="t-form t-update3"> 158 <button onclick="javascript:cancle(3)" type="button" class="btn btn-info btn-sm">cancel</button> 159 <button onclick="javascript:commitUpdate(3)" type="button" class="btn btn-primary btn-sm">save</button> 160 </td> 161 162 <th class="t-show3">3</th> 163 <td class="t-show3">大米</td> 164 <td class="t-show3">2019-05-21</td> 165 <td class="t-show3">東北原產大米</td> 166 <td class="t-show3" ><a href="#" onclick="javascript:deleteWork(3)" style="color:red;" ><i class="fa fa-times-circle-o fa-1x"></i></a> 167 <a href="#" onclick="javascript:showUpdate(3)" style="color:grey;" ><i class="fa fa-pencil fa-1x"></i></a></td> 168 </tr> 169 <tr id="work4"> 170 171 <th class="t-form t-update4" ><input id="4workerId" value="4" type="number"/></th> 172 <td class="t-form t-update4"><input id="4workerName" value="平常用品" type="text" /></td> 173 <td class="t-form t-update4"><input id="4birthday" value="2019-05-29" type="date" /></td> 174 <td class="t-form t-update4"><textarea class="form-control" rows="5" id="4introduction">平常用品</textarea> 175 </td> 176 <td class="t-form t-update4"> 177 <button onclick="javascript:cancle(4)" type="button" class="btn btn-info btn-sm">cancel</button> 178 <button onclick="javascript:commitUpdate(4)" type="button" class="btn btn-primary btn-sm">save</button> 179 </td> 180 181 <th class="t-show4">4</th> 182 <td class="t-show4">平常用品</td> 183 <td class="t-show4">2019-05-29</td> 184 <td class="t-show4">平常用品</td> 185 <td class="t-show4" ><a href="#" onclick="javascript:deleteWork(4)" style="color:red;" ><i class="fa fa-times-circle-o fa-1x"></i></a> 186 <a href="#" onclick="javascript:showUpdate(4)" style="color:grey;" ><i class="fa fa-pencil fa-1x"></i></a></td> 187 </tr> 188 <tr id="work5"> 189 190 <th class="t-form t-update5" ><input id="5workerId" value="5" type="number"/></th> 191 <td class="t-form t-update5"><input id="5workerName" value="大豆" type="text" /></td> 192 <td class="t-form t-update5"><input id="5birthday" value="2019-05-27" type="date" /></td> 193 <td class="t-form t-update5"><textarea class="form-control" rows="5" id="5introduction">源自東北原產大豆</textarea> 194 </td> 195 <td class="t-form t-update5"> 196 <button onclick="javascript:cancle(5)" type="button" class="btn btn-info btn-sm">cancel</button> 197 <button onclick="javascript:commitUpdate(5)" type="button" class="btn btn-primary btn-sm">save</button> 198 </td> 199 200 <th class="t-show5">5</th> 201 <td class="t-show5">大豆</td> 202 <td class="t-show5">2019-05-27</td> 203 <td class="t-show5">源自東北原產大豆</td> 204 <td class="t-show5" ><a href="#" onclick="javascript:deleteWork(5)" style="color:red;" ><i class="fa fa-times-circle-o fa-1x"></i></a> 205 <a href="#" onclick="javascript:showUpdate(5)" style="color:grey;" ><i class="fa fa-pencil fa-1x"></i></a></td> 206 </tr> 207 </tbody> 208 </table> 209 </div> 210 </div> 211 </div> 212 </div> 213 </div> 214 <div class="py-1"> 215 <div class="container"> 216 <div class="row"> 217 <div class="col-md-12"> 218 <ul class="pagination"> 219 220 <li class="page-item" ><a disabled="true" style="pointer-events:none;" class="page-link" > <span>«</span></a></li> 221 <li class="page-item active"><a class="page-link" href="#">1</a></li> 222 <li class="page-item" ><a href="/index?pageNow=2&showNumber=5" class="page-link" > <span>»</span></a></li> 223 224 </ul> 225 </div> 226 </div> 227 </div> 228 </div> 229 <hr> 230 <script 231 src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" 232 integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 233 crossorigin="anonymous"></script> 234 <script 235 src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" 236 integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" 237 crossorigin="anonymous"></script> 238 <pingendo onclick="window.open('https://pingendo.com/', '_blank')" 239 style="cursor:pointer;position: fixed;bottom: 20px;right:20px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:220px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made 240 with Pingendo Free <img 241 src="https://pingendo.com/site-assets/Pingendo_logo_big.png" 242 class="d-block" alt="Pingendo logo" height="16"></pingendo> 243 </body> 244 245 </html>
③員工操做界面
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="stylesheet" 8 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" 9 type="text/css"> 10 <link rel="stylesheet" href="css/theme.css" type="text/css"> 11 <link rel="stylesheet" href="css/index.css" type="text/css"> 12 <!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> --> 13 14 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> 15 <script type="text/javascript" src="js/common.js"></script> 16 <script type="text/javascript" src="js/userIndex.js"></script> 17 </head> 18 19 <body> 20 <nav class="navbar navbar-dark bg-dark"> 21 <div class="container"> 22 <a class="navbar-brand" href="#"> <i 23 class="fa d-inline fa-lg fa-circle"></i> <b> BRAND</b> 24 </a> 25 <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> 26 修改密碼 27 </button> 28 </div> 29 </nav> 30 31 <div class="py-3"> 32 <div class="container"> 33 <div class="row"> 34 <div class="col-md-12"> 35 <div class="table-responsive"> 36 <table class="table table-bordered "> 37 <thead class="thead-dark"> 38 <tr> 39 <th>貨號</th> 40 <th class="t-workerName">貨物名稱</th> 41 <th class="t-birthday">入貨時間</th> 42 <th>貨物詳情</th> 43 </tr> 44 </thead> 45 <tbody id="worker-grid"> 46 <!-- <tr> --> 47 <!-- <th><input value="1" type="text"/></th> --> 48 <!-- <td><input value="張三" type="text" /></td> --> 49 <!-- <td><input value="" type="date" /></td> --> 50 <!-- <td><textarea class="form-control" rows="5" id="comment">按時發生飛灑飛灑發發沙發撒發沙發哎算啊沙發沙發案說法</textarea> --> 51 <!-- </td> --> 52 <!-- <td> --> 53 <!-- <button type="button" class="btn btn-primary ">cancel</button> --> 54 <!-- <button type="button" class="btn btn-primary ">save</button> --> 55 <!-- </td> --> 56 <!-- </tr> --> 57 <tr > 58 <th>1</th> 59 <td>蔬菜</td> 60 <td>2019-05-27</td> 61 <td>綠色無公害</td> 62 </tr> 63 </tbody> 64 </table> 65 </div> 66 </div> 67 </div> 68 </div> 69 </div> 70 <div class="container"> 71 <hr> 72 <div class="form-group"> 73 <label for="addIntroduction">填寫反饋信息:</label> 74 <textarea class="form-control" rows="5" id="ideaText"></textarea> 75 <br> 76 <button type="button" class="btn btn-secondary" onclick="javascript:commitIdea(1)">提交</button> 77 </div> 78 </div> 79 <script 80 src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" 81 integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" 82 crossorigin="anonymous"></script> 83 <script 84 src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" 85 integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" 86 crossorigin="anonymous"></script> 87 <pingendo onclick="window.open('https://pingendo.com/', '_blank')" 88 style="cursor:pointer;position: fixed;bottom: 20px;right:20px;padding:4px;background-color: #00b0eb;border-radius: 8px; width:220px;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;color:white">Made 89 with Pingendo Free <img 90 src="https://pingendo.com/site-assets/Pingendo_logo_big.png" 91 class="d-block" alt="Pingendo logo" height="16"></pingendo> 92 93 <!-- 模態框 --> 94 <div class="modal fade" id="myModal"> 95 <div class="modal-dialog"> 96 <div class="modal-content"> 97 98 <!-- 模態框頭部 --> 99 <!-- <div class="modal-header"> --> 100 <!-- <h4 class="modal-title">模態框頭部</h4> --> 101 <!-- <button type="button" class="close" data-dismiss="modal">×</button> --> 102 <!-- </div> --> 103 104 <!-- 模態框主體 --> 105 <div class="modal-body"> 106 <form> 107 <div class="form-group"> 108 <label for="oldPassword">輸入舊密碼:</label> 109 <input type="password" class="form-control" id="oldPassword"> 110 </div> 111 <div class="form-group"> 112 <label for="newPassword">密碼:</label> 113 <input type="password" class="form-control" id="newPassword"> 114 </div> 115 </form> 116 </div> 117 118 <!-- 模態框底部 --> 119 <div class="modal-footer"> 120 <button type="button" class="btn btn-secondary" onclick="javascript:updatePassword(1)">提交</button> 121 <button type="button" class="btn btn-warning" data-dismiss="modal">關閉</button> 122 </div> 123 124 </div> 125 </div> 126 </div> 127 128 129 </body> 130 131 </html>
④關於後臺邏輯上面的項目結構所示，由於是採用spring boot框架，大體由controller(控制器)、entity(實體)、filter(過濾器)、repo(反饋)、service(服務)、utils(工具)、以及咱們本身定義的kang(運行接口)。
3、總結
關於期末項目，咱們小組成員通過不少曲折，對於項目的選定和大體功能的肯定，都最後的分工合做寫代碼，直至測試完成，過程很漫長，中間也和小組成員有過爭執，慢慢地通過時間的沉澱和咱們有效的溝通與解決問題，回頭看，全部的問題都不是問題了，全部的困難也迎刃而解了。下一步咱們將準備把咱們的項目部署到服務器上面，這之間確定還有不少困難和險阻，相信在咱們小組的共同努力下，全部的問題都能獲得解決。
相關文章
- 1. 主要功能展現(截圖)--教務管理系統
- 2. 倉庫管理系統功能分析
- 3. 數據庫管理系統的主要功能有哪些？
- 4. 數據倉庫主要功能？
- 5. RFID智能倉庫系統--RFID倉庫管理--新導智能
- 6. SpringBoot實現倉庫管理系統
- 7. 倉庫管理系統
- 8. 倉庫管理系統gitlab
- 9. Android倉庫管理系統
- 10. 倉庫管理系統商業項目功能介紹
- 更多相關文章...
- • Docker 倉庫管理 - Docker教程
- • RDF 主要 元素 - RDF 教程
- • Docker容器實戰(七) - 容器眼光下的文件系統
- • Docker 清理命令
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 主要功能展現(截圖)--教務管理系統
- 2. 倉庫管理系統功能分析
- 3. 數據庫管理系統的主要功能有哪些？
- 4. 數據倉庫主要功能？
- 5. RFID智能倉庫系統--RFID倉庫管理--新導智能
- 6. SpringBoot實現倉庫管理系統
- 7. 倉庫管理系統
- 8. 倉庫管理系統gitlab
- 9. Android倉庫管理系統
- 10. 倉庫管理系統商業項目功能介紹