組內(nèi)成員：前端：景鑫，張宇鵬 后端：李澤南、吳志勇。

一、項(xiàng)目架構(gòu)

CSS框架：Bootstrap-3.3.7

JS框架：Angular.js-1.6.0

JS庫(kù)：JQuery-2.0.0

插件：

1)?? 路由：Ui-Router

2)?? 文件加載：oc.lazyLoad

3)?? 文件上傳：ui-uploader

4)?? 表單驗(yàn)證：ng-message

5)?? 富文本編輯器：Ueditor

6)?? 日期選擇：Angular-ui-bootstrap

7）模態(tài)框：bootbox

一、項(xiàng)目文件結(jié)構(gòu)

l?? bower 存放庫(kù)和插件

l?? script

app.js 模型和路由

controller 文件夾

? ? ? ? ? ?存放各控制器

directive.js 自定義指令

factory文件夾 ??

? ? ? ? ? 存放請(qǐng)求、接口、服務(wù)的js文件

filter.js ? ? ? 存放過(guò)濾器

? constant 文件夾

? ? ? ? ? ? 存放儲(chǔ)存常量的js文件

l?? img文件夾

? ? ? ? ? ?存放圖片

l ? css文件夾

? ? ? ? ? ? ?public.css 公共樣式

? ? ? ? ? ? ? private文件夾 ? ? 所有頁(yè)面css文件

l?? html

index.html 首頁(yè)

三、頁(yè)面鏈接關(guān)系說(shuō)明

邏輯關(guān)系圖：

I. 登錄模塊（3個(gè)需求）

A. 登錄頁(yè)

1. 需求描述：用戶可以輸入在后臺(tái)管理系統(tǒng)創(chuàng)建好的賬戶密碼來(lái)登后臺(tái)管理系統(tǒng)。

2. 驗(yàn)收標(biāo)準(zhǔn)：用戶名輸入錯(cuò)誤提示用戶不存在，密碼輸入錯(cuò)誤提示密碼錯(cuò)誤。

3. 實(shí)現(xiàn)思路：使用ng-message進(jìn)行表單驗(yàn)證，登錄不成功則將后臺(tái)返回的message展示在頁(yè)面上。

B. 歡迎頁(yè)

1. 需求描述：作為一名后臺(tái)管理員，我希望登錄系統(tǒng)進(jìn)入歡迎頁(yè)面，以便提示我正確登錄。

2. 實(shí)現(xiàn)思路：點(diǎn)擊登錄按鈕使用$state.go進(jìn)入歡迎頁(yè)，顯示“welcome！”。

C. 注銷

1. 需求描述：用戶登錄后可以從后臺(tái)管理系統(tǒng)中注銷登出返回登錄頁(yè)。

2. 驗(yàn)收標(biāo)準(zhǔn)：依據(jù)網(wǎng)址，輸入賬戶和密碼完成登錄，點(diǎn)擊右上角按鈕退出登陸。

3. 實(shí)現(xiàn)思路：點(diǎn)擊退出跳轉(zhuǎn)到登錄頁(yè)。

II. 信息管理（4個(gè)需求）

A. 公司列表

1. 需求描述：

a. 用戶可以在公司列表中看到所有公司的基本信息展示在列表中。

b. 用戶可以通過(guò)填寫查詢條件搜索出相關(guān)公司在列表中展示。

c. 用戶可以通過(guò)列表對(duì)公司進(jìn)行新增、編輯、查看、狀態(tài)改變（凍結(jié)/解凍）以及查看本公司下的職位列表操作。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. 列表展示所有公司基本信息。

b. 點(diǎn)擊新增/編輯，進(jìn)入新增/編輯頁(yè)面。

c. 點(diǎn)擊凍結(jié)，彈出確認(rèn)提示框，選擇確定，該公司信息被凍結(jié)，凍結(jié)后，該公司下的所有信息不可用，凍結(jié)狀態(tài)變?yōu)榻鈨?，操作變?yōu)榻鈨觥｜c(diǎn)擊解凍，彈出確認(rèn)提示框，選擇確定，該公司信息被解凍，凍結(jié)狀態(tài)變?yōu)檎?，操作變?yōu)閮鼋Y(jié)。

