Powered by: NEFU AB-IN
Web 開發技術項目設計
服務器端部署
記錄了項目部署服務器端遇到的問題
寶塔war包放入webapps無法訪問_NEFU AB-IN's Blog-CSDN博客
this version of the Java Runtime only recognizes class file versions up to 52.0_NEFU AB-IN's Blog-CSDN博客
關於
請用chrome或者360瀏覽器打開！ ！ ！ ！
（對於Edge的滑輪滾動Bug目前無法修復）
項目時長
項目日誌
2021.11.14
2021.11.15
- 搭建好雲服務器tomcat，配置了寶塔頁面的tomcat
- 上傳了項目至github
- 測試項目至老師部署平台
2021.11.16
- 解決了Java版本不同的問題
- 嘗試學習框架（放棄）
- 複習web知識點
- 構思主頁面
2021.11.17
- 開始編寫整體index.jsp的各個部分
- 從footer開始編寫
2021.11.18
- 先決定開始寫數據庫
- 完成用戶表，教師表，學科表，實驗室表，實驗室新聞表，新聞表的建立
2021.11.19
- 寫完lab模塊，連同css與js，實現輪播圖，實現按鈕輪播圖（未加入數據庫）
- 寫完QRcode模塊，並對接js
- 寫完major模塊，實現滑動效果（未加入數據庫）
- ps: 所有具體的js,css操作介紹均放在了對應的js,css文件中
2021.11.20
- 寫完teacher模塊，和major一樣模式（未加入數據庫）
- 寫完news模塊（未加入數據庫）
2021.11.21
- 完善前面寫的js,css部分
- 加入lab數據庫更新（包括實體類，servlet，util，datasource，二級跳轉，JSTL，EL）
- 加入major數據庫更新
2021.11.22
加入teacher數據庫更新
編寫banner部分
- Expand: 可自定義加入多個圖片2021-11-22
- Method: 加入list item的同時，加下面的animated按鈕，畢竟實現的方法就是每過一段時間就讓animated新增狀態為on，進而切換圖片2021-11-22
編寫nav部分
加入news數據庫更新
2021.11.23
- 編寫nav
- 製作了多個小圖標2021/11/23
- css樣式圓圈拓展2021/11/23
- quick menu的sub menu寫好2021/11/23
- 寫好了每個section的JavaScript: scroll()
- ps:因為偷懶所以沒寫第二界面2021/11/23
2021.11.24
- 加入nav數據庫更新
- 加入了從數據庫中利用主碼進行的查詢，並打開詳情頁2021/11/24
- 編寫header部分
- 加入開場動畫
- 找到圖標，設計登錄後台2021/11/24
2021.11.25
- 總體進行查缺補漏
- 開始對index.jsp進行填充
- 解決js, css失效的問題
2021.11.26
2021.11.27
- 忍不住看一眼，發現製作的圖標不夠精良，回爐搶修
- 添加logo
2021.12.3
2021.12.4
- 部署項目至大電腦運行，發現@media並不佳，對著大電腦修改@media
- 2021/12/4 星期六剛實習完，老師佈置了自己完成update的工作， 肝了十分鐘就出來了，不就是...嘛本身累得夠嗆，但一想到今天實習的內容正是鴿了很久的後端，所以還是馬不停蹄的從八點一直肝到十二點完成了增，刪，改查應該明天講，或者明天講登錄，總之快完成了
2021.12.5
- 2021/12/5 星期日完成了查的工作運用了like模糊查詢，效果顯著，DEBUG了好長時間不過效果很好，後端結束！
- 發現nav冗餘太大，更改了橫導航欄的所有屬性，將所有二級屬性全部加入進去了，並加入了鏈接，減少了冗餘的鏈接2021/12/5
2021.12.7
- 開始策劃第二界面，基於主頁面的模式進行修改，引入header, nav, footer不變的板塊
2021.12.8
- 完成所有第二板塊的製作
- 發現servlet冗餘太多，建立持久層Dao，將部分冗餘函數放入
- 更改項目結構
$2021.12.9$
- 完成所有第三板塊的製作
- 學習github release版本發布
- 完成收工前第一版v1.0
$2021.12.10$
- 去除冗餘鏈接，將沒用的鏈接由#變成javascript:
- 解決網頁資源加載過慢
- 創建OSS
- 配置OSS的CDN
- 並上傳文件
- 更改項目中的url
- 增加header中搜索功能
- 模糊搜素，範圍擴大到每個屬性
- 可選擇模塊進行搜索，搜索後自行跳轉相應模塊
- 完善持久層的結構調用
- 更改了hearder的logo，新增矢量圖
- 完成收工前第二版v1.1
$2021.12.11$
- 更改密碼，防止所有人都可以進後台
- 更改login頁面的返回按鈕，可以返回主界面
- 更改後端的整體配色
- 添加了後端富文本提交
- 修改了文章內容的結構及樣式
- 只支持純文本，不支持圖片及視頻
- 修改了input標籤設置為disabled無法提交的bug，更改為readonly
- 修改update和save的servlet的重定向
- 完成收工前第三版v1.2
$2021.12.16$
- 修改主頁url
- 將index.jsp提出來，並設置filter進行監聽，這樣就可以實現不用servlet跳轉實現動態頁面了
- 修改其他板塊訪問主頁的參數，全部改為'.'
- 修改新聞板塊
- 重寫了news類和其servlet，加入了title屬性
- 修改了news的save和update，並新增了一個富文本編輯器，用來提交簡介
- 更改了news的第三界面的佈局，新增了圖片
- 修改了header佈局，讓視窗width縮小時發生變化
- 修改了teacher和major模塊的按鈕滑動
- 修改了固定width的bug，修改後js獲取的width隨窗口的變化而變化
- 修改了滑動left的值，使不出現元素的漏邊
- 修改了footer的佈局，新增二維碼在頁面縮小時消失
- 修改了教師模塊的搜索框bug
- 完成收工前第四版v1.3
項目要求
基於HTML/CSS/JS/Servlet/JDBC 等技術完成以下設計內容
允許並鼓勵使用Bootstrap/easy-ui/flat-ui 等UI 框架，及輪播/動畫/圖表/全屏滾動等等插件
允許使用vue/react/springboot 等技術，但需部署在學生個人服務器，提供訪問網址
本設計佔總成績40%，按功能完成設計狀況評分分組：每人1 組，獨立完成
截至時間：15 週(具體日期待定)
提交/部署方式：以war 包上傳到指定係統，項目統一部署在雲服務器
部署環境：Docker Tomcat9+MySQL8 容器
項目展示：所有學生項目在公網公開展示
設計內容
計算機科學與技術專業網站
主要考核內容：網站整體設計，用戶互交體驗
包括：HTML 佈局，HTML 標籤的使用，應用CSS 樣式增強網站顯示效果，使用JS 動態改變頁面，Servlet 對數據的處理，JDBC 數據庫訪問等
主要功能
前台網站
主要板塊內容：專業介紹，實驗室，教師隊伍，就業指南，新聞，公告等。
要求至少包含導航。
要求板塊必須包含2 級內容。例如，專業介紹：專業簡介，方向簡介等；實驗室：923 創新實驗室，925 移動開發實驗室，923 實驗室等；並能跳轉至2 級詳細內容。
教師隊伍：教授，副教授，講師等
例如，當點擊副教授時，跳轉至副教授列表，再次點擊某教師時，跳轉至教師詳細介紹，內容應盡可能包含文字/圖片多媒體等信息
新聞公告：主頁列出最近5 個新聞與公告，顯示標題時間等，要求從數據庫中獲取，點擊標題跳轉至信息的詳細描述。
後台系統
需在前台網站顯示提供後台關係系統入口鏈接，後台統一管理員登錄用戶名/密碼admin
管理員登錄後，可在後台對新聞公告信息進行增加，增刪改查全部完成有加分
過濾器，未登錄狀態無法訪問進入後台管理系統
僅需實現發布基本文本信息，無需包含圖片等附件，實現富文本提交有加分信息無需分頁除新聞公告外，教師實驗室介紹等可使用靜態數據所有介紹類內容應盡可能包含文字與圖片所有文字/圖片不必使用真實信息
信息無需分頁
除新聞公告外，教師實驗室介紹等可使用靜態數據
所有介紹類內容應盡可能包含文字與圖片
所有文字/圖片不必使用真實信息
License
Web-project is issued under GPLv3. license.License
版權聲明
Web-project 使用GPL v3 協議.
