基于SSM技術(shù)的企業(yè)招聘管理系統(tǒng)的設(shè)計

第第頁緒論1.1引言隨著移動互聯(lián)的快速發(fā)展，企業(yè)想要有進(jìn)一步的發(fā)展就必須要引進(jìn)人才，與時俱進(jìn)，在當(dāng)今信息化管理的時代，運用PC設(shè)備和互聯(lián)網(wǎng)對員工招聘進(jìn)行科學(xué)的管理，能夠極大的提高員工招聘的管理效率，降低管理企業(yè)員工招聘的管理成本，是企業(yè)走向科學(xué)化，先進(jìn)化，正規(guī)化的必要途徑，目前大量的公司都已經(jīng)開始加入各招聘管理系統(tǒng)，人才作為企業(yè)的根本，一個優(yōu)秀的企業(yè)必定要有優(yōu)秀的領(lǐng)導(dǎo)和優(yōu)秀的員工，而要找到好領(lǐng)導(dǎo)和好員工，一個智能高效的招聘管理系統(tǒng)將是不可或缺的一部分，它相對于管理者和決策者來說是至關(guān)重要的。PC辦公已經(jīng)漸漸普及大眾，人們對于PC的依賴已經(jīng)慢慢的大過傳統(tǒng)人力模式，目前來說基于PC端的員工管理系統(tǒng)已經(jīng)基本普及，企業(yè)對于員工招聘一向是一個企業(yè)發(fā)展的根本之所在，不變革就無發(fā)展，只有符合時代潮流，企業(yè)才能蓬勃發(fā)展。相關(guān)技術(shù)2.1相關(guān)技術(shù)2.1.1JavaScript（簡稱JS）JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。在1995年時，由Netscape公司的BrendanEich，在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計實現(xiàn)而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風(fēng)格與Self及Scheme較為接近。為了取得技術(shù)優(yōu)勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。為了統(tǒng)一規(guī)格，因為JavaScript兼容于ECMA標(biāo)準(zhǔn)，因此也稱為ECMAScript。

2.2.2springMVCSpringMVC屬于SpringFrameWork的后續(xù)產(chǎn)品，已經(jīng)融合在SpringWebFlow里面。Spring框架提供了構(gòu)建Web應(yīng)用程序的全功能MVC模塊。使用Spring可插入的MVC架構(gòu)，從而在使用Spring進(jìn)行WEB開發(fā)時，可以選擇使用Spring的SpringMVC框架或集成其他MVC開發(fā)框架，如Struts1(現(xiàn)在一般不用)，Struts2(一般老項目使用)等。2.2.3springSpring框架是由于軟件開發(fā)的復(fù)雜性而創(chuàng)建的。Spring使用的是基本的JavaBean來完成以前只可能由EJB完成的事情。然而，Spring的用途不僅僅限于服務(wù)器端的開發(fā)。從簡單性、可測試性和松耦合性角度而言，絕大部分Java應(yīng)用都可以從Spring中受益。Spring給復(fù)雜的J2EE開發(fā)帶來了春天。它的核心是輕量級的IoC容器，它的目標(biāo)是為J2EE應(yīng)用提供了全方位的整合框架，在Spring框架下實現(xiàn)多個子框架的組合，這些子框架之間可以彼此獨立，也可以使用其它的框架方案加以代替，Spring希望為企業(yè)應(yīng)用提供一站式（one-stopshop）的解決方案。2.2.2MyBatisMyBatis是支持普通SQL查詢，存儲過程和高級映射的優(yōu)秀持久層框架。MyBatis消除了幾乎所有的JDBC代碼和參數(shù)的手工設(shè)置以及結(jié)果集的檢索。MyBatis使用簡單的XML或注解用于配置和原始映射，將接口和Java的POJOs（PlainOrdinaryJavaObjects，普通的Java對象）映射成數(shù)據(jù)庫中的記錄。每個MyBatis應(yīng)用程序主要都是使用SqlSessionFactory實例的，一個SqlSessionFactory實例可以通過SqlSessionFactoryBuilder獲得。SqlSessionFactoryBuilder可以從一個xml配置文件或者一個預(yù)定義的配置類的實例獲得。用xml文件構(gòu)建SqlSessionFactory實例是非常簡單的事情。推薦在這個配置中使用類路徑資源（classpathresource)，但你可以使用任何Reader實例，包括用文件路徑或file://開頭的url創(chuàng)建的實例。MyBatis有一個實用類Resources，它有很多方法，可以方便地從類路徑及其它位置加載資源。2.2開發(fā)工具2.2.1HBuilderHBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基于Eclipse，所以順其自然地兼容了Eclipse的插件。HBuilderX帶有ide才有的ast語法分析能力，能對代碼進(jìn)行深度語法分析，給予準(zhǔn)確的語法提示而不是猜單詞。HBuilderX對字處理提供了更崇高的支持。更強(qiáng)大的多光標(biāo)、智能雙擊、選區(qū)管理...讓文字處理的效率大幅提升。比如你可以簡單的選中想要處理的多端文字區(qū)塊，方便的同時注釋掉不同行的一對tag或if塊首尾行。2.2.2MySQLMySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，由瑞典MySQLAB公司開發(fā)，目前屬于Oracle旗下產(chǎn)品。MySQL是最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一，在WEB應(yīng)用方面，MySQL是最好的RDBMS(RelationalDatabaseManagementSystem，關(guān)系數(shù)據(jù)庫管理系統(tǒng))應(yīng)用軟件。MySQL是一種關(guān)系數(shù)據(jù)庫管理系統(tǒng)，關(guān)系數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣就增加了速度并提高了靈活性。MySQL所使用的SQL語言是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。MySQL軟件采用了雙授權(quán)政策，分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，一般中小型網(wǎng)站的開發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫。由于其社區(qū)版的性能卓越，搭配PHP和Apache可組成良好的開發(fā)環(huán)境。

