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

一、項目架構(gòu)

CSS框架：Bootstrap-3.3.7

JS框架：Angular.js-1.6.0

JS庫：JQuery-2.0.0

插件：

1)?? 路由：Ui-Router

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

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

4)?? 表單驗證：ng-message

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

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

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

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

l?? bower 存放庫和插件

l?? script

app.js 模型和路由

controller 文件夾

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

directive.js 自定義指令

factory文件夾 ??

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

filter.js ? ? ? 存放過濾器

? constant 文件夾

? ? ? ? ? ? 存放儲存常量的js文件

l?? img文件夾

? ? ? ? ? ?存放圖片

l ? css文件夾

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

? ? ? ? ? ? ? private文件夾 ? ? 所有頁面css文件

l?? html

index.html 首頁

三、頁面鏈接關(guān)系說明

邏輯關(guān)系圖：

I. 登錄模塊（3個需求）

A. 登錄頁

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

2. 驗收標準：用戶名輸入錯誤提示用戶不存在，密碼輸入錯誤提示密碼錯誤。

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

B. 歡迎頁

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

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

C. 注銷

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

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

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

II. 信息管理（4個需求）

A. 公司列表

1. 需求描述：

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

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

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

2. 驗收標準：

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

b. 點擊新增/編輯，進入新增/編輯頁面。

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

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

e. 點擊職位，進入該公司發(fā)布的職位頁面，該頁面可以新增職位。

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

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

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

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

B. 職位列表

1. 需求描述：

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

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

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

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

2. 驗收標準：

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

b. 新增的職位，默認下架。

c. 點擊編輯，進入編輯頁面。

d. 點擊刪除，彈出確認提示框，點擊確定，該條職位信息被刪除。

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

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

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

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

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

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

b. 點擊清空時，所有值賦值為初始值。

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

C. 公司明細信息

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

2. 驗收標準：

a. 從公司列表頁能對所選公司進行編輯操作。

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

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

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

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

D. 職位明細記錄

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

2. 驗收標準：

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

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

c. 公司福利顯示在職位明細，需要顯示的進行勾選標簽。

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

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

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

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

A. Banner列表

1. 需求描述：

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

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

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

d. 用戶可以通過改變列表排序控制前臺banner圖的播放順序。

2. 驗收標準：

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

b. 點擊新增/編輯，進入新增/編輯頁面。

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

d. 點擊刪除，彈出確認提示框，選擇確定，該條信息被刪除。

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

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

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

h. 拖動排序，前臺按順序展示。

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

a. 點擊Article管理進入頁面展示所有數(shù)據(jù)。

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

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

B. Article上下線

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

2. 驗收標準：

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

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

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

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

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

C. 增刪查改Banner

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

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

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

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

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

D. 首頁、找職位、找精英banner

1. 需求描述

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

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

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

2. 驗收標準：

a. banner一頁顯示10條，超過10條下一頁。

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

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

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

E. 行業(yè)大圖：

1. 需求描述：

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

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

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

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

2. 驗收標準：

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

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

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

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

IV. 后臺管理（4個需求）

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