d. 點(diǎn)擊解除，彈出確認(rèn)提示框，選擇確定，該公司解除認(rèn)證，解除認(rèn)證后該公司將不再標(biāo)記為推薦公司，認(rèn)證狀態(tài)變?yōu)槲凑J(rèn)證，操作變?yōu)檎J(rèn)證；點(diǎn)擊認(rèn)證，彈出確認(rèn)提示框，選擇確定，該公司被標(biāo)記為推 ? ? ? ? ? ? ? ?薦公司，認(rèn)證狀態(tài)變?yōu)橐颜J(rèn)證，操作狀態(tài)變?yōu)榻獬?/p>

e. 點(diǎn)擊職位，進(jìn)入該公司發(fā)布的職位頁(yè)面，該頁(yè)面可以新增職位。

f. 點(diǎn)擊刪除，彈出確認(rèn)提示框，點(diǎn)擊確定，該公司信息以及其下的職位都被刪除。

g. 信息可以按條件查詢，并展示在列表中。

h. 點(diǎn)擊清空，查詢條件被清空，列表顯示所有公司信息。

3. 實(shí)現(xiàn)思路：通過(guò)ng-repeat進(jìn)行渲染，bootbox 實(shí)現(xiàn)模態(tài)框，查詢使用$state.go進(jìn)行url的傳參。

B. 職位列表

1. 需求描述：

a. 用戶可以在職位列表中看到所有職位的基本信息展示在列表中。

b. 用戶可以通過(guò)填寫查詢條件搜索出相關(guān)職位在列表中展示。

c. 用戶可以通過(guò)列表對(duì)職位進(jìn)行刪除、編輯、查看、狀態(tài)改變（上架/下架）操作。

d. 用戶可以進(jìn)入具體某公司的職位列表后進(jìn)行新增操作。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. 列表展示所有職位信息。

b. 新增的職位，默認(rèn)下架。

c. 點(diǎn)擊編輯，進(jìn)入編輯頁(yè)面。

d. 點(diǎn)擊刪除，彈出確認(rèn)提示框，點(diǎn)擊確定，該條職位信息被刪除。

e. 點(diǎn)擊下架，彈出確認(rèn)提示框，點(diǎn)擊確定，該條職位信息被下架，下架后的信息不再在前臺(tái)展示，操作狀態(tài)變?yōu)樯霞?；點(diǎn)擊上架，彈出確認(rèn)提示框，點(diǎn)擊確定，該條職位信息被上架，上架后的職位信息在前臺(tái)展示。

f. 可以按條件搜索職位信息并展示在列表。

g. 按發(fā)布時(shí)間查詢時(shí)，開始時(shí)間不能大于結(jié)束時(shí)間，開始時(shí)間00:00:00，結(jié)束時(shí)間23:59:59，當(dāng)日之后的日期不可選。

h. 點(diǎn)擊清空，清空所有查詢條件，列表刷新展示所有職位信息。

3. 實(shí)現(xiàn)思路：

a.bootbox 實(shí)現(xiàn)模態(tài)框。

b. 點(diǎn)擊清空時(shí)，所有值賦值為初始值。

c. 點(diǎn)擊職位獲取當(dāng)前ID，state go跳轉(zhuǎn)到職位列表。

C. 公司明細(xì)信息

1. 需求描述：作為一個(gè)用戶，我希望能對(duì)公司明細(xì)信息從后臺(tái)進(jìn)行編輯和查看，以便于刷新和調(diào)整公司明細(xì)信息。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. 從公司列表頁(yè)能對(duì)所選公司進(jìn)行編輯操作。

b. 頭部顯示xxx公司詳細(xì)信息，在右上角下拉菜單中選擇是否已認(rèn)證；編輯框內(nèi)有：公司名稱、公司slogan、公司人數(shù)、融資規(guī)模、地區(qū)、行業(yè)、公司logo、公司介紹、公司標(biāo)簽。

c. 公司產(chǎn)品編輯框，有產(chǎn)品名稱、產(chǎn)品slogan、產(chǎn)品logo、產(chǎn)品簡(jiǎn)介等編輯項(xiàng)。

d. 招聘公司相關(guān)信息編輯框，有手機(jī)、郵箱、詳細(xì)地址、地圖。