需求分析3.1可行性分析可行性分析是需求分析的基礎(chǔ)上對系統(tǒng)的開發(fā)從技術(shù)、資金、運維等多方面方面進(jìn)行綜合分析得出系統(tǒng)的開發(fā)工作是否可行、資金是否允許，以及后期維護(hù)的難度等多方面研究系統(tǒng)是否可以實施開發(fā)?？尚行苑治鍪枪こ添椖繉嵤┣暗囊环N考察鑒定，全面綜合的進(jìn)行技術(shù)、資金等的能力，從而判斷它能否實施開展。主要考察以下幾個方面:3.1.1經(jīng)濟(jì)可行性分析通過網(wǎng)絡(luò)管理人才信息，大大的提高企業(yè)人才利用率，同時提高了應(yīng)聘者的就業(yè)率，就能高效的實現(xiàn)管理，為企業(yè)和個人帶來一定的效益，適應(yīng)了信息時代的網(wǎng)絡(luò)化管理要求，并且在經(jīng)濟(jì)上可行。3.1.2技術(shù)可行性分析硬件方面，需要擁有能夠滿足開發(fā)人員正常的PC就能實現(xiàn)，；軟件方面，擁有合適的開發(fā)工具、數(shù)據(jù)庫即可，如HBuilderX、MYSQL等；技術(shù)人員則需要有經(jīng)過專業(yè)培訓(xùn)的技術(shù)人員進(jìn)行開發(fā)；而用戶方面，只要用戶有可連接網(wǎng)絡(luò)的PC設(shè)備就可以操作，在技術(shù)上可行。綜上所述，本系統(tǒng)是可以開發(fā)的。3.2前言3.2.1來源及意義隨著社會進(jìn)步，信息技術(shù)的高速改革和發(fā)展無時無刻不在影響我們的生活方式和工作方式。計算機(jī)信息化管理有速度快、安全性高等諸多優(yōu)點，它不但能高效的實現(xiàn)企業(yè)員工管理，而且它還能具備一定的學(xué)習(xí)能力，能夠分析數(shù)據(jù)，為決策者出謀劃策。所以，計算機(jī)實現(xiàn)網(wǎng)上招聘勢在必行，對招聘單位來說，招聘網(wǎng)站為他們提供查詢、檢索應(yīng)聘者信息庫的條件，使招聘工作人員的初選工作變得輕松許多。對于應(yīng)聘者提供方便、快捷的途徑。3.2.2國內(nèi)外調(diào)查研究國內(nèi)研究：九十年代處我國的信息管理開始快速發(fā)展，二十余載的發(fā)展，雖然網(wǎng)上招聘市場起步較晚，但發(fā)展快速，我國人口多，網(wǎng)上招聘市場的潛力大，目前處于快速發(fā)展得黃金時期，已經(jīng)基本實現(xiàn)了全面產(chǎn)業(yè)化，已經(jīng)超越國外水平，整體技術(shù)完善，并且正向著服務(wù)精確化、定制化、培訓(xùn)就業(yè)一條龍繼續(xù)發(fā)展。國外研究：國外研究起步早，發(fā)達(dá)國家企業(yè)都是十分注重人才招聘的，據(jù)統(tǒng)計，全球五百強(qiáng)企業(yè)中有超過89%使用網(wǎng)上招聘人才，他們不惜花費大部分財力來開發(fā)符合自身發(fā)展的人才招聘系統(tǒng)，能夠高效準(zhǔn)確的挑選人才并且挽留人才，提高工作效益。3.3系統(tǒng)功能需求本系統(tǒng)按照模塊劃分個人用戶（如圖3-1）、企業(yè)用戶（如圖3-2）操作PC端。圖3-1個人用戶系統(tǒng)分端流程圖（1）個人用戶模塊可以快速的編寫個人用戶的簡歷，快速的找到與他相符合的職位，做到人盡其用。（2）登錄完成用戶登錄的功能，并根據(jù)用戶的狀態(tài)，給予用戶一定的授權(quán)，完成用戶的的身份驗證，可以讓登錄者獲得權(quán)限。登錄方式可以是本地注冊登錄，將來可以進(jìn)行微信或APP登錄。（3）注冊完成用戶信息的注冊，這是用戶登錄的前置條件。完成用戶注冊的功能，系統(tǒng)收集用戶的基本信息，分配默認(rèn)權(quán)限，如果需要獲得更多權(quán)限，必須經(jīng)過管理員授權(quán)。注冊可以是用戶自己完成注冊（本地注冊）。用戶實名認(rèn)證用戶注冊后必須認(rèn)證，成功后才可以投簡歷。寫簡歷用戶可以選擇創(chuàng)建簡歷。投簡歷用戶可以選擇投放簡歷。充值用戶可以充值（有充值記錄（每一次的消費記錄））。發(fā)表文章用戶可以發(fā)表自己的文章。評論文章用戶可以發(fā)表對文章的評論（個人和企業(yè)）。評論企業(yè)用戶可以評價企業(yè)。信息管理用戶可以選擇創(chuàng)建簡歷。簡歷預(yù)覽用戶可以選擇預(yù)覽簡歷。收到面試邀請用戶可以收到企業(yè)發(fā)送的offer消息。關(guān)注用戶可以關(guān)注用戶或企業(yè)。圖3-2企業(yè)用戶系統(tǒng)分端流程圖企業(yè)用戶模塊可以快速的編寫企業(yè)的信息，快速發(fā)布職位信息，迅速了解個人能力，發(fā)送面試邀請。注冊完成公司用戶信息的注冊，企業(yè)執(zhí)照編碼（圖），全名，法人代表，地址，聯(lián)系電話，郵箱，密碼（必填項），Logo，簡稱，環(huán)境照片，平均薪資，簡介，企業(yè)招聘種類（選填）。用戶完成注冊后，獲得默認(rèn)權(quán)限（修改完善企業(yè)信息），驗證通過：新增默認(rèn)權(quán)限（發(fā)布招聘信息，搜索應(yīng)聘者，充值，發(fā)送offer，發(fā)布企業(yè)信息）。登錄完成用戶登錄的功能，并根據(jù)用戶的狀態(tài)，給予用戶一定的授權(quán)，用戶獲得操作本系統(tǒng)的權(quán)限。信息管理企業(yè)用戶可以對自己的信息進(jìn)行修改（聯(lián)系電話，郵箱，密碼，Logo，簡稱，環(huán)境照片，平均薪資，簡介，企業(yè)招聘種類，QQ，微信，微博，環(huán)境照片，平均薪資，簡介，企業(yè)招聘種類）。關(guān)注應(yīng)聘人員可在企業(yè)首頁關(guān)注本企業(yè)，關(guān)注后，可實時接收企業(yè)推送信息，企業(yè)用戶可以關(guān)注個人用戶，了解用戶動態(tài)。發(fā)面試邀請企業(yè)用戶可以在用戶建立頁面點擊回復(fù)，向該用戶發(fā)送offer，企業(yè)用戶可以在個人用戶資料頁面點擊喜歡按鈕，企業(yè)用戶可以在登陸成功后首頁，人才推送點擊喜歡按鈕發(fā)送offer。充值用戶可選擇充值獲取更多權(quán)限。發(fā)招聘信息企業(yè)發(fā)布所需崗位信息。發(fā)企業(yè)信息用戶可發(fā)布公司最新相關(guān)咨詢、成果等，推送到已關(guān)注。

