| 相關問題 | 具體內容 |
|---|---|
| 這個作業屬於哪個課程 | <2021春軟件工程實踐S班> |
| 這個作業要求在哪里 | <結對作業二> |
| 結對學號 | <221801416><221801439> |
| 這個作業的目標 | <數據的增刪改查、項目在服務器上的部署、關鍵詞制作> |
git倉庫鏈接和代碼規范鏈接
PSP表格
| Personal Software Process Stages | 預估耗時（分鍾） | 實際耗時（分鍾） |
|---|---|---|
| 計划 | 10 | 10 |
| 估計這個任務需要多少時間 | 120 | 150 |
| 需求分析 (包括學習新技術) | 120 | 150 |
| 生成設計文檔 | 30 | 20 |
| 設計復審 | 10 | 20 |
| 登錄界面設計時間 | 10 | 10 |
| 展示論文顯示時間 | 60 | 80 |
| 新建論文信息界面 | 20 | 30 |
| 操作論文信息界面 | 60 | 80 |
| 前端設計 | 120 | 180 |
| 報告 | 90 | 120 |
| 事后總結, 並提出過程改進計划 | 10 | 30 |
| 合計 | 660 | 880 |
成品展示
登陸界面
文章列表界面
1、游客部分（只查詢無操作）
2、用戶登錄--操作部分
3、用戶登錄--文章部分
文章操作界面
1、修改部分
2、刪除部分
3、新建部分
4、按時間查詢
5、按條件排序
關鍵詞和圖譜界面
1、關鍵詞
2、柱狀圖
3、按關鍵詞查詢后文章列表
結對討論過程
以下為部分結對過程中討論的QQ界面截圖：
其中，221801439為前端，221801416為后端，雙方對前后端交互進行交流
設計實現過程
實現過程
1、分工：因為兩個人都寫前后端的話會造成混亂，所以林懷穎負責后端，陸吉杉負責前端
2、需求分析：對作業要求的功能進行需求分析，包括增刪改查、關鍵詞圖譜、圖表等功能
3、功能結構圖：如下
4、數據庫表結構：
代碼說明
前端
1、背景：用background-image引用圖片作為背景，並用no-repeat實現整個網頁背景不重復平鋪，用background-attachment使背景不隨滾輪滑動
2、文章背景：用border-radius將背景框四周圓潤，用box-shadow向框內添加陰影
3、按鈕格式：用boder:none去掉外框，border-radius將四周圓潤
4、echart表格：在官網中選擇示例代碼並進行改造
后端
1、登錄功能：輸入賬號密碼，通過數據庫驗證登錄，並且設置SEEION保存用戶信息，下次打開游覽器可以直接登錄
2、游客功能：點擊游客登錄，會跳轉到相應的顯示界面，不能對文章進行增刪改，只能進行查看
3、新增文章：根據表單輸入的標題和內容新建文章，並插入到數據庫表中
4、刪除文章：利用a標簽傳送要刪除的文章的標題，再通過delete語句從數據庫中刪除
5、修改文章：利用a標簽傳送要修改的文章的標題，展示要修改的文章界面，讓用戶進行修改，再通過update語句更新數據庫
6、按照文章標題或者選擇會議時間搜索文章（支持模糊搜索），並且可以按照年份或標題排序
表單結構：
關鍵代碼：
7、關鍵詞圖譜（點擊關鍵詞跳轉到相應界面）
利用a標簽傳送關鍵詞的值，然后跳轉到相應界面顯示相應的論文列表
通過條件查詢語句查詢包含該關鍵詞的文章列表
心路歷程與收獲
《構建之法》第四章兩人合作中，提到結對編程的好處是能提供更好的設計質量和代碼質量，兩人合作解決問題的能力更強，兩個人也可以相互激勵共同進步。經過第一次結對作業，我們之間已經從磨合階段到了規范階段,也認識到比起單打獨斗，結對編程顯然效率更高，對於項目的看法也會更加完善，此次作業我們根據各自所長分了前后端編程，兩人合作默契，互相幫助，很好地增長了對web編程的經驗。當然，我們還有不足之處，比如有時還是會有意見相左或者缺乏溝通意識，但是隨着項目的深入，我們會一起成長，提高默契度。
互相評價
①對陸吉杉評價：陸吉杉在此次擔任前端編寫，同時也進行前后端結合，設計的界面我非常滿意，比剛開始設計的原型好看很多，希望下次還能繼續合作
②對林懷穎評價：林懷穎在此次擔任后端編寫，是技術擔當，很多東西都會自覺完成，還會再學有余力下幫助我，對我也起到激勵作用