緒論課題研究背景近年來，畢業生人數均處于上升趨勢，對于畢業生來說，其就業形勢相當嚴峻的。解決應屆畢業生就業的難題成為了國家及社會各個層面的高度重視。最近新提出：“就業是民生之本，要堅持實施積極的就業政策，加強政府引導，完善市場就業機制，擴大就業規模，改善就業結構。完善支持自主創業、自謀職業政策，加強就業觀念教育，使更多勞動者成為創業者。”從這可以看出，解決就業難的一大出路就是鼓勵大學生自主創業。國內研究現狀隨著時代的到來，社會在不斷發展，有關勞動就業制度和畢業生就業制度的法規和改革，可以為許多大學畢業生增加就業機會，并培養更好的“兩個人”。選擇方法“。都有造成大學生就業困難的原因，而且原因更為復雜。當然，在現代大學生的就業中，就業標準與社會需求之間的矛盾是同時，畢業生承受了選擇主題的巨大壓力和競爭挑戰。困難的就業現象正在當今社會引起關注。它還引起社會關注問題的關注，這些問題在各個方面一個不容忽視的原因，已經成為生活的重要組成部分，各個領域的信息化高度發展。在現代大學生的新就業水平上[3]，我們需要與社會和世界保持和諧。分析必要的信息以及校友就業計劃，基礎和態度的其他方面。通過對科學數據的統計和分析，我們幫助大學生做正確的事。就業精神和公平就業整體分析。開發工具及技術1.3.1開發工具此次設計主要使用VsCode開發工具React前臺加NodeJs后臺服務器進行，設計過程中頁面主要使用React技術完成，下面對VsCode、NodeJs和MySQL數據庫進行簡要介紹。VsCode微軟在2015年4月30日的Build開發者大會上正式宣布了VisualStudioCode（簡稱“VSCode”），該版本可以運行在各種操作系統上，并運行在您的桌面以及云上。創建一個應用程序。該平臺的源代碼編輯器可以在您的桌面上運行，并可以在各種操作系統上使用。內置對JavaScript，TypeScript和Node.js的支持等。NodeJsNode.js擁有很好的性能，可以快速搭建起一個后臺擴展模塊，基于本人所做的系統，nodejs在當中實現了無可比擬的作用，nodejs在本人所做的系統中承擔了后臺服務的作用，主要功能有提供前臺必需要的接口數據以及驗證碼的矢量圖等，為整個系統的編寫提供了強有力的后端保證。MySQLMySql數據庫是行業內使用次數最多的用來存儲數據的數據管理，它具有可移植行，操作特別簡單，功能非常強大，以確保源碼的可移植性。MySQL提供多種編程語言的API；支持多線程并充分利用CPU資源；提供多種數據庫連接方法，對于普通個人用戶和中小企業，MySqI已經足以應付各個場景，而且它是開源軟件，成本極低。計算機可以使敏感文檔更安全，等等。軟硬件需求開發語言：JavaScript開發工具：VsCode操作系統：window10瀏覽器：Chrome后臺服務器：NodeJs