系統(tǒng)設(shè)計4.1系統(tǒng)流程設(shè)計4.1.1個人用戶總體操作流程如圖4-1。圖4-1個人用戶總體操作流程圖4.1.2個人用戶登錄流程個人用戶根據(jù)個人賬號進(jìn)行登錄，如果錯誤則提示相應(yīng)的信息，登錄成功則會跳轉(zhuǎn)到個人用戶界面，如圖4-2。圖4-2個人用戶登錄流程圖4.1.3個人用戶信息修改流程個人用戶對自己的信息進(jìn)行修改，系統(tǒng)對信息進(jìn)行驗證，通過后進(jìn)行信息修改的操作，成功返回用戶信息顯示頁面，如圖4-3。圖4-3個人用戶信息修改流程4.1.4個人用戶寫簡歷流程個人用戶點擊創(chuàng)建簡歷鏈接，系統(tǒng)跳轉(zhuǎn)到相應(yīng)頁面，用戶點擊“創(chuàng)建”，系統(tǒng)驗證數(shù)據(jù)格式的正確與否，根據(jù)驗證情況跳轉(zhuǎn)相應(yīng)頁面，根據(jù)管理員審核情況提示成功與否，后置結(jié)果：用戶可以發(fā)送簡歷，如圖4-4。圖4-4員工注冊更新流程4.1.5個人用戶投簡歷操作流程用戶可以通過查看關(guān)注者的列表群發(fā)送簡歷，也可以通過企業(yè)詳細(xì)頁面發(fā)送，點擊發(fā)送簡歷鏈接，系統(tǒng)提示是否發(fā)送，如圖4-5。圖4-5個人用戶投簡歷流程圖4.1.6企業(yè)總體流程在移動端進(jìn)行選擇請假時間，請假事由等進(jìn)行提交等待管理人員進(jìn)行核實審批，如圖4-6。圖4-6企業(yè)總體流程圖4.1.6企業(yè)發(fā)招聘信息流程發(fā)送offer，查看已發(fā)offer列表，查看已發(fā)offer如圖4-7。圖4-7企業(yè)總體流程圖4.2數(shù)據(jù)庫設(shè)計設(shè)計開發(fā)工具：MYSQL數(shù)據(jù)庫名稱：ZPBD4.2.1個人用戶表記錄個人信息。如表4-1。表4-1個人用戶表用戶表（user）字段數(shù)據(jù)類型說明約束長度IdIntId主鍵userLoginIdVarchar用戶名（手機(jī)號）非空11userPasswordvarchar密碼非空50userNamevarchar昵稱非空10

