目錄基于JAVA的族譜系統設計與實現摘要隨著社會的快速發展和現代科學信息技術的不斷進步,互聯網信息技術越來越多的受歡迎。網絡計算機的各種生活工作方式逐漸發展并且越來越受受到廣大中國人民各族群眾的廣泛喜愛,也逐漸進入了每個用戶的使用。互聯網具有便利性，速度快，效率高，成本低等優點。因此，構建符合自己要求的操作系統是非常有意義的。本文從用戶的功能要求出發，建立了家族共家享式族譜撰寫系統系統，系統中的功能模塊主要是實現用戶管理、組織管理、族譜管理、公告管理等功能部分；經過認真細致的研究，精心準備和規劃，最后測試成功，系統可以正常使用。分析功能調整與家族共家享式族譜撰寫系統實現的實際需求相結合，討論了JAVA開發家族共家享式族譜撰寫系統的使用。關鍵詞：家族共家享式族譜撰寫系統；JAVA；Mysql;目錄摘要 第1章緒論1.1課題目的和意義隨著計算機技術的快速發展，傳統的族譜管理方式已經不能完全適應當今的時代潮流和人口分布。計算機時代帶來了更大的便捷，無時不刻影響著人類生活的方方面面，家族共家享式族譜撰寫系統傳播自然也離不開計算機的支持，再加上如今家族共家享式族譜撰寫系統越來越多，家族共家享式族譜撰寫系統的需求自然也越來越廣泛，因此，我們應抓住機遇，建立網上家族共家享式族譜撰寫系統。該網站主要為家族客戶提供家族共家享式族譜撰寫系統信息，使家族客戶能夠更便捷的獲取一套家族共家享式族譜撰寫系統，管理員對所有人員進行管理，對各類家族共家享式族譜撰寫系統以及對功能的其它管理信息進行及時添加、修改和刪除等操作，方便用戶信息獲得第一手的信息資源。隨著時代變遷，傳統式的家族共家享式族譜撰寫系統傳播的局限性越發明顯，獲取家族共家享式族譜撰寫系統的方式也不符合當今人口的分布。因此以互聯網技術為基礎的網頁撰寫技術為家族共家享式族譜撰寫系統的獲取帶來了巨大的潛力，在計算機的幫助下，網上獲取家族共家享式族譜撰寫系統節約時間、獲取資訊多，足不出戶就可以獲取到想要的家族共家享式族譜撰寫系統。節省成本外，還不受時間空間的制約，可以隨時獲取信息等。在此大背景下，本次畢設的選題誕生了，那就是家族共家享式族譜撰寫系統網站，目的就是為了給有意獲取家族共家享式族譜撰寫系統的客戶提供最全面、最專業的家族共家享式族譜撰寫系統。管理員系統可以根據每個家族共家享式中的族譜情況撰寫整個系統的日均點擊記錄次數,從而對公司網站的所有內容功能進行一些相應的的更新和優化改進,更好的做到迎合廣大客戶的不同需求。總之,該企業網站的開設建立充分順應了信息時代的發展潮流,方便了現代人們的工作生活。1.2開發設計思想撰寫本系統用新的java網絡語言基礎來進行編寫的是家族共家享式網絡族譜內容撰寫管理系統,本撰寫系統全部基于一個internete的網絡,以及用java網絡語言對整個網站內容進行系統開發,注重提高用戶與整個網站的實時交互性。因此在這樣的時代背景下,針對當前的rinternete的網絡發展趨勢和用來研究設計一種網絡語言家族共家享式的種族譜系并撰寫網絡系統開發網站,java網絡語言就已經成為了當今網絡應用開發軟件的一種首選操作體系語言結構。1.3開發目標譜家族共家享式族譜撰寫系統的優勢在于選擇面大、節省時間和精力等。整個家族共家享式族撰寫系統市場一片繁榮，在這種情況下，家族共家享式族譜撰寫系統的加入無疑將使得競爭更加激烈，但從另一個方面看，只有在這種激烈的競爭下，家族共家享式族譜撰寫系統的優勢才能得以體現。在中國，家族共家享式族譜撰寫系統有發展的必要，也有發展的基礎，發展家族共家享式族譜撰寫系統的各方面條件也日趨成熟，但是還存在一些問題，只有把問題解決好了，才能保證家族共家享式族譜撰寫系統的蓬勃發展。第2章相關技術2.1JAVA技術Java編程語言本身是一門面向對象編程軟件設計應用語言,不僅充分系統吸收了其他傳統編程c++語言的各種基本功能優點,還完全基本摒棄了其他傳統語言c++里難以充分深入理解的多項式和可繼承、指針等一些基本概念,因此在其使用語言java語言編程設計語言本身也就具有功能強大和簡單方便快捷易用兩個大的基本特征。java面向編程設計語言程序設計理論作為一種職業靜態面向對象編程語言設計理論語言的一個典型重要代表,極好地成功的的實現了面向對象編程設計理論,允許許多職業程序員以優雅的面向靜態對象思維作為表達方式而被用來快速進行復雜的面向對象語言編程。Java具有簡單性、面向對象、分布式、健壯性、安全性、平臺獨立與可移植性、多線程、動態性等特點

