電子族譜網站平臺設計與實現

導語：電子族譜網站平臺設計與實現一文來源于網友上傳，不代表本站觀點，若需要原創文章可咨詢客服老師，歡迎參考。

摘要：家風文化不僅是中華傳統文化的重要組成部分，更是傳承傳統文化最有力的載體。通過分析市場調研結果，建設一個以中老年用戶為主體，可以在線進行族譜修繕、族內消息展示的電子族譜網站平臺，具有廣闊的發展空間。該文基于B/S架構，使用HTML、CSS、JavaScript、Java等語言和Bootstrap、jQuery等技術框架，逐步完成了電子族譜網站平臺的設計與實現。

關鍵詞：電子族譜；家風文化；B/S架構

1引言

族譜是記載姓氏家族、重要人物及其主要事跡的史籍資料，是記述血緣集團世系的載體[1]，反映出社會與文化的祖先崇拜、血緣意識文化與社會組織結構[2]。傳統的紙質族譜只能查閱先祖姓名及遷徙情況，記載不了先祖的豐功偉績和先祖對后世的期望，后世也就無法深刻領略家族的家風、家訓。因此，建立一個集族譜修繕、族內動態展示等功能于一體的電子族譜網站平臺是十分必要的。本文基于B/S架構，使用HTML、CSS、JavaScript、Java等語言和Bootstrap、jQuery等技術框架設計了一款電子家族譜網站平臺，解決了族譜修繕困難的問題。

2市場需求

通過對筆者在網絡上發放的問卷進行整理和分析，繪制出了數據圖。數據顯示，有78%的人可以接受通過網絡平臺進行族譜修繕。有51%的人因沒有合適的平臺而沒有使用電子族譜進行族譜修繕。由此可見，建立一個以族譜修繕、族內消息展示為主要功能的電子族譜網站平臺具有廣闊的發展空間。

3開發原理

網站基于B/S架構，使用HTML、CSS、JavaScript、Java等語言和Bootstrap、jQuery等技術框架進行開發。B/S結構的網站設計不需要進行一系列的邏輯處理和系統界面的展現，可以大大節約開發成本，也為管理者后期對網站的維護和升級提供便捷。HTML是所謂的“超文本標記語言”，是一種標記語言，而不是一種編程語言[3]。CSS語言又稱之為層疊樣式表，一般搭配HTML進行使用，其作用就是用來渲染HTML框架的樣式，同時也可以為XML語言增添樣式的一種語言。CSS幾乎支持所有的字體樣式，對網頁對象模型和網頁的模型樣式有編輯修改能力[4]。JavaScript是一種具備動態類型、弱引用類型、且基于原型的腳本的語言，其內部包含各種支持類型[5]。jQuery主要的作用就是使用戶能更方便地處理HTML、從而簡便地使頁面具備動畫效果[6]。Bootstrap就是一個封裝了大量HTML和CSS為組件的前端框架[7]。

4設計方案

4.1總體設計

網站的總體設計如圖3所示，包含了UI頁面、業務層、持久層及數據庫的設計。UI頁面主要包括注冊登錄頁面、首頁頁面、家族碼生成和獲取頁面、族譜展示頁面、族譜信息錄入頁面。業務層主要包括用戶信息校驗、家族碼生成和查詢、族譜信息的存儲、家族信息的展示等功能。持久層是與用戶信息和。

4.2詳細設計