項目開發關鍵技術所使用前端技術前端開發呈現給用戶的是諸如WEB頁面或APP之類的前端界面的創建。Internet產品的用戶界面交互是通過HTML，CSS，JavaScript和各種派生技術，框架和解決方案實現的。網頁的產生促進了前端的開發，并且該名稱有時具有明顯的特征。在Internet的發展中，在Web1.0時代發展下，網頁制作被產生。靜態，圖片和文本是早期網站的主要顯示內容，瀏覽成為了用戶使用該網站的的主要行為方式之一。當下Internet技術的發展以及HTML5的應用、CSS3的應用，促使了美觀，互動和功能強大的現代網頁的產生。前端的發展跟隨著移動互聯網的發展，并帶來了許多高性能的移動終端設備應用程序。HTML5，Node.js被廣泛使用，各種UI框架，JS庫不斷發展，并且開發難度逐漸增加。前端技術的發展是互聯網自身發展和變化的顯微鏡。前端技術是指從瀏覽器到客戶端計算機的通用命名。前端開發的主要功能是更好地向用戶展示網站界面。在編寫系統中使用web技術鋪設頁面，鋪設的頁面使用html+css+js技術。2.1.1React技術 React開發框架是最流行的前端開發框架，react框架從2013年發布到今天，越來越多的人開始喜歡他的設計方案并且在各種系統中使用它，react很大的幫助了開發者提高效率，許多人都認為這個框架成為網頁建設中的重要組成部分，react可以做到只需要編碼一次就可以運行在各端當中，例如說可以運行在手機、瀏覽器等當中。react可以幫助開發者美化系統界面，可以隨意轉換當前界面是否為動態還是靜態的，也可以混合js的DOM操作等，react還有一個最大的特點，那就是聲明式開發，這種開發模式要遠比函數式的效率要大大提高，并且可以最大優化系統的性能，可以做到降低資源成本。本系統就是用了這個框架，并且合理的使用了聲明式開發模式，使得該就業系統頁面更加美化，動態靜態結合使得邏輯更加的清晰，使大學生就業方向更加的明確，更好的找到自己個滿意的崗位。2.1.2JWT技術JSONWebToken（縮寫JWT）是目前最流行的跨域認證解決方案，JWT的可以讓遠程的服務器進行認證之后，獲得了一個類似于JSON的對象，并且會返回給用戶，就比如下面這個例子。{username:Byronss,role:admins,timeout:1620872852}通過這個之后，使用人員就可以與遠程的服務器進行信息交換時，這個時候都會返回一個類似于JSON的對象，遠程的服務器就可以僅僅依靠這個返回的對象進行識別身份，從而可以極大的防止數據的濫用，替換，進而大大的提高的用戶數據的安全性。JWT大概就是這樣：eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySUQiOiJieXJvbiIsImlhdCI6MTYxNzk1NzYyNCwiZXhwIjoxNjE3OTkzNjI0fQ.O9ZRQxefsCboW2B2m44FFFitCbDyUR_hPdIbkq8-5oQJWT的特點（1）這個類似于json對象的數據格式一般來說是不進行加密的，但是出于對安全安全的考慮，也可以做到對此進行二次加密，加密成功之后，進而就能更加的確保安全性。（2）這個類似于json對象的數據格式不僅僅可以做到信息交互，而且可以用去去認證某個東西，在有效時間的對象中，可以降低數據庫對數據的查詢次數。（3）這個類似于json對象的數據格式包含了許多認證信息，如果發生了泄露，就會對一些重要數據進行有嚴重的影響，從而我們需要將有效期進行縮短，可以減少這一個影響。（4）這個類似于json對象的數據格式盡可能的使用https協議進行傳輸，以防止被盜用。MySQL數據庫技術關系型數據庫管理系統MySql，是數據庫行業中使用次頻率最多的進行存儲數據的數據管理，具有可移植性，簡單的操作，特別強大的功能，來保證源碼的可移植性。MySQL提供多種編程語言的接口；通過進行多線程的使用，CPU的資源可以得到有效利用；數據庫連接的方法被其提供好多種，MySqI對于普通個人用戶和中小企業來說，它是開源軟件，成本特別低。計算機可以使敏感文檔的安全得到了保護。在本系統中，數據庫主要對用戶所產生的數據信息進行存儲查詢處理，例如，登錄就是用戶事先注冊好信息后就會存放在數據庫中，在登陸的時候用戶輸入自己信息進而系統調用數據庫查看用戶輸入信息是否相互匹配，登錄成功會顯示跳轉主界面，如果提示用戶名或者密碼錯誤的，則就會讓用戶重新輸入，驗證將會再次進行；首頁數據會查詢數據庫的信息表，當登錄之后，就會去查詢首頁信息表，從而會展示到首頁中，如果發現沒有登陸且跳轉到了首頁，就會自動跳轉登陸頁面。后端技術概括 Node.js有很好的體驗性能，可以迅速搭建起一個后臺擴展模塊的框架，基于本人所做的系統，nodejs在當中實現了無可厚非的作用，nodejs在本人所做的系統中承擔了后臺服務的作用，主要功能有提供前臺必需要的接口數據以及驗證碼的矢量圖等，為整個系統的編寫提供了強有力的后端保證。 該系用主要使用的阿里開源的egg.js后端框架，由于該框架簡潔明了。沒有太多的贅余，不僅僅可以很大程度的降低開發者的效率，而且各個文件的分工特別明確，egg.js推薦去事先約定好在進行配置，這樣的話就可以提高開發效率，不用在開發后還考慮怎樣進行配置等，該框架的擴展性特別高，同時內部還繼承了許多管理模式，同時它又是給予koa2進行的二次開發，所以它的性能是完全不需要擔心的，而且他的測試覆蓋率還特別的高，日常所需的測試基本都會被囊括其中，所以本次系統的后端采用egg.js的框架進行編寫。 在本次系統中可以使用npminitegg進行對系統的初始化，然后使用npmrunddd將系統運行起來，然后既可以通過訪問自己設定的地址進行訪問。然后就可以進行開發了。