。Java可以編寫桌面應用程序、Web應用程序、分布式系統和嵌入式系統應用程序等。Java語言是一門隨時代快速發展的計算機語言程序，其深刻展示了程序編寫的精髓，加上其簡明嚴謹的結構及簡潔的語法編寫為其將來的發展及維護提供了保障。由于提供了網絡應用的支持和多媒體的存取，會推動Internet和企業網絡的Web的應用

。另外，為了保持Java的增長和推進Java社區的參與，Sun公司在JavaOne開發者大會上宣布開放Java核心源代碼，以鼓勵更多的人參與到Java社團活動中。來自Java社團和IBM等全球技術合作伙伴兩方面的支持，Java技術在創新和社會進步上繼續發揮強有力的重要作用

，并且隨著其程序編寫難度的降低使得更多專業人員將精力放置于Java語言的編寫與框架結構的設計中

。2.2MySQL數據庫mysql的操作語言結構是非完全結構化的,用戶幾乎可以在同時對多個信息進行操作,并且其操作語言簡單,學習使用起來比較容易,其數據結構也簡單,功能強大,存儲出的信息量大,mysql主要廣泛應用于關系數據的分析查詢和數據編程,現在普遍存在的關系數據庫語言有很多,并且它得到了普遍的廣泛應用。使用過程mysql應用數據庫在進行編程應用過程中給人帶來了極大的方便,可以對各種數據信息進行廣泛地分析查詢,mysql應用數據庫的實際應用并不需要要求用戶完全了解其數據存儲的各種方式,更不用說要掌握用于數據倉儲存放的各種方法,mysql應用數據庫的應用靈活性較強,功能也較強大,大多數應用情況下,在其他應用程序中需要實現某一個功能時只需要自己編寫一大堆編程代碼,而在使用mysql應用數據庫中只是僅需要一小段編程代碼就已經可以輕松實現這些功能,所以,mysql應用數據庫的編程語言較簡潔。數據存儲流程長期分析主要指的就是基于數據長期存儲的一個儲藏室,它通常指的是是在一臺計算機上自動運行的,并不是我們現實生活中的數據儲藏室,數據的長期存放方式是按固定數據格式,而且并不是無序的,則我們給他的定義就是:長期的沒有固定數據格式,可以或者共享的數據存儲在一個計算機上的存儲器上。數據庫及表管理主要目的是基于數據庫及表的管理建立,數據庫的存儲、修改和處理增加相關數據,為了有效保證系統所有數據的正常處理運行,一些不具有專業處理能力的數據處理者都可以用來進行管理不少需要具有專業的管理人才可來進行處理的數據。數據類型表的重新建立,可以對一個數據表中的所有數據類型進行實時調整,數據的重新組合及重新進行構造,保證數據的實時安全性。介于現有數據庫的功能強大等兩個特點,本管理系統的軟件開發主要用于應用了mysql等庫進行對所有數據的采集管理。2.3IntelliJIDEA簡介idea全稱jaintellijidea,是因為沒有java.它是在程序編程中和腳本語言中所需要開發的一個基本集成應用環境。intellij在中國代碼開發業界被廣泛公稱應該是個人認為最好的一個常用java類的代碼開發工具,尤其在一個比較智能化的常用代碼版本管理工具助手、代碼自動更新代碼提示、重構、javaee各類代碼管理支持、各類常用代碼類的版本結構管理工具(git、svn等)、junit、cvs等等功能結構整合、代碼版本結構設計分析、創新的代碼模式以及gui類的代碼結構設計等各個方面的各項基本功能以及表現力上可以我來說真的應該是相當實用超常的。ideae這個就是JetBrains公司的高級開發系列產品,這家高級開發產品公司總部所在地址就是位于捷克共和國的毗鄰法國南部首都布拉格,開發人員以嚴謹積極務實風格著稱的東歐高級開發程序員是以團隊開發為主。它的多個升級旗艦以及升級的新版本還包括可以同時支持lsl,html,css,java,mysql,python等。免費語言發行版只允許需要用戶支持諸如kojava,kotlin等少數發行版本多種語言。最突出的一個調試功能自然也就是快速度的調試(Debug),可以對所有包含java的軟件源代碼,javascript,jquery,ajax等各種信息技術類的軟件代碼進行快速度的調試。比如我們開始查看一個函數中的map都好像是相同類型的一個哈希對象,如果我們開始實現這個對象類型時候它采用的一個方法好像是哈希映射,則我們可能會自動為它產生一個過濾空的哈希函數maentry這個類型實例。其次,需要我們通過分類動態的來表示一個evaluate一個表達式的需要分類基本值,比如我們已經先得到了一個需要可支持分類的各種類型方法實例,但是并不需要我們知曉它的分類值什么是euapi,可以通過動態表示evcodecompletion,來明確點出它所指的需要分類支持的各種分類類型方法。最后,在多平臺線控遠程執行系統調試的所有異常情況下,logonconsole的異常分析功能管理欄也就是可以直接用來輔助幫你及時分析檢查多線程執行調試系統執行的所有異常情況。2.4Apache因為Apach它具有較好的擴展性，從而作為服務器大受歡迎，而且在運行的時候不需要太多的系統資源，擁有方便程序開發人員的收發郵件功能，還能夠支持負載平衡，該程序能夠不斷的迭代升級，程序員能夠根據自己的需要增加新的功能增加新的插件。Apache屬于一種輕型的服務器，所以說在中小企業中并不具有普適性。但是當程序員需要開發或調試JAVA程序時，則通常會將該服務器作為首選。對于一個僅具有計算機基礎知識的人來說，計算機系統具有一個好的Apache服務器，可以很好的對HTML頁面進行訪問。Apache都是可以獨立運行的，二者是不互相干擾的。當配置正確的時候，Apache服務器為HTML頁面的運行提供技術支持，Apache的任務則是運行JAVA頁面。Apache也具有一定的HTML頁面處理功能。 第3章系統功能分析第3章系統功能分析3.1需求分析在任何一個項目研發階段前夕，對項目研發系統本身做一個需求分析和市場調研是不可忽視的，只有從實際的場景出發，確定使用人員自身的功能和需求，才能明確目標，對于整個開發目標有一個更加準確的定位，在這個章節需要對系統的性能、業務流程、數據等方方面面進行分析，家族共家享式族譜撰寫系統的整體界面簡單，功能完善。分析討論系統能達到什么要求正式需求的可行性，系統平臺的開發對于之前的要求是否符合，只有對系統的開發中預先進行評估，再能在使得系統開發過程和開發結束之前完成需求，如果一個系統她并不具備開發一個合格功能的可行性，那便和開發失敗毫無區別，并且對于開發的系統可用性高不高，是否有用，可以通過完成之前討論的需求，一下分析了家族共享式族譜撰寫系統的實際需求。系統設計需要管理員的實際需求開始，以了解他們需要實施哪些功能以及他們可以包括哪些管理工作。考慮到家族共家享式族譜撰寫系統設計的特點，應滿足幾個要求：他可以通便利的互聯網技術開展家族共享式族譜撰寫的管理工作，使得能夠對家族共享式族譜撰寫系統的同一關系和規模化管理提供更加多元化的學習方法和更加保準化的管理手段（3）提供了高效免費的交流設信息查詢手段3.2可行性研究1、技術可行性分析家族共享式族譜撰寫系統，開發了具有完整功能并且使用起來簡單易懂的前端應用程序，并且建立了一個具有完整數據安全穩定后臺的數據庫系統。系統使用JAVA技術和MySQL數據庫作為設計工具，可簡單易行地學習操作。基于目前大公司完整的開發流程而言，前端和后端分開開發最后相互組合相結合的開發模式是值得我們在校生學習和嘗試的，并且數據的完整性和眾多優秀的屬性使得對于數據的分配和管理提供了條件，同時他也是整一個數據庫安全平臺的重要組成部分之一，是一種能夠提高和增強數據安全性的重要手段之一。除此之外，為了使得基本的控制方法更加平滑，更加智能，對構建系統安全計算環境支持的步驟進行了定義，并且對維護安全性做出支持和幫助。因為在這兩種開發工具中，不但功能強大且免費，界面良好，所以家族共家享式族譜撰寫系統在技術方面是可行的。經濟可行性分析：因為家族共享式族譜轉寫系統軟件開發式基于開源代碼的，之所以這么選擇是因為可以降低開發成本和開發難度，開發人員本身是我自己無需開發費用，也不需要對于軟件的版權進行購買，對于開發環境和運行環境的電腦配置并不高，沒有經濟上的擔憂，并且使得用戶足不出戶就可以在家獲取家族共享式族譜撰寫系統的互聯網時代已經到來，構建一個家族共享式族譜撰寫系統的網站在經濟可行性上是完全可行的。就本系統來說，隨著家族共享式族譜撰寫系統的種類日新月異，平時沒充分的時間獲取完整全面的家族共享式族譜撰寫系統，另一方面，隨著帶寬網絡走進家庭，辦公樓，還有網絡用戶的大力發展使得家族共享式族譜撰寫系統具有可以為用戶提供軟件環境，使得用戶可以隨心隨地的主動獲取自己想要的家族共享式族譜撰寫系統3、操作可行性：可操作性分析指的是主要是對家族共享式族譜撰寫系統的設計完成結束后，對用戶的使用體驗性進行分析，對管理員是否能夠正確的使用系統，通過系統管理相關的數據信息，且對于管理員用戶這一使用用戶，是否可以方便快捷的進入到屬于自己權限的系統界面，然后通過界面導航菜單能夠簡單便捷的操作功能模塊，管理員對于數據信息是否能有一個高效性的管理，對于系統的操作是否對于專業需求不高，外行是否可以直接的對模塊進行操作管理，這些都得到了有效的驗證，所以對于操作性式完全可以的。本系統的操作使用的是窗口式的操作登錄，用戶只要會簡單的基本的電腦操作就可以完成使用。本系統具有易操作、易管理、交互性好的特點，在操作上是非常簡單的。因此本系統可以進行開發。通過以上的分析，開發家族共家享式族譜撰寫系統是完全可行的。3.3性能分析系統的性能分析目的是為了確保系統本身的安全性以及系統功能模塊操作和用戶對于這些操作的使用程度進行一個分析，當用戶對某一個系統在未提前學習的前提下進行使用一段時間后，用戶本身并不能把所有的功能模塊進行正確的使用，會出現某些錯誤，然而系統的每一步操作都涉及到不同的模塊，不同的接口，對于環境的不同和先覺環境以及使用場景模擬都有所不同，因此，隊友實現系統的運行和維護并不是一件簡簡單單的事，要從方方面面考慮，但是最終要考慮的是系統的效益性們是否值得維護和運營，這其中主要取決于系統是否可拓展和市場反響價值高不高響應能力：系統能夠對用戶的操作進行高效的處理和反應，確保不會出現數據錯誤無法處理和系統死機的問題。處理能力：對于系統的異常情況發生可以進行有效的預防和處理。穩定性：系統在長期運行的情況下能夠穩定高效的運行，數據不會出現差錯安全性：系統機制有著很好的保密性和數據穩定性，不同權限的數據分開放置，并且不同的數據互不相連互不影響可擴展性：系統能及時進行更新拓展，并且對于問題可以進行熱更新，可以接受用戶建議完善功能3.4系統流程分析3.4.1添加信息流程添加信息功能所使用的編號系統會自動生成編號，無需用戶填寫，用戶只需要添加輸入信息即可，系統將會自動驗證信息和數據的正確性和合法性，驗證成功后方會自動添加到數據庫，如若信息無效則重新輸入信息。添加信息流程如圖3-2所示。圖3.1添加信息流程圖3.4.2操作流程不同的人想要進入數據庫首先要打開系統的登陸界面，輸入用戶名密碼，系統會自動在數據庫獲取對應用戶信息并進行驗證，獲取對應權限，輸出對應的功能界面，如果錯誤，會提示登陸失敗。系統操作流程如圖3-1所示。圖3.2操作流程圖3.4.3刪除信息流程用戶選擇需要刪除的記錄。并按下刪除按鈕，如果按下，系統會更新對應數據庫信息并對數據庫進行保存備份。刪除信息流程圖如圖3-3所示。圖33刪除信息流程圖 第4章系統總體設計第4章系統總體設計4.1系統結構設計之所以設計架構，其目的是為了反應結構和元素之間一對多的關系，因為十分抽象，故而通常用于知道大型的如圖安檢系統，將一個本身體量巨大的任務劃分為多個仔細地分工小任務是設計架構的目的和總體設計需求所在，在完成小任務后，整合起來便完成了整個大任務的設計，高效便捷。具體如何實現呢？那便是分解大的系統，拆解各個功能模塊的功能，所需要用到的接口，還有邏輯關系。而頁面正是由這樣一個個模塊組建而成，有著分明的結構層次，運用面向對象的思想，實現一個實體對象對應一個數據類型，并且對于磊哥數據類還會添加一個實施類，以保證實施。譜家族共家享式族譜撰寫系統整體結構設計思路以該譜家族共家享式族譜撰寫系統系統平臺的用戶使用率和低學習成本為第一要素。在文章中，系統的基本架構都是相同的結構，不同的用戶具體權力不同，所適應和使用的功能，并且從用戶的角度對使用場景進行預測，決定操作順序以及系統結構的生成，只有這樣明確層次結構，明確操作步驟，才能為網站的呈現奠定了堅實的基礎。本系統架構網站系統，本系統的具體功能如下：YY家族共家享式族譜撰寫系統登陸界面用戶登錄密碼正確管理員界面用戶界面圖4.1系統功能結構圖系統功能結構圖，如圖4.2所示：圖4.2系統結構4.2數據庫對于一個完善的網站項目設計來說，一個優秀的數據庫應該怎么設計是無法逃避的問題，對此我們嘗試先建立一個數據庫關系模型，使得我們可以邊界的將信息數據存儲對于網站設計而言，數據庫設計是不可避免地系統功能設計，我們先要建立一個數據庫關系模型，以便數據信息的存儲，這樣可以使得我們在開發程序時沒有必要為了網頁頁面添加數據，提高了系統運行的效率。其中數據庫儲存了海量的信息，說是程序系統的核心和基礎也不為過，并且還可以和java聯動提供增刪查改等功能，使得信息能夠高效的被查找到而不是要通過程序代碼進行查找，并且數據庫中的信息表里的每一個部分都能夠進行組合排序變成數據表，方便數據調用管理員信息屬性圖如圖43所示。圖4.3管理員信息實體屬性圖用戶信息實體屬性圖如圖4.4所示。圖44用戶信息實體屬性圖家族信息管理實體屬性圖如圖45所示。圖45家族信息信息實體屬性圖每個數據庫的應用它們都是和區分開的，當運行到一定的程序當中，它就會自動的和與自己相關的協議與客戶端進行握手通訊。那么這個系統就會對使這些數據進行連接。當我們選擇哪個橋段的時候，接下來就會簡單的敘述這個數據庫是如何來創建的。當點擊完成按鈕的時候就會自動在對話框內彈出數據源的名稱，在進行點擊下一步即可，直接在輸入相對應的身份驗證和登錄密碼。家族共家享式族譜撰寫系統，采用Mysql數據庫作為數據存儲，下面介紹數據庫中的各個表的詳細信息：表4.1article表列名數據類型長度約束Idint11PRIMARYtitlevarchar255DEFAULTNULLimagevarchar255DEFAULTNULLaddtimevarchar255DEFAULTNULLhitsvarchar255DEFAULTNULL表4.2gen_family表列名數據類型長度約束Idint11PRIMARYnamevarchar50DEFAULTNULLfirst_namevarchar50DEFAULTNULLbiographyvarchar50DEFAULTNULLtrainingvarchar50DEFAULTNULLseniorvarchar50DEFAULTNULLaddressvarchar1200DEFAULTNULLorder_byvarchar50DEFAULTNULLstatusvarchar50DEFAULTNULLmaintainervarchar50DEFAULTNULLremarkvarchar50DEFAULTNULLcreate_uservarchar50DEFAULTNULLcreate_timevarchar50DEFAULTNULLupdate_timevarchar50DEFAULTNULLcreate_organizevarchar50DEFAULTNULLcreate_org_cascadevarchar50DEFAULTNULL表4.3gen_generation表列名數據類型長度約束Idint11PRIMARYfamily_idvarchar50DEFAULTNULLnamevarchar50DEFAULTNULLgordervarchar50DEFAULTNULLseniorityvarchar50DEFAULTNULLorder_by`varchar50DEFAULTNULLstatusvarchar50DEFAULTNULLremarkvarchar50DEFAULTNULLcreate_user`varchar50DEFAULTNULLcreate_timevarchar50DEFAULTNULLupdate_timevarchar50DEFAULTNULLcreate_organize`varchar50DEFAULTNULLcreate_org_cascadevarchar50DEFAULTNULL表4.4gen_member表列名數據類型長度約束Idint11PRIMARYamily_id`varchar50DEFAULTNULL`generation_idvarchar50DEFAULTNULLfather_id`varchar50DEFAULTNULLmother_idvarchar50DEFAULTNULLnamevarchar50DEFAULTNULLtpdzvarchar1200DEFAULTNULLlevelvarchar50DEFAULTNULLopen_wifevarchar50DEFAULTNULLorder_byvarchar50DEFAULTNULLremarkvarchar50DEFAULTNULLcreate_user`varchar50DEFAULTNULLcreate_timevarchar50DEFAULTNULLcreate_organizevarchar50DEFAULTNULLcreate_org_cascadevarchar50DEFAULTNULL表4-5system_user_role表列名數據類型長度約束Idint11PRIMARY`user_id`Varchar500DEFAULTNULLmenu_idvarchar50DEFAULTNULLtypevarchar50DEFAULTNULLcreate_uservarchar50DEFAULTNULLcreate_time`varchar50DEFAULTNULLupdate_timevarchar50DEFAULTNULL 第5章系統實現第5章系統實現5.1登錄模塊用戶通過登錄窗口進行登錄，填寫用戶名、用戶密碼等信息，填寫完成后選擇登錄，，系統會進行判斷，如果正確登錄到對應權限，如果失敗提示錯誤如圖5.1所示。圖5.1管理員登錄界面圖管理員通過登錄進入系統管理頁面可以獲取用戶管理、組織管理、族譜管理、公告管理等功能模塊，進行相對應操作。核心代碼：5.2用戶管理用戶管理：通過列表可以獲取登錄名、用戶名稱、性別、狀態、排序、同步企業微信賬號等信息，進行查看或編輯、刪除操作，如圖5.2所示。圖5.2用戶管理界面圖核心代碼：5.3組織管理組織管理：通過資訊列表可以獲取組織名稱、組織簡稱、排序、創建時間等信息，進行在線查看詳情、添加或編輯或刪除操作。如圖5.3所示。圖5.3組織管理界面圖核心代碼：table.on('toolbar(system_organize)',function(obj){

varcheckStatus=table.checkStatus(obj.config.id);

vardata=checkStatus.data;

switch(obj.event){

case'laytable_tips'://小提示

layer.msg("小提示：組織信息模塊",{time:2000});

break;

case'add'://增加

add();

break;

case'addMore'://批量增加

addMore();

break;

case'edit'://編輯

if(data.length!=1){

layer.msg('請選擇一條數據進行操作。');

}else{

if($("#edit_"+data[0].id).text()==undefined||$("#edit_"+data[0].id).text()==''||$("#edit_"+data[0].id).text()==null){

layer.msg("沒有編輯權限,請選擇其他數據進行編輯。",{time:2000});

return;

}

edit(data[0].id)

}

break;

case'del'://刪除

if(data.length>0){

vardelBol=true;

for(vari=0;i<data.length;i++){

if($("#del_"+data[i].id).text()==undefined||$("#del_"+data[i].id).text()==''||$("#del_"+data[i].id).text()==null){

delBol=false;

}

}

if(!delBol){

layer.msg("批量刪除中存在沒有刪除權限的數據，請重新選擇。",{time:2000});

return;

}

layer.confirm('刪除數據會同步刪除下級數據，是否進行刪除操作?',function(index){

varids=[];

varnames=[];

for(vari=0;i<data.length;i++){

ids.push(data[i].id);

names.push(data[i].name);

}

$.get("${pageContext.request.contextPath}/system/organize/del?ids="+ids+"&names="+names,null,function(res){

if(res.success){

layer.msg("數據刪除成功。",{time:2000});

varparent_id=$("#tree_id").val();

reloadData(parent_id);

findTreeData(parent_id);

}else{

if(res.loseSession=='loseSession'){

loseSession(res.msg,res.url)

}else{

layer.msg(res.msg,{time:2000});

}

}

},'json');

});

}else{

layer.msg('請選擇要刪除的數據。');

}

break;

case'exportExcel'://導出Excel

exportExcel();

break;

case'assignRoleAuth':

if(data.length!=1){

layer.msg('請選擇一條數據進行操作。');

}else{

assignRoleAuth(data[0].id)

}

break;

};

});5.4家族信息管理家族信息管理，通過列表可以查看家族名稱、姓氏、所在地、狀態、排序、創建時間等信息，進行查看、生成族譜樹、添加、編輯或刪除操作，并通過家族名稱、姓氏、狀態進行查詢，如圖5.4所示。圖5.4家族信息管理界面圖核心代碼：form.on('switch(statusCheck)',function(obj){

varstatus='N';

if(obj.elem.checked){

status='Y';

}

$.get("${pageContext.request.contextPath}/gen/family/updateStatus?id="+this.value+"&status="+status,null,function(res){

console.log(res);

if(res.success){

layer.tips("狀態修改成功。");

}else{

if(res.loseSession=='loseSession'){

loseSession(res.msg,res.url)

}else{

layer.msg(res.msg,{time:2000});

}

}

},'json');

});