3. 實(shí)現(xiàn)思路：使用ng-message進(jìn)行表單驗(yàn)證，使用ui-uploader進(jìn)行圖片的上傳，編輯框使用百度的富文本編輯器ueditor。

D. 職位明細(xì)記錄

1. 需求描述：作為一個(gè)用戶，我希望能對(duì)職位明細(xì)信息從后臺(tái)進(jìn)行編輯和查看，以便于更新和調(diào)整職位明細(xì)信息。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. 從職業(yè)列表頁(yè)能對(duì)所選招聘職位進(jìn)行編輯查看操作。

b. 頭部顯示職業(yè)詳細(xì)信息，在右上角下拉菜單中選擇推薦或普通選項(xiàng)；編輯框內(nèi)有：職位名稱、在招公司、工作經(jīng)驗(yàn)、學(xué)歷要求、薪資范圍、職業(yè)分類和級(jí)別的下拉菜單。

c. 公司福利顯示在職位明細(xì)，需要顯示的進(jìn)行勾選標(biāo)簽。

d. 職位描述中有 崗位職責(zé)和 必備條件編輯框。

e. 公司福利，與勾選標(biāo)簽內(nèi)容一致。

3. 實(shí)現(xiàn)思路：使用ng-message進(jìn)行表單驗(yàn)證，使用ui-uploader進(jìn)行圖片的上傳, 編輯框使用富文本編輯器ueditor。

III. 內(nèi)容管理（5個(gè)需求）

A. Banner列表

1. 需求描述：

a. 用戶可以在列表中看到每條首頁(yè)banner圖的基本信息展示在列表中，列表可翻頁(yè)。

b. 用戶可以通過(guò)填寫查詢條件搜索出相關(guān)banner圖在列表中展示。

c. 用戶可以通過(guò)列表對(duì)banner圖進(jìn)行新增、刪除、編輯、查看、狀態(tài)改變（上架/下架）以及改變列表排序。

d. 用戶可以通過(guò)改變列表排序控制前臺(tái)banner圖的播放順序。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. 列表展示所有banner圖基本信息。

b. 點(diǎn)擊新增/編輯，進(jìn)入新增/編輯頁(yè)面。

c. 點(diǎn)擊下線，彈出確認(rèn)提示框，選擇確定，該條banner信息被下線，下線后的信息不再在前臺(tái)展示，狀態(tài)變?yōu)椴莞?，操作狀態(tài)變?yōu)樯暇€；點(diǎn)擊上線，彈出確認(rèn)提示框，選擇確定，該條信息上線，上線后的信息在前臺(tái)展示，狀態(tài)變?yōu)樯暇€，操作狀態(tài)變?yōu)橄戮€。

d. 點(diǎn)擊刪除，彈出確認(rèn)提示框，選擇確定，該條信息被刪除。

e. 可以按條件查詢信息。

f. 按創(chuàng)建時(shí)間查詢時(shí)，開始時(shí)間不能晚于結(jié)束時(shí)間，開始時(shí)間00:00:00，結(jié)束時(shí)間23:59:59，當(dāng)日之后的日期不可選。

g. 點(diǎn)擊清空，清空所有查詢條件，并刷新列表展示所有信息。

h. 拖動(dòng)排序，前臺(tái)按順序展示。

3. 實(shí)現(xiàn)思路：

a. 點(diǎn)擊Article管理進(jìn)入頁(yè)面展示所有數(shù)據(jù)。

b. 時(shí)間插件，第二個(gè)datepicker不能早于第一個(gè)datepicker，選中的日期轉(zhuǎn)換為時(shí)間戳進(jìn)行傳遞。

c. 拖動(dòng)表格排序，使用angular-ui-sortable實(shí)現(xiàn)。

B. Article上下線

1. 需求描述：作為一個(gè)管理者，我希望可以通過(guò)后臺(tái)管理前臺(tái)banner圖并可以上線或下線圖片，這樣可以根據(jù)需要更新網(wǎng)頁(yè)內(nèi)容。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. article列表右端有新增按鈕。

b. 列表依次為序號(hào)、圖片、標(biāo)題、類型、創(chuàng)建者、創(chuàng)建時(shí)間、修改時(shí)間、狀態(tài)、操作。