4.2.1數據庫的設計通過對網站的功能進行分析，設計的數據庫結構由用戶表和家庭成員表共兩張表組成。用戶表用于存儲用戶的賬號、密碼、姓名、電話等信息，家庭成員表用于存放家族成員的節點ID、姓名、性別、頭像地址、人物介紹等信息。兩張表的關聯是fid字段，通過fid字段可以將兩張表的信息拼接起來，避免數據大量重復的問題。用戶表和家庭成員表的結構分別如表1、表2所示。4.2.2基本功能模塊電子族譜的基本功能模塊包括用戶模塊、族譜管理模塊、家族碼生成模塊和族譜修繕模塊。各模塊之間相互交融與配合，共同支撐起平臺各項功能。網站的基本功能模塊主要為用戶模塊和族譜管理模塊。模塊之間的相互配合使族譜網站得以穩定運行。用戶模塊貫穿整個平臺，主要包括用戶的注冊與登錄，用戶的家族信息等內容。族譜管理模塊是平臺功能模塊，主要包括家族碼的生成、家族碼的查詢、族譜修繕、族內消息展示等內容。用戶模塊是用戶使用網站的前提，用戶需要先注冊賬號才能使用網站功能。注冊時用戶在前端注冊頁面填寫好注冊信息后提交到服務器，通過查詢數據庫驗證用戶ID是否已經存在，未存在的用戶ID才可注冊成功。用戶注冊成功后會自動跳轉到登錄頁面，用戶輸入對應的信息進行登錄。登錄時系統會先進行表單的驗證，判斷用戶輸入的信息是否符合規范，如果符合規范去數據庫中查詢對應的用戶ID進行賬戶和密碼的匹配，匹配成功則跳轉到首頁，并且將數據存入Session中。如果表單校驗不成功則在對應的輸入框提示錯誤信息。如果輸入的密碼或用戶ID與數據庫中的數據不匹配，則在表單提示用戶ID或密碼錯誤等信息。注冊頁面如圖4(a)所示。家族碼生成模塊是用戶開始族譜創建的基礎，用戶可以通過該模塊獲得對應的家族碼。通過家族碼，用戶可以進入到對應的家族譜系中，并且可以對該譜系進行修改。家族碼是用來唯一標志族譜的標志，每個家族譜都對應著不同的家族碼。用戶在進入獲取家族碼的頁面時，請求就會被攔截器所攔截，攔截器會判斷Session中是否存在用戶信息。如果發現用戶沒有登錄信息，則觸發轉發請求跳轉到登錄頁面，此時要求用戶必須進行登錄后才能繼續后面的操作。根據存入Session域中的用戶信息，可以判斷用戶是否存在家族碼，如果存在則顯示如圖4(b)所示的家族碼查詢界面，如果不存在則為用戶創建家族碼并且保存到用戶的信息中。族譜修繕模塊是電子族譜的功能模塊，族譜修繕板塊主要功能是將用戶輸入的族譜信息存入數據庫，同時根據用戶的信息判斷用戶在家族中的位置，同時展示家族成員對應的稱呼。族譜修繕的邏輯如圖5所示。在進入族譜修繕板塊之前，操作會被攔截器所攔截，判斷用戶是否處于登錄狀態，如果處于登錄狀態，則通過用戶的登錄信息判斷用戶處于哪個族譜內。同時展示對應的族譜。此時用戶可以對族內信息進行編輯，用戶編輯后可以將信息存入到數據庫中。此時還會根據用戶的身份信息判斷族譜中存在的成員與用戶之間的關系，并且展示給用戶，對應成員的稱呼。在族譜修繕界面，用戶可以通過對應的成員節點對成員信息進行修改。如圖4(c)所示，點擊頭像時，系統會查詢數據庫中是否有該節點的信息，如果有則在信息輸入框展示已經錄入的成員信息，修改完對應的信息后保存到數據庫。如對應節點沒有信息，則顯示如圖4(d)所示的空輸入模板，用戶填寫完成后點擊提交按鈕將節點信息插入到數據庫中。4.2.3數據傳輸與驗證后臺與前端之間的交互采用的是Ajax進行交互，交互的數據形式是Json格式。用戶產生的所有HTTP請求經過參數驗證、用戶身份認證等一系列檢查后進入業務流程，業務模型負責處理業務數據并與數據庫進行交互，并將業務處理結果通過指定的JSON格式返回給終端，實現客戶端與接口系統的通信[8]。4.2.4系統部署與運行電子族譜網站平臺搭載Tomcat服務器運行，部署于阿里云ECS服務器，用戶通過瀏覽器可以直接訪問到網站部署在的服務器上[9]。Tomcat的默認端口號是8080，通過Tomcat服務器，電子族譜網站可以正常地運行，通過瀏覽器訪問阿里云的地址加上端口號可以直接對網頁進行訪問。用戶對網頁操作的數據將保存在MySQL數據庫中。

5難點攻堅

在項目中，電子族譜網站平臺只考慮了單機情況下的運行結果，并沒有進行壓力測試，不能保證系統在高并發的情況下還能繼續運行。同時由于用戶基數少，系統的數據庫在設計之初沒有設計對應的索引。沒有考慮用戶基數大的情況下的訪問速度等。所以后續需要對數據庫進行重新設計，修改表的結構和表與表之間的關系。同時還需要添加數據庫的索引，保證訪問的快捷性。此外，為了保證系統可以在高并發的情況下保證正常的運行，在簡單的冒煙測試下，必須還得保證每個接口在大數據量的情況下可以被訪問。出于對接口的健壯性考慮，接口除了可以在大數據量的情況下進行正常的運行，還需要防止接口的惡意訪問。必須在可能會出現問題的接口上添加攔截驗證，不能讓接口被無限制地訪問。同時為了保證接口調用數據庫時的安全性，需要在接口與數據庫之間添加一層緩存層。使用戶不能頻繁地訪問數據庫，從而對數據庫產生巨大的壓力。為了一個更加穩健，更加安全的系統，我們需要不斷地去掌握更新的技術，不斷地對代碼進行優化。

6結束語

電子家族譜網站平臺的設計與開發項目整體使用B/S模式架構，開發過程主要使用的開發工具為IntelliJIDEA。主要用到的技術有HTML、CSS、JavaScript、Java、Bootstrap、jQuery。開發更加高效信息化的電子族譜有利于推動中國傳統文化的發展和傳播，并且對社會學和經濟學等方面的研究也有著不可替代的獨特功能。項目經過測試達到預期效果，有一定發展前景，但仍存在許多不足，需不斷地努力完善與維護。

參考文獻：

[1]王鶴鳴.中國家譜通論[M].上海:上海古籍出版社,2010:4.

[2]常建華.中國族譜資料的整理、研究和數字化建設[J].安徽大學學報(哲學社會科學版),2014,38(1):95-105.

[3]夏立新,方志,劉啟強.XML在信息組織中的應用初探[J].情報科學,2006,24(6):859-863.

[4]朱杰.淺談電子商務網站web前端網頁制作[J].商情,2018(15):161.

[5]項可旺.基于Django框架的載體管理系統的設計與實現[D].沈陽:東北大學,2016.

[6]陳霏.基于WebService的網頁元素評價系統設計與實現[D].上海:復旦大學,2012.

[7]陳樂天.基于HTML5視頻控制技術的在線學習平臺視頻模塊設計與實現[D].天津:天津師范大學,2017.

[8]李沛熹,朱曉君,姜建,等.基于微信小程序的校園二手書籍交易平臺設計與實現[J].電腦知識與技術,2021,17(23):57-59,67.

[9]趙紀偉.基于云平臺的視頻監控和存儲系統研究與實現[D].呼和浩特:內蒙古大學,2017.

作者：張雨浩 李權 柳汛 朱曉君 肖斌 單位：江西理工大學能源與機械工程學院 江西理工大學