$('#edits').on('click',function(){

varcheckStatus=table.checkStatus('table_family')

,data=checkStatus.data;

if(data.length!=1){

layer.msg('請選擇一條數據進行操作。');

}else{

edit(data[0].id)

}

})

$('#genarete').on('click',function(){

varcheckStatus=table.checkStatus('table_family')

,data=checkStatus.data;

if(data.length<1){

layer.msg('請選擇一條數據進行操作。')}

elseif(data.length>1){

layer.msg('只能選中一條數據進行操作。')}

else{

genera(data[0].id)

}

})

$('#dels').on('click',function(){

varcheckStatus=table.checkStatus('table_family')

,data=checkStatus.data;

if(data.length>0){

layer.confirm('真的要刪除數據么',function(index){

varids=[];

for(vari=0;i<data.length;i++){

ids.push(data[i].id);

}

$.get("${pageContext.request.contextPath}/gen/family/del?ids="+ids,null,function(res){

if(res.success){

layer.msg("數據刪除成功。",{time:2000});

location.replace(location.href);

}else{

if(res.loseSession=='loseSession'){

loseSession(res.msg,res.url)

}else{

layer.msg(res.msg,{time:2000});

}

}

},'json');

});

}else{

layer.msg('請選擇要刪除的數據。');

}

})5.5世代管理模塊世代信息管理，通過列表可以查看家族名稱、世代名稱、世代順序、世代輩分、狀態、排序、創建時間等信息，進行查看、新增、編輯或刪除操作，并通過輸入名稱、家族、狀態進行查詢，如圖5.5所示。圖5.5世代管理界面圖核心代碼：layui.use('table',function(){

vartable=layui.table,

form=layui.form;

//方法級渲染

table.render({

elem:'#LAY_table_generation'

,url:'${pageContext.request.contextPath}/gen/generation/findListPage?auth_type=${pd.auth_type}&auth_organize_ids=${pd.auth_organize_ids}'

,cols:[[

{checkbox:true,fixed:true}

,{field:'family_name',title:'家族名稱',width:120,sort:true,fixed:true}

,{field:'name',title:'世代名稱'}

,{field:'gorder',title:'世代順序'}

,{field:'seniority',title:'世代輩分'}

,{field:'status',title:'狀態',width:100,templet:'#statusTpl'}

,{field:'order_by',title:'排序',width:60}

,{field:'create_time',title:'創建時間'}

,{align:'center',title:'操作',width:180,toolbar:'#barDemo'}

]]

,id:'table_generation'

,page:true

//,height:420

});

var$=layui.$,active={

reload:function(){

varauth_type='${pd.auth_type}';

varauth_organize_ids='${anize_ids}';

varname=$('#name').val();

varstatus=$('#statusoption:selected').val();

//執行重載

table.reload('table_generation',{

page:{

curr:1//重新從第1頁開始

}

,where:{

auth_type:auth_type,

auth_organize_ids:auth_organize_ids,

name:name,

status:status

}

});

}

};

$('#search.layui-btn').on('click',function(){

vartype=$(this).data('type');

active[type]?active[type].call(this):'';

});5.6人員信息管理人員信息管理，通過列表可以查看家族名稱、世代名稱、姓名、排行、排序、創建時間等信息，進行查看、族譜樹、添加、編輯或刪除操作，如圖5.6所示。圖5.6人員信息管理界面圖核心代碼：functionadd(){

parent.layer.open({

//skin:'layui-layer-molv',

title:'添加',

maxmin:true,

type:2,

content:'${pageContext.request.contextPath}/gen/member/toAdd',

area:['800px','500px'],

end:function(){

location.reload();

}

});

}

functionedit(id){

parent.layer.open({

//skin:'layui-layer-molv',

title:'編輯',

maxmin:true,

type:2,

content:'${pageContext.request.contextPath}/gen/member/toUpdate?id='+id,

area:['800px','500px'],

end:function(){

location.reload();

}

});

}

functioninfo(id){

parent.layer.open({

//skin:'layui-layer-molv',

title:'詳情',

maxmin:true,

type:2,

content:'${pageContext.request.contextPath}/gen/member/findInfo?id='+id,

area:['800px','500px']

});

}

functionselectFamily(){

varfamily_id=$('#family_idoption:selected').val();

$.ajax({

type:"GET",//方法類型

dataType:"json",//預期服務器返回的數據類型

url:"${pageContext.request.contextPath}/gen/generation/findList?family_id="+family_id+"&status=Y",//url

data:"",

success:function(res){

if(res.success){

vartt='';

$.each(res.data,function(i,n){

tt+='<optionvalue="'+n.id+'">'++'</option>';

});

$("#generation_id").html(tt);

}else{

if(res.loseSession=='loseSession'){

loseSession(res.msg,res.url);

}else{

layer.msg(res.msg,{time:2000});

}

}

},

error:function(){

layer.msg("異常！");

}

});

}5.7人員樹管理模塊人員樹行信息管理，通過列表可以查看家族名稱、世代名稱、姓名、排行、排序、創建時間等信息，進行查看、族譜樹編輯或刪除操作，如圖5.7所示。圖5.7人員樹行信息管理界面圖核心代碼：functionselectFamily(){

varfamily_id=$('#family_idoption:selected').val();

initTree(family_id)

$.ajax({

type:"GET",//方法類型

dataType:"json",//預期服務器返回的數據類型

url:"${pageContext.request.contextPath}/gen/generation/findList?family_id="+family_id+"&status=Y",//url

data:"",

success:function(res){

if(res.success){

vartt='';

$.each(res.data,function(i,n){

tt+='<optionvalue="'+n.id+'">'++'</option>';

});

$("#generation_id").html(tt);

}else{

if(res.loseSession=='loseSession'){

loseSession(res.msg,res.url);

}else{

layer.msg(res.msg,{time:2000});

}

}

},

error:function(){

layer.msg("異常！");

}

});

}

functionorgTree(id){

parent.layer.open({

//skin:'layui-layer-molv',

title:'家譜樹',

maxmin:true,

type:2,

content:'${pageContext.request.contextPath}/gen/show/tree?id='+id,

area:['800px','500px']

});

}5.8公告信息公告信息，通過列表可以查看公告標題、創建時間等信息，進行查看、編輯、添加、修編輯或刪除操作，管理員還可以對公告進行發布，用戶可以看到公告信息并聯系管理員如圖5.8所示。圖5.8公告管理界面圖核心代碼：layui.use('table',function(){

vartable=layui.table,

form=layui.form;

//方法級渲染

table.render({

elem:'#LAY_table_news'

,url:'${pageContext.request.contextPath}/gen/news/findListPage?auth_type=${pd.auth_type}&auth_organize_ids=${pd.auth_organize_ids}'

,cols:[[

{checkbox:true,fixed:true}

,{field:'title',title:'公告標題'}

,{field:'addtime',title:'創建時間'}

,{align:'center',title:'操作',width:180,toolbar:'#barDemo'}

]]

,id:'table_news'

,page:true

//,height:420

});

var$=layui.$,active={

reload:function(){

//執行重載

table.reload('table_news',{

page:{

curr:1//重新從第1頁開始

}

,where:{

auth_type:auth_type,

auth_organize_ids:auth_organize_ids,

first_name:first_name,

name:name,

status:status

}

});

}

};

$('#search.layui-btn').on('click',function(){

vartype=$(this).data('type');

active[type]?active[type].call(this):'';

}); 第6章網站測試第6章網站測試6.1系統測試的目的在程序設計個過程中無法保證不會出現錯誤，開發是一個過程，其中出現了錯誤和錯誤是不可避免地，我們要及時糾正錯誤并且不讓錯誤留存下來，海量的錯誤累積起來可能會帶來無法避免的問題，比如系統崩潰，比如因為一個bug引發的數據丟失，用戶信息泄露，系統無法正常運行，為了防止這些情況的發生，我們在開發的過程中要對程序每一個小功能進行測試