需求分析可行性分析在我們開發的這個就業的系統當中，會受到很多很多因素的影響，比如時間，空間，資源等等，為了避免這些影響的發生，我們會進行系統整體的分析與評估。3.1.1技術的可行性在我們編寫的就業系統中，應用的vscode以及mysql等多個軟件，我們主要使用了react以及egg框架進行的編寫，由于本人是計算機專業且對這兩個框架具有一定了了解，所以本次系統為了在技術上具有一定的可行性，最終采用了這兩個框架進行開發，從而達到一定的技術可行性的效果。3.1.2經濟的可行性在我們編寫的就業系統中，需要用到一些軟硬件的產品，硬件使用的自己筆記本電腦進行的編寫，軟件則使用網上流行且不需要付費的軟件進行編寫，所以整體來說，還是達到了一定的經濟可行性的效果。3.1.3操作可行性在我們編寫的就業系統中，大多與用戶交互的情況都是讓用戶進行選擇而非進行輸入，這樣用戶就可以無需輸入，對操作人員的要求很低，所以在技術上不會有很大難度。對此，我們的就業系統軟件并不需要專業的培訓后在進行操作，大學生不用為了使用使用該系統進行二次學習，因為這是學生們日常生活中必不可少的技能，這樣看來操作可行性也達到了我們最終想要的效果。網站功能需求本系統主要是針對管理大學生就業開發的系統，普通用戶及管理員均可通過本系統進行操作。大致分為前臺、后臺功能模塊。前臺提供查看大學生就業信息，填寫表單信息等，后臺主要對用戶以及大學生就業信息進行管理。3.2.1普通用戶用例圖普通用戶可以瀏覽大學生就業信息頁面以及填寫表單，然后就可以查看到各個大學生的各種崗位以及就業地點以及大概薪資等大致信息。因為用戶最關心的就是這些信息，所以極大的方便的用戶的瀏覽。3.2.2管理員用例圖對管理員而言，其主要功能如下:成員管理：對注冊社團的人員管理信息管理：主要管理的是大學生的就業信息信息分析：主要分析大學生的就業信息管理員用戶用例圖如圖。

系統設計系統設計概述大學生就業網站是一個整合JavaScript技術、網絡技術等進行開發，以大學生就業為核心，提供公共資源的通用平臺。大學生就業的開發目標是滿足學生的實際需求，對大學生就業信息化管理。在我們的詳細調查問卷中得到，我們查看大學生具體的就業信息后以及自身需求，而且結合了其他文獻的以及類似網站，得出對大學生就業設計的目標：1.我們的用戶查看界面盡可能的美觀大方，簡介明了，每一個操作都具體化，合理化。2.普通用戶可以查詢最新大學生就業信息。3.管理員可對大學生就業信息、用戶信息、大學生就業信息分析等方面進行操作及統計。系統模塊設計4.2.1注冊/登錄模塊設計注冊、登錄模塊是系統中的最開始，也是做重要的一個，首先用戶進入界面后，當個人用戶去點擊注冊按鈕后，頁面會跳轉到注冊界面，當用戶填寫個人信息后，并且輸入對應的驗證碼后，并且點擊提交按鈕，然后跳轉到登錄頁面，進而用戶進行登錄，輸入個人信息后進行驗證且驗證成功后跳轉到主頁面，驗證失敗后清空輸入框，提示重新輸入。如圖4-1登錄注冊流程圖所示。圖4-1登錄流程圖4.2.2個人中心模塊設計首頁用戶成功登錄之后，用戶可以去個人中心中對自己的信息進行修改，修改時需要輸入自己的用戶名以及密碼后才能夠正常的進行修改，否則不予修改，修改完成后，系統會自動登錄，只要不退出登錄，會一直記住賬號和密碼[3]。系統UI界面設計如下圖所示，在登陸頁面中采用全景布局的方式，整體呈現簡潔的風格。這樣的布局方式整齊劃一，給用戶帶來更加的用戶體驗。數據庫設計 數據庫是整個的命脈，沒有數據庫各種信息都是不存在的，也就無從談起數據的準確性等，下面我會逐一介紹一下該系統中使用到的有關數據庫的相關信息。4.4.1數據庫概念結構設計數據庫的概念結構設計是數據庫設計的關鍵，在此設計網站中，大學生就業信息、登錄用戶的信息是其主要主體。4.4.2數據庫表設計在此次設計的系統數據庫中，數據表共有2張。該表主要用于存儲用戶信息內容例如編號，名字，注冊時間等。如表4-1所示。表4-1用戶信息表名稱類型長度是否為空是否為主鍵字段名稱NumIntNotNull是唯一值Usernamevarchar(30)NotNull否用戶戶名Passwordvarchar(30)NotNull否密碼Registetimevarchar(30)NotNull否注冊時間Namevarchar(30)NotNull否姓名該表主要用于存儲了大學個人的就業信息例如姓名，性別，畢業院校，所學專業等等。如表4-2所示。名稱類型長度是否為空是否為主鍵字段名稱NumIntNotNull是唯一值Namevarchar(30)NotNull否姓名Gendervarchar(30)NotNull否性別Agevarchar(30)NotNull否年齡Graduation_timevarchar(30)NotNull否畢業時間Graduation_schoolsvarchar(50)NotNull否畢業學校Phonevarchar(30)NotNull否電話Employmentvarchar(30)NotNull否是否就業Working_placesvarchar(50)NotNull否工作地點Satisfiedvarchar(30)NotNull否是否滿意Current_monthlyvarchar(30)NotNull否當前月薪Expect_monthlyvarchar(30)NotNull否期望月薪Usernamevarchar(30)NotNull否用戶名稱Auditvarchar(30)NotNull否是否審核中4.4.3數據庫連接原理采用eggjs進行對數據庫的配置，具體如圖4-2所示圖4-2配置數據庫采用eggjs進行對數據庫的連接，具體如圖4-3所示圖4-3數據庫的連接

