2020軟體工程作業05

這個作業屬於哪個課程

這個作業要求在**

這個作業的目標

結對完成家庭樹

作業正文

此文其他參考文獻

psp2.1

personal software process stages

預計耗時（小時）

實際耗時（小時）

planning

計畫(估計這個任務需要多少時間)11

development

開發1.5

2analysis

需求分析（包括學習新技術）12

design spec

生成設計文件

0.51

design review

設計複審

0.50.5

coding standard

**規範（為目前的開發制定合適的規範）

0.50.5

designt

具體設計11

coding

具體編碼34

code review

**複審

0.50.5

test

測試（自我測試、修改**，提交修改）

11.5

reporting報告1

1.5test repor

測試報告

0.50.5

size measurement

計算工作量

0.50.5

postmortem&process improvement plan

事後總結並提出過程改進計畫

11.5

合計13.5

18在查閱了相關資料後，發現完成此樹可以使用jstree外掛程式實現

jstree 是乙個jquery 外掛程式, 提供互動式樹.它是完全免費的,開源的，並根據mit許可進行分發。jstree易於擴充套件，可定義和配置，它支援html和json資料來源以及ajax載入。

jstree可以在盒子模型（內容框或邊框）中正常執行，可以作為amd模組載入，並具有用於響應式設計的內建移動主題，可以輕鬆自定義。它使用jquery的事件系統，因此對樹中各種事件的繫結**是熟悉且容易的。

同時jstree還可以

1.拖放支援

2.內聯編輯，建立和刪除

3.三態核取方塊

4.可定製的節點型別

樹的結構設計：樹的主節點是導師，導師之下是三個學位，三個學位點開後是入學的年份，點開入學年份就是學生

首先要使用jstree必須引入jquery，jstree是jquery的乙個外掛程式

前端ui頁面使用css來完成

body #tree /*生成的樹文字*/ #original_tree /*輸入文字框*/ #textarea /*文字輸入框*/ #input #confirm_button /*確定按鈕框*/ #empty_button /*重置按鈕*/ div[id^="tree_"] /*樹背後的框*/

通過jstree實現樹節點的展開與收縮，同時還新增修改節點，刪除節點，新增節點的操作

$(function(),
"types": ,
},'contextmenu':,'last',function(node),'');}},
'rename':
},'delete':}}
}});});

首頁面

家庭樹輸入後，樹的展示與節點的展開

多組家庭樹輸入中間空格便可以展示多組家庭樹，或者輸入一組家庭樹後點選重置按鍵再輸入新的家族樹

當輸入空或格式不正確時，會彈出提示

可直接在已建立好的家庭樹上進行，修改、新增、刪除

使用mocha進行測試

已在github上傳了readme檔案

因為我們兩人其實都不是很會程式設計，我們都只是略懂一二，所以在設計樹和實實在在體現出設計中

的要素上我們遇到了很大的問題，不知道應該如何去實現自己的設計，但是之後我們查閱了相關的

資料，然後知道可以使用jstree來實現，於是我們就解決了這個問題，通過這個問題我們同時也明

白了，我們需要學習的還有很多很多。。

周佳欣：我的搭檔是乙個很聰明的人，他總是能想出好的解決辦法，同時他也知道如何去查閱相關

的資料，去學習新的知識。

曾揚威：我們這是第二次進行結對程式設計了，我一直很信任我的搭檔，我認為她總是能夠完成我心裡

的想法，我們兩非常的有默契，而且她也是乙個非常nice的好兄弟。

部落格評分專案

滿分自評分

github專案位址11

給出具體分工11

給出psp**11

**組織與內部實現設計（類圖）55

說明演算法的關鍵與關鍵實現部分流程圖105

有價值的**片段53

創意獨到之處32

實現思路33

重要的/有價值的**片段22

實現成果展示22

說明你的目錄是如何組織的22

測試人員如何執行你的網頁22

說明你們選用的測試工具42

展示出專案部分單元測試**32

說明構造測試資料的思路30

github的**簽入記錄11

結對困難及解決方法44

評價隊友22

程式評分專案

滿分自評分

輸出呈現87

各種輸入情形的處理75

美觀性15

10方便65

附加特點105

自評分總計

10072

2020軟體工程作業05

2020軟體工程作業05

2020軟體工程作業05

2020軟體工程作業05

相關推薦