c. 頂部可以按條件搜索，篩選條件分為標(biāo)題、創(chuàng)建者、狀態(tài)、類型、創(chuàng)建時(shí)間，右下角有清空、搜索按鈕。

d. 按狀態(tài)篩選分為：全部、草稿、上線選項(xiàng)；按類型分為全部、首頁(yè)banner、找精英banner、找職位banner、行業(yè)大圖banner選項(xiàng)。

3. 實(shí)現(xiàn)思路：使用過(guò)濾器將后臺(tái)傳回的時(shí)間戳顯示為精確時(shí)間，點(diǎn)擊刪除，上下線按鈕彈出模態(tài)框。

C. 增刪查改Banner

1. 需求描述：作為一個(gè)后臺(tái)管理者，我希望可以增刪改查banner圖，這樣可以管理后臺(tái)banner圖。

2. 驗(yàn)收標(biāo)準(zhǔn)：點(diǎn)擊新增后，進(jìn)入新增banner圖界面，新增article可以添加標(biāo)題名稱、從下拉菜單選擇類型（首頁(yè)banner、找職位banner、找精英banner、行業(yè)大圖），說(shuō)明欄可以添加說(shuō)明，跳轉(zhuǎn)鏈接，配圖選項(xiàng)可以選擇要上傳的圖片文件，下面展示圖片的名稱、文件大小、進(jìn)度、操作，下面左邊有立即上線和存為草稿兩個(gè)按鈕，右邊有取消按鈕。

3. 實(shí)現(xiàn)思路：

a. 圖片上傳功能使用angular-file-upload插件實(shí)現(xiàn)，上傳過(guò)程中可以顯示進(jìn)度，上傳成功后，后臺(tái)返回圖片鏈接，并顯示出來(lái)。

b. 類型為“行業(yè)大圖”時(shí)隱藏跳轉(zhuǎn)鏈接輸入框，顯示行業(yè)下拉。

D. 首頁(yè)、找職位、找精英banner

1. 需求描述

a. 用戶可以在列表中看到每條找banner圖的基本信息展示在列表中，列表可翻頁(yè)。

b. 用戶可以通過(guò)填寫查詢條件搜索出相關(guān)banner圖在列表中展示。

c. 用戶可以通過(guò)列表對(duì)banner圖進(jìn)行新增、刪除、編輯、查看、狀態(tài)改變（上架/下架）以及改變列表排序。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. banner一頁(yè)顯示10條，超過(guò)10條下一頁(yè)。

b. 篩選條件包括標(biāo)題、創(chuàng)建者、創(chuàng)建時(shí)間、狀態(tài)、類型。

c. 可通過(guò)列表對(duì)banner圖進(jìn)行新增、刪除、編輯、查看、狀態(tài)改變（上架/下架）以及改變列表排序。

3. 實(shí)現(xiàn)思路：使用ui-bootstrap翻頁(yè)插件實(shí)現(xiàn)翻頁(yè), 拖動(dòng)表格排序，使用angular-ui-sortable實(shí)現(xiàn)。

E. 行業(yè)大圖：

1. 需求描述：

a. 用戶可以在列表中看到每條與行業(yè)匹配的圖片基本信息展示在列表中，列表可翻頁(yè)。

b. 用戶可以通過(guò)填寫查詢條件搜索出相關(guān)行業(yè)大圖在列表中展示。

c. 用戶可以通過(guò)列表對(duì)行業(yè)大圖圖進(jìn)行新增、刪除、編輯、查看、狀態(tài)改變（上架/下架）。

d. 用戶只能上線同種行業(yè)的一張圖片。

2. 驗(yàn)收標(biāo)準(zhǔn)：

a. 行業(yè)大圖展示在列表中。

b. 通過(guò)上方的搜索條件搜索行業(yè)大圖。

c. 行業(yè)大圖的編輯、新增、刪除、查看、狀態(tài)改變。

3. 實(shí)現(xiàn)思路：使用ng-repeat進(jìn)行渲染，圖片上傳使用ui-uploader。

IV. 后臺(tái)管理（4個(gè)需求）

?該模塊無(wú)原型圖 也沒有相關(guān)接口 不確定是否要完成