系統實現前臺功能實現5.1.1注冊登錄實現在用戶第一次使用本系統的時候，該系統將會直接跳轉到用戶登錄的界面[4]；當用戶輸入正確的信息后，就可以進行登錄且跳轉到首頁上，如果用戶沒有注冊時候，需要先進行注冊然后在進行登錄。如圖5-1所示圖5-1登錄界面如圖5-2所示圖5-2注冊界面5.1.2首頁實現用戶登錄成功之后進入首頁，會展示大學生的信息列表。如圖5-3所示圖5-3主界面5.1.3查詢實現 用戶可以根據自己需要的條件進行查詢，例如所選擇的學校，專業，畢業時間等等查詢條件，如圖5-4所示圖5-4用戶查詢界面5.1.4個人信息查詢 用戶個人信息查詢，能夠查詢當前信息，且可以進行對自己信息的更新，如圖5-5所示。圖5-5個人信息查詢界面5.1.5修改個人密碼 用戶可以直接進行修改密碼，需要事先輸入對應的用戶名，以及密碼才能夠正確的修改信息。如圖5-6所示。圖5-6修改個人密碼界面后臺統計的實現在管理員登錄后臺管理后，會直接看到根據所有大學生就業信息進行統計的信息，統計類型有：柱狀圖，折線圖，餅狀圖。會直觀的看到歷年來就業人數與未就業人數的多少以及各專業歷年來的平均薪資變化，各專業的占比。5.2.1后臺表格展示 后臺會根據就前端所提供的數據進行對數據的分析，并生成對應的柱狀圖，折線圖，餅圖。如圖5-7所示圖5-7后臺統計圖5.2.2大學生就業信息管理后臺管理系統能夠將前臺的所有個人信息進行管理，例如審核，刪除等操作。如圖5-8所示圖5-8大學生信息管理圖5.2.2用戶信息管理后臺管理系統能夠將前臺的所有個人用戶信息進行管理，例如刪除等操作。如圖5-9所示圖5-9用戶信息管理圖

系統測試系統測試目的與意義該就業系統的測試部分是整個系統開發中最重要的部分，可以很好的提前發現錯誤，并作出相應的彌補方法，修改錯誤并及時做出調整，保證軟件在發布之后能夠做到安全、穩定的運行。對于“基于WEB的響應式大學畢業生就業調查系統設計與實現”的測試活動分為運行環境測試，界面測試、功能測試。6.1運行環境測試本次運行環境直接將代碼在本地運行，以此達到開發、測試的需求，測試所需的配置：小米筆記本Pro電腦處理器:i7-10510U電腦內存:RAM16GB、ROM1TB測試網站環境:GoogleChrome89.0.4389.114網站界面測試在本次就業系統中，確保各界面的按鈕，下拉框，輸入框能夠正常的使用，且后臺數據能夠正常返會給前端展示，這樣才可以保證網站界面能夠有一個正常的流程。功能測試本次的功能性測試測試了如下的功能，用戶登錄、主頁面搜索信息、個人信息修改功能、填寫問卷功能、后臺數據統計、大學生就業信息功能、用戶信息功能。如表6-1所示。表6-1功能測試表編號功能名稱測試過程預期結果實際結果1登錄、注冊功能1.輸入用戶信息進行登錄2．輸入信息進行注冊后再進行登錄1.登陸成功2.注冊成功成功2主頁面搜索信息1．進入主界面點擊選擇信息后是否出現對應結果1.出現對應結果成功3個人信息修改功能1.進入個人信息界面后進行個人信息修改1.修改成功成功4填寫問卷功能1.當用戶沒有填寫問卷的時候才可以進行問卷填寫功能1.當用戶未填寫時跳轉填寫問卷否則引導用戶跳轉到首頁成功5后臺數據統計1.后臺柱狀圖、折線圖、餅圖對應當前數據正確1.柱狀圖、折線圖、餅圖對應數據一致成功6大學生就業信息功能1.大學生就業信息審核、刪除1.可以正常審核信息、刪除信息成功7用戶信息功能1.用戶信息刪除1.用戶信息可以正常刪除