續(xù)表4-1uesrGenderint性別1.男2.女userEmailvarchar郵箱100userStatusint狀態(tài)1.未認(rèn)證（默認(rèn)）2.已認(rèn)證3.禁用userRealNamevarchar真實姓名中文（必填）10userIDCardvarchar身份證號碼必填18userIDImgvarchar身份證圖片必填300userCreateDatedate注冊時間根據(jù)系統(tǒng)時間userHeadImgPathvarchar用戶頭像300userMoneydouble余額默認(rèn)0userBirthdaydate出生日期非空4.2.2個人用戶簡歷表記錄基本信息。如表4-2。表4-2個人用戶簡歷表簡歷表(resume)字段數(shù)據(jù)類型說明約束長度idint簡歷id主鍵11userIdint用戶id非空11resumeTitlevarchar簡歷標(biāo)題非空50resumeCreateDatedate簡歷創(chuàng)建時間根據(jù)系統(tǒng)時間resumeNamevarchar姓名非空10resumeGenderint性別非空resumeNationvarchar民族非空10resumePlacevarchar籍貫非空50

續(xù)表4-2resumeBirthdaydate出生日期非空resumeMarriageint婚姻狀況非空resumeGraduationSchoolvarchar畢業(yè)學(xué)校非空50resumeGraduationTimedate畢業(yè)時間非空resumeEducationvarchar學(xué)歷非空20resumeMajorvarchar專業(yè)非空20resumeWagesint期望待遇非空resumePhoneint電話號碼非空resumeQQintQQresumeFLAbilityint外語水平resumeFLTypeint外語類型（默認(rèn)英語）resumeEnglishGradeint英語等級1.國家英語考試3級2.國家英語考試4級3.國家英語考試6級4.專業(yè)4級5專業(yè)8級6未參加（默認(rèn)）7.未通過resumeComputerAbilityint計算機(jī)水平resumePersonalityvarchar特點描述500resumeSelfEvaluationvarchar自我評價5004.2.3文章表記錄用戶發(fā)表文章的基本信息。如表1-3。表1-3文章表文章表（article）字段數(shù)據(jù)類型說明約束長度idintid主鍵11userIdint用戶id非空11articleTitlevarchar標(biāo)題非空50articleDatedate發(fā)表時間根據(jù)系統(tǒng)時間articleKeyvarchar關(guān)鍵字非空50articleContenttext內(nèi)容非空3000articleReadNumint點擊數(shù)默認(rèn)0articleZanNumint點贊數(shù)默認(rèn)0articleStatusint狀態(tài)1.待審核（默認(rèn)）2.審核成功3.審核失敗4.隱藏4.2.4公司表記錄公司信息。如表1-4。表1-4公司表公司（company）字段數(shù)據(jù)類型說明約束長度companyIdInt自動增長主鍵companyLoginIdvarchar登錄名非空20字符companyPasswordvarchar密碼非空100字符

companyNamevarchar公司全稱非空30字符companySimpleNamevarchar公司簡稱15字符companyLogovarchar公司Logo非空50字符companyLicenseImgvarchar公司營業(yè)執(zhí)照圖非空50字符companyLicenseNovarchar公司營業(yè)執(zhí)照碼非空50字符companyCorporatorvarchar法人代表非空50字符companyTelvarchar公司電話非空30字符companyEmailvarchar公司郵件非空30字符companyAddressvarchar公司地址非空100字符companyDetailImgvarchar公司細(xì)節(jié)環(huán)境圖片50字符companyStatusInt賬戶狀態(tài)1.正常2.禁用續(xù)表1-4公司表4.2.5企業(yè)簡介表記錄公司信息。如表1-5。表1-5企業(yè)簡介表企業(yè)簡介（companyIntroduction）字段數(shù)據(jù)類型說明約束長度IdInt自動增長主鍵companyIdInt公司編號非空cmpIntroductionvarchar公司簡介非空1000字符

續(xù)表1-5企業(yè)簡介表cmpIntQualityInt公司性質(zhì)1.政府2.國企3.民企4.其它cmpPeopleNumInt公司規(guī)模20人2.50人80人4.100人150人6.200人7.200以上cmpIntComfortsvarchar公司福利100字符cmpIntRestvarchar公司休息制度每周雙休，法定假日(默認(rèn))每周單休法定假日其他cmpIntInsurancevarchar公司保險制度非空（默認(rèn)無）100字符cmpIntWagevarchar職位薪資非空10字符cmpIntStatusInt企業(yè)簡介發(fā)表狀態(tài)1:待審2：審核通過3：審核不通過非空4.2.6企業(yè)面試邀請表記錄企業(yè)發(fā)出的面試邀請。如表1-6。表1-6企業(yè)面試邀請表企業(yè)面試邀請（offer）字段數(shù)據(jù)類型說明約束長度IdInt自動增長主鍵

續(xù)表1-6企業(yè)面試邀請表companyIdInt公司編號非空4522cmpOfferTitlevarcharOffer標(biāo)題非空20字符cmpOfferContentvarcharOffer內(nèi)容非空500字符offerSendTimeDateTime發(fā)送時間非空userIdInt個人用戶id非空cmpOfferStatusIntoffer狀態(tài)1:待審2：審核通過3：審核不通過非空4.2.7招聘信息表記錄企業(yè)發(fā)出招聘信息。如表1-7。表1-7招聘信息表招聘信息（companyRecruit）字段數(shù)據(jù)類型說明約束長度IdInt自動增長主鍵companyIdInt公司編號非空cpmRecTitlevarchar公司標(biāo)題非空20字符cpmRecWagevarchar公司薪資非空20字符cpmRecEducationvarchar公司學(xué)歷需求非空10字符cmpRecExperiencevarchar工作所需技能及水平描述非空500字符cmpRecPeopleint需求人數(shù)非空cmpRecTimeDateTime發(fā)布時間非空cmpRecStatusInt發(fā)表招聘信息狀態(tài)1:待審2：審核通過3：審核不通非空系統(tǒng)實現(xiàn)5.1PC端開發(fā)與實現(xiàn)5.1.1登錄系統(tǒng)個人用戶和企業(yè)用戶輸入用戶名和密碼進(jìn)行登錄會進(jìn)入等候界面，和后臺數(shù)據(jù)交互驗證，輸入信息錯誤則提示相應(yīng)的錯誤信息，正確則會跳轉(zhuǎn)到員工系統(tǒng)界面，同時設(shè)置了報錯登錄信息，第二次登錄會記錄下上一次的登錄賬號，可以進(jìn)行快捷的登錄。如圖5-1和5-2。圖5-1 個人用戶登錄界面圖圖5-2企業(yè)用戶登錄界面圖5.1.2文章頁面文章界面（如圖5-3）顯示著個人發(fā)布的文章和企業(yè)發(fā)布的文章頁面，個人文章頁面的任務(wù)主要顯示個人用戶發(fā)表的一些文章，可以查看自己的文章，也可以查看其它用戶的文章，以及評論和關(guān)注他人的文章，企業(yè)也是同樣的功能，可以查看、評論和關(guān)注文章或者作者，為企業(yè)找尋人才，又提供一個環(huán)境，也為個人提供展示自己才華的環(huán)境如圖5-4為個人發(fā)布文章、如圖5-4企業(yè)發(fā)布文章界面。圖5-3文章總體界面圖5-4個人發(fā)布文章界面圖5-5企業(yè)發(fā)布文章界面5.1.3首頁首面顯示當(dāng)前最新資訊、推薦企業(yè)人才和企業(yè)個人發(fā)表的文章等各種資訊，主頁分為三個部分：頂部導(dǎo)航如圖5-6、中間資訊和各種信息內(nèi)容如圖5-7-1如圖5-7-2、底部網(wǎng)站信息如圖5-8。頂部的導(dǎo)航包含首頁、軟件人才、名企招聘、技術(shù)眾籌、認(rèn)證培訓(xùn)、合伙創(chuàng)業(yè)、咨詢服務(wù)等頁面的導(dǎo)航，能夠跳轉(zhuǎn)到這些頁面。中間部分包含最新資訊、推薦企業(yè)、推薦個人、軟件人才、名企招聘、技術(shù)眾籌、精品文章等內(nèi)容，也是能夠跳轉(zhuǎn)的連接。底部主要是介紹網(wǎng)站的基本信息和制作單位。圖5-6頂部導(dǎo)航界面圖5-7-1中間信息界面圖5-7-2中間信息界面圖5-8底部信息界面5.1.4軟件人才頁面軟件人才頁面將顯示各類人才的信息，可以在個人中心修改自己的基本信息，這個頁面主要展示人員的信息讓企業(yè)瀏覽選擇，如圖5-9。圖5-9軟件人才界面5.1.5JS特效展示在頁面的制作運用了許多JS特效，比如按鈕，連接，導(dǎo)航欄等都運用了JS的效果如圖5-10、圖5-11、圖5-12、圖5-13、圖5-14、圖5-15。圖5-10登錄特效圖5-11連接提示特效圖5-12圖5-13按鈕特效圖5-14焦點圖圖5-15連接效果5.1.6主界面部分代碼展示 <ulclass="navnavbar-navnavbar-rightwork-together-nav"> <li><ahref="personal/user/login"class="hidden-xs">個人用戶入口</a></li> <li><ahref="company/company/company_login"class="hidden-xs">企業(yè)用戶入口</a></li> </ul> <!--判斷是否登錄開始--> <h5class="col-xs-offset-9"></h5> <!--判斷是否登錄結(jié)束--> <divclass="container-fluid"> <divclass="row"> <!--左側(cè)分類欄--> <divclass="col-sm-3"> <!--推薦企業(yè)展示--><divclass="work-together-title"style="margin-top:65px;"> <span>推薦企業(yè)</span></div><ulclass="work-together-listlist-unstyled"><liclass="row"><atarget="_blank"href="common/recommendCompanyDetail/172"><spanclass="col-sm-8work-together-cut-text">相職網(wǎng)</span><spanclass="col-sm-1"><iclass="glyphiconglyphicon-duplicate"title="發(fā)表文章6篇"></i>6</span><spanclass="col-sm-1"><iclass="glyphiconglyphicon-thumbs-up"title="文章總點贊2人次"></i>2</span><spanclass="col-sm-1"><iclass="glyphiconglyphicon-eye-open"title="被0人關(guān)注"></i>0</span></a></li></ul><!--推薦企業(yè)展示結(jié)束--> </div><!--左側(cè)分類欄結(jié)束--> <!--右側(cè)分類欄--> <divclass="col-sm-9"> <!--搜索--> <divclass="row"> <formaction=""role="form"class="form-horizontal"> <divclass="form-groupcol-sm-10"> <inputname="key"class="form-controlinput-lg"placeholder="請輸入關(guān)鍵字，多個關(guān)鍵字之間使用空格分隔"/> </div> <divclass="form-groupcol-sm-2"> <inputtype="submit"class="form-controlinput-lg"value="搜索"/> </div> </form> </div> <divclass="row"> <divclass="col-sm-12"> <ulclass="list-inline"> <li>熱門搜索：</li> <li><ahref="">軟件工程師</a></li> <li><ahref="">技術(shù)總監(jiān)</a></li> <li><ahref="">測試工程師</a></li> <li><ahref="">Web前端工程師</a></li> </ul> </div> </div> <!--搜索結(jié)束--> <!--軟件人才--> <divclass="row"> <divclass="col-sm-12"> <divclass="work-together-title"> <span>軟件人才</span> </div> </div> </div> <divclass="row"> <articleclass="panelcol-sm-6work-together-subtitle"> <divclass="panel-body"> <divclass="work-together-title"> 技術(shù)人才（<b>6</b>人） </div> <ultype="square"class="work-together-listlist-unstyled"> <!--昵稱，學(xué)歷，崗位，工作年限--> <liclass="row"><atarget="_blank"href="common/recommendPersonalDetail/1234567917"><spanclass="col-sm-3work-together-cut-text">隨心之梅</span><spanclass="col-sm-2work-together-cut-text">本科</span><bclass="col-sm-5work-together-cut-text">程序員</b><spanclass="col-sm-2work-together-cut-text">1年</span></a></li> </ul> </div> </article> <articleclass="panelcol-sm-6work-together-subtitle"> <divclass="panel-body"> <divclass="work-together-title"> 管理人才（<b>2</b>人） </div> <ultype="square"class="work-together-listlist-unstyled"> <!--昵稱，學(xué)歷，崗位，工作年限--> <liclass="row"><atarget="_blank"href="common/recommendPersonalDetail/1234567908"><spanclass="col-sm-3work-together-cut-text">獅猿使弓弦</span><spanclass="col-sm-2work-together-cut-text">本科</span><bclass="col-sm-5work-together-cut-text">技術(shù)總監(jiān)</b><spanclass="col-sm-2work-together-cut-text">12年</span></a></li> </ul> </div> </article> </div> <!--軟件人才結(jié)束--> <!--名企招聘--> <divclass="row"> <divclass="col-sm-12"> <divclass="work-together-title"> <span>名企招聘</span> </div> </div> </div> <divclass="row"> <articleclass="panelcol-sm-6work-together-subtitle"> <divclass="panel-body"> <divclass="work-together-title"> 管理人才招聘（<b>0</b>職位） </div> <ultype="square"class="work-together-listlist-unstyled"> <!--工作地點，公司名稱，招聘崗位，人數(shù)--> </ul> </div> </article> <articleclass="panelcol-sm-6work-together-subtitle"> <divclass="panel-body"> <divclass="work-together-title"> 技術(shù)人才招聘（<b>0</b>職位） </div> <ultype="square"class="work-together-listlist-unstyled"> </ul> </div> </article> </div> <!--名企招聘結(jié)束--> <!--精品文章--> <divclass="row"> <divclass="col-sm-12"> <divclass="work-together-title"> <span>精品文章</span> </div> </div> </div> <divclass="row"> <articleclass="panelcol-sm-6work-together-subtitle"> <divclass="panel-body"> <divclass="work-together-title"> 企業(yè)文章（<b>6</b>篇） </div> <ultype="square"class="work-together-listlist-unstyled"> <liclass="row"><atarget="_blank"href="common/article/findArticleById/15/1"><spanclass="col-sm-3work-together-cut-text">相職網(wǎng)</span><bclass="col-sm-6work-together-cut-text">【技術(shù)】招聘網(wǎng)站產(chǎn)品的困境</b><spanclass="col-sm-3"><iclass="glyphiconglyphicon-thumbs-up"></i>1<iclass="glyphiconglyphicon-eye-open"></i>180</span></a></li> </ul> </div> </article> <articleclass="panelcol-sm-6work-together-subtitle"> <divclass="panel-body"> <divclass="work-together-title"> 個人文章（<b>13</b>篇） </div> <ultype="square"class="work-together-listlist-unstyled"> <liclass="row"><atarget="_blank"href="common/article/findArticleById/3/1"><spanclass="col-sm-3work-together-cut-text">心秀</span><bclass="col-sm-6work-together-cut-text">【職場】軟件公司人力資源的價值</b><spanclass="col-sm-3"><iclass="glyphiconglyphicon-thumbs-up"></i>2<iclass="glyphiconglyphicon-eye-open"></i>131</span></a></li> </ul> </div> </article> </div> <!--精品文章結(jié)束--> </div><!--右側(cè)分類欄結(jié)束--> </div> </div> <!--jQuery(necessaryforBootstrap'sJavaScriptplugins)--><scriptsrc="/jquery/1.12.4/jquery.min.js"></script><!--Includeallcompiledplugins(below),orincludeindividualfilesasneeded--><scriptsrc="js/bootstrap.min.js"></script><footer><divclass="container"><divclass="row"> <divclass="col-sm-4"><h6>關(guān)于我們</h6><p>相職網(wǎng)（）是由昆明市盤區(qū)就業(yè)服務(wù)中心支持，云南相職人力信息資源管理有限公司承辦的高端軟件人才信息網(wǎng)站，注冊資本100萬，擁有國家級軟件版權(quán)，是云南省高端軟件行業(yè)人才服務(wù)O2O及C2C網(wǎng)站</p></footer><!--頁腳結(jié)束-->5.1.6企業(yè)界面部分代碼展示<htmllang="zh-CN"><body> <imgsrc="img/icon_star_1.gif"/> <aclass="btn"href="company/company/findById/${user.id}">更多詳細(xì)資料?</a> </div> </div> <divclass="row"> <divclass="col-sm-6col-md-3"> <atitle="通用的占位符縮略圖"href="javascript:void()"class="thumbnail"> <imgsrc="img/1479175334419.jpg" alt="通用的占位符縮略圖"> </a> </div> </tr> </thead> <tbody> <c:iftest="${articles==null}"> <jsp:forwardpage="/company/artanddis/article/find/1"></jsp:forward> </c:if> <c:forEachitems="${articles}"var="art"> <tr> <td><ahref="company/artanddis/article/findid?id=${art.id}&toPage=company/artanddis/companyart_detail">${art.articleTitle}</a></td> <td>${art.articleTime}</td> <td>${art.articleLikeNum}</td> <td>${art.articleReadNum}</td> </tr> </c:forEach> </tbody> </table> <divid="collapseTwo"class="panel-collapsecollapsein"> <divclass="panel-body"> <c:iftest="${discusses==null}"> <jsp:forwardpage="/company/artanddis/discuss/finddiscuss/1"></jsp:forward> </c:if> <ol> <c:forEachitems="${discusses}"var="dis"> <li> <divclass="col-sm-10"> ${dis.discussContent} </div> <divclass="col-sm-2"> <c:iftest="${dis.discussUsersId==user.id}"> <ahref="company/artanddis/discuss/deletecompanydiscuss/${dis.id}"><emclass="glyphiconglyphicon-trash"></em></a> </c:if> </div> </li> </c:forEach> </ol> </div> </div> <!--jQuery(necessaryforBootstrap'sJavaScriptplugins)--><scriptsrc="/jquery/1.12.4/jquery.min.js"></script><!--Includeallcompiledplugins(below),orincludeindividualfilesasneeded--> <scriptsrc="js/bootstrap.min.js"></script> <scripttype="text/javascript"src="js/jquery.raty.min.js"></script> <scriptsrc="js/lrtk.js"></script> <scripttype="text/javascript"> $(function(){ $("#star").raty({ score:function(){ return$(this).attr("value"); }, starOn:'img/star-on-big.png', starOff:'img/star-off-big.png', starHalf:'img/star-half-big.png', readOnly:false, halfShow:true, size:34, click:function(score){ /*$.ajax({ url:"company/artanddis/discuss/add_companydiscuss", data:{discussLevel:score} });*/ $("#discussLevel").val(score); } }); }); </script> <scripttype="text/javascript"> $(document).ready(function(){ $("textarea").keyup(function(){ vartextarea=$("textarea"); varwordstip=$("#wordstip"); wordstip.html("你還可以輸入<spanstyle=\"color:red\">"+(140-$.trim(textarea.val()).length)+"</span>字"); if($.trim(textarea.val())==""){ $("input[type='submit']").attr("disabled","disabled"); }else{ $("input[type='submit']").removeAttr("disabled"); } }); });</script> </body></html>5.1.7個人界面部分代碼展示<!--下拉列表開始--><ulclass="navnav-tabs"><liclass="active"><ahref="#panel-one"data-toggle="tab">個人中心</a></li><li><ahref="#panel-two"data-toggle="tab">簡歷中心</a></li><li><ahref="#panel-three"data-toggle="tab">文章中心</a></li><liclass="dropdownpull-right"><ahref="#"data-toggle="dropdown"class="dropdown-toggle">管理<strongclass="caret"></strong></a><!--管理下拉列表--><%@includefile="/WEB-INF/pages/personal/common/selectformanage.jsp"%></li></ul><!--下拉列表結(jié)束--><!--主要內(nèi)容開始--><divclass="tab-content"><divclass="tab-paneactive"id="panel-one"><divclass="col-md-7column"><!--主頁個人信息左邊--><%@includefile="/WEB-INF/pages/personal/user/personal_user.jsp"%></div><divclass="col-md-5column"><!--主頁個人信息右邊--><%@includefile="/WEB-INF/pages/personal/common/user_right.jsp"%></div></div><divclass="tab-pane"id="panel-two"><c:iftest="${resume!=null}"><divclass="alertalert-successalert-dismissable"><buttontype="button"class="close"data-dismiss="alert"aria-hidden="true">×</button><h4>注意!</h4>簡歷寫完需要審核通過后才能投遞.<ahref="personal/user/gotoIndex"class="alert-link">點我返回首頁</a></div><!--簡歷信息主頁--><%@includefile="/WEB-INF/pages/personal/resume/personal_lookresume_index.jsp"%></c:if><c:iftest="${resume==null}"><divclass="jumbotron"><divclass="alertalert-successalert-dismissable"><buttontype="button"class="close"data-dismiss="alert"aria-hidden="true">×</button><h4>注意!</h4>簡歷寫完需要審核通過后才能投遞.<ahref="personal/user/gotoIndex"class="alert-link">點我返回首頁</a></div><h1style="font-size:40px;">親！你還沒有簡歷！</h1><p><aclass="btnbtn-primarybtn-large"href="personal/resume/createResume">點我創(chuàng)建新的簡歷</a></p></div></c:if></div><divclass="tab-pane"id="panel-three"><divclass="alertalert-successalert-dismissable"><buttontype="button"class="close"data-dismiss="alert"aria-hidden="true">×</button><h4>注意!</h4>文章寫完需要審核通過后才能投遞.<ahref="personal/user/gotoIndex"class="alert-link">點我返回首頁</a>|<ahref="personal/article/add_article">點我創(chuàng)建新的文章</a></div><!--文章信息主頁--><%@includefile="/WEB-INF/pages/personal/user/personal_article_index.jsp"%></div></div><!--主要內(nèi)容結(jié)束--></div></div>5.1.8部分功能代碼登錄驗證PublicModelAndViewcompanyLogin(StringcompanyLoginId,StringcompanyPassword,HttpSessionsession){StringsuperPassword=null;try{superPassword=MD5Util.md5Encode(companyPassword);}catch(Exceptione){e.printStackTrace();}Companycompany=companyService.login(companyLoginId,superPassword);ModelAndViewmv=newModelAndView();if(company==null){mv.addObject("operatorInfo","登錄失敗");mv.addObject("toPage","company/company/company_login");mv.setViewName("company/info");}else{session.setAttribute("user",company);mv.setViewName("company/artanddis/company_index");}returnmv;}資料修改publicModelAndViewupdateCompany(Companycompany,HttpSessionsession,MultipartFilelogo,MultipartFilelicenseImg,@RequestParamMultipartFile[]companyImgs){ModelAndViewmv=newModelAndView();intresultDetail=0;StringuserPath=UploadFile.getUserImgPath("WEB-INF/resources/img/upload/company/",company.getCompanyLoginId());String[]companyLogo=UploadFile.uploadFile(userPath,newMultipartFile[]{logo},session);String[]companyLicenseImg=UploadFile.uploadFile(userPath,newMultipartFile[]{licenseImg},session);String[]fileNames=UploadFile.uploadFile(userPath,companyImgs,session);for(inti=0;i<fileNames.length;i++){companyService.addCompanyDetailId(company.getId(),fileNames[i],i);resultDetail+=1;}company.setCompanyLogo(companyLogo[0]);company.setCompanyLicenseImg(companyLicenseImg[0]);intresult=companyService.updateCompany(company);if(result>0&&resultDetail>=(companyImgs.length-1)){session.setAttribute("user",company);mv.setViewName("redirect:../company/findById/"+company.getId());}else{mv.addObject("operatorInfo","用戶修改失敗");mv.addObject("toPage","company/company/update_company");mv.setViewName("company/info");}returnmv;}文章添加驗證publicModelAndViewaddArticle(Articlearticle,HttpSessionsession){Useruser=(User)session.getAttribute("user");article.setUsersId(user.getId());article.setArticleTime(newTimestamp(System.currentTimeMillis()));article.setArticleUsersType(2);intresult=articleService.writeUserArticle(article);ModelAndViewmv=newModelAndView();if(result>0){mv.addObject("operatorInfo","文章添加成功！");mv.setViewName("redirect:../common/initIndex?toPage=1&userId="+user.getId());}else{mv.addObject("operatorInfo","文章添加失敗!");mv.setViewName("personal/article/personal_addarticle");}returnmv;}/** *(查看文章（詳細(xì)） * *@paramid *文章ID *@return返回文章詳情查看頁 */ @RequestMapping(value="/lookArticleById",method=RequestMethod.GET) publicModelAndViewfindArticleById(Integerid){ ModelAndViewmv=newModelAndView(); Articlearticle=articleService.findArticleById(id); mv.addObject("article",article); mv.setViewName("personal/article/personal_articledetail"); returnmv; } /** *刪除文章 * *@paramid *文章ID *@return刪除成功，跳轉(zhuǎn)當(dāng)前頁，刪除失敗，也是跳轉(zhuǎn)當(dāng)前頁 */ @RequestMapping("/deleteUserAricle") publicModelAndViewdeleteUserCommentArticle(Integerid,HttpSessionsession){ intresult=articleService.deleteUserArticle(id); ModelAndViewmv=newModelAndView(); Useruser=(User)session.getAttribute("user"); if(result>0){ mv.addObject("operatorInfo","刪除文章成功！"); mv.setViewName("redirect:../common/initIndex?toPage=1&userId="+user.getId()); }else{ mv.addObject("operatorInfo","刪除文章失?。?); mv.setViewName("personal/user/personal_index"); } returnmv; }//添加評論 @RequestMapping("/addDiscuss") publicModelAndViewaddDiscuss(Discussdiscuss){ ModelAndViewmv=newModelAndView(); discuss.setDiscussTime(newTimestamp(System.currentTimeMillis())); discuss.setDiscussSendType(2); intresult=dService.addDiscuss(discuss); if(result>0){ mv.addObject("operatorInfo","評論成功，請等待審核"); mv.setViewName(""); } returnmv; } //刪除評論 @RequestMapping("/deleteDiscuss") publicModelAndViewdeleteDiscuss(Integerid){ ModelAndViewmv=newModelAndView(); intresult=dService.deleteUserDiscuss(id); if(result>0){ mv.addObject("opera