，開(kāi)發(fā)工具
1，編譯器：webstorm
2，版本管理工具：SVN
3，切圖：Photoshop
4，CSS框架：bootstrap3.3.7
5，css預(yù)處理器：sass
6，js框架：jQuery3.3.1 angularJs1.7.0
7，路由：ui-router
8，富文本：wangedit
9，模態(tài)框： bootbox4.4
10, 圖片上傳：angular-fiel-upload

后臺(tái)
VIEW -index.html(首頁(yè))
Template（路由模板頁(yè)面文件夾）
Login（登錄頁(yè)）
-login.html
Backstage（后臺(tái)頁(yè)）
-backstage.html
User（用戶管理）
-userList.html（用戶列表）
-userSearch.html（搜索模板）
-userDetail.html（用戶詳情
Content（內(nèi)容管理
-articleList.html（文章列表）
-articleSearch.html（搜索模板）
-articleDetail.html（文章詳情）
-videoList.html（視頻列表）
-videoSearch.html（搜索模板）
-videoDetail.html（視頻詳情）
Administrator（后臺(tái)管理）
-AC.html（賬號(hào)管理）
-ACDetail.html（賬號(hào)編輯新增）
-RL.html（角色管理）
-RLDetail.html（角色編輯新增）
-PW.html（密碼管理）
-MOD.html（模塊）
CSS
-global.css（公共樣式）
-login.css (登陸頁(yè)面樣式)
-backstage.css （后臺(tái)頁(yè)面樣式）
JS
-config（主要存放路由）
-controller（控制器）
-directive（指令）
-fillter（過(guò)濾器）
-Di（依賴，自定義服務(wù)）
-app.js
Image（圖片）
Data（假數(shù)據(jù)）

1.登錄頁(yè)
需求描述：
可以有一個(gè)頁(yè)面可以讓我登錄進(jìn)行并且使用求學(xué)大作戰(zhàn)后臺(tái)的功能。

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

輸入index.HTML默認(rèn)就是登錄頁(yè)面。頁(yè)面上面兩個(gè)輸入框，方便輸入賬號(hào)和密碼有輸入驗(yàn)證，方便用戶第一時(shí)間知道的錯(cuò)誤與否。點(diǎn)擊登錄按鈕，賬密錯(cuò)誤在頁(yè)面上有相應(yīng)的提示。成功跳轉(zhuǎn)到后臺(tái)頁(yè)面。

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

1.使用ng-messge來(lái)實(shí)現(xiàn)錯(cuò)誤提示。
2.點(diǎn)擊登錄按鈕，發(fā)送賬密，加上請(qǐng)求，成功就跳轉(zhuǎn)到后臺(tái)頁(yè)面。
3.使用coki，來(lái)實(shí)現(xiàn)確定那個(gè)管理員登錄。存儲(chǔ)起來(lái)。

2后臺(tái)頁(yè)面
需求描述：
作為一個(gè)后臺(tái)管理員登錄希望有一個(gè)手風(fēng)琴列表，讓我可以進(jìn)入相應(yīng)模塊。頂部有管理員，注銷等功能。主頁(yè)有一個(gè)歡迎進(jìn)入后臺(tái)管理的歡迎語(yǔ)。

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

1，頂部的頭有l(wèi)ogo，具體那個(gè)管理員，注銷功能。
2，右邊有一個(gè)手風(fēng)琴。
3，有歡迎語(yǔ)

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

1.頂部的注銷使用模態(tài)框，確定之后清除coki。
2.管理員的話，從登錄那里獲取然后設(shè)置全局。顯示在頁(yè)面上。
2.手風(fēng)琴頁(yè)面使用ui-bootstrap的手風(fēng)琴即可。
3后臺(tái)頁(yè)面
需求描述：
作為后臺(tái)管理者，剛剛進(jìn)入頁(yè)面，希望有一個(gè)默認(rèn)的用戶?？梢允前凑漳J(rèn)排列。我希望可以用一個(gè)搜索功能，選擇相應(yīng)的條件，讓我按照條件搜索相應(yīng)用戶。
在用戶管理列表我希望可以看到用戶基本信息。用戶的總?cè)藬?shù)，進(jìn)行限制用戶的登錄，可以點(diǎn)擊查看具體某個(gè)用戶的信息。

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

1，點(diǎn)擊手風(fēng)琴的用戶列表，進(jìn)入用來(lái)管理頁(yè)面。上面是搜索的，下面是具體的用戶列表。

2，列表頁(yè)面可以展示用戶總?cè)藬?shù)，ID，昵稱，郵箱，逆襲豆，年級(jí)，所在區(qū)域，狀態(tài)，進(jìn)行操作等。搜索部分可以按照昵稱，手機(jī)號(hào)，逆襲豆，（后一個(gè)逆襲豆要比前一個(gè)大）ID，郵箱，年級(jí)，狀態(tài)，所在區(qū)域，進(jìn)行搜索， 選擇之后，點(diǎn)擊搜索，下面的列表更新數(shù)據(jù)，搜索旁邊有一個(gè)重置按鈕，點(diǎn)擊之后把搜索條件恢復(fù)默認(rèn)，更新數(shù)據(jù)。

3，點(diǎn)擊查看按鈕可以挑戰(zhàn)到相應(yīng)頁(yè)面，展示手機(jī)，ID，昵稱，郵箱，逆襲豆，年級(jí)，所在區(qū)域，頭像等。

4，點(diǎn)擊凍結(jié)可以彈出一個(gè)模態(tài)框，讓我確定是否凍結(jié)用戶，如果點(diǎn)擊確定，更新頁(yè)面信息，展示該用戶被凍結(jié)。

5，點(diǎn)擊解凍可以彈出一個(gè)模態(tài)框，讓我確定是否解凍用戶，如果點(diǎn)擊確定，更新頁(yè)面信息，展示該用戶被正常。

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

1,凍結(jié)和解凍使用bootbox的模態(tài)框來(lái)進(jìn)行是否確定，確定之后，發(fā)送請(qǐng)求到服務(wù)器，然后發(fā)送成功使用回調(diào) reload重新加載頁(yè)面。

2.搜索的手機(jī)號(hào)，限制輸入數(shù)字，11位，郵箱的話，類型是郵箱，

逆襲豆限制輸入整數(shù)，設(shè)置互相關(guān)聯(lián)，后者要大于前者，難點(diǎn)：暫時(shí)不知道怎么實(shí)現(xiàn)。
所在區(qū)域選擇之后，彈出一個(gè)選擇框。難點(diǎn)：沒(méi)有接觸過(guò)，不知道怎么實(shí)現(xiàn)

3，不管是默認(rèn)的還是搜索的，都是發(fā)送請(qǐng)求到服務(wù)器，獲取到的數(shù)據(jù)，使用ng-ng-repeat來(lái)渲染到頁(yè)面上。
4，使用一個(gè)過(guò)濾器，獲取用戶狀態(tài)，根據(jù)用戶狀態(tài)來(lái)顯示操作的按鈕是凍結(jié)還是解凍。

4內(nèi)容管理
4.1文章管理：

需求描述：
作為后臺(tái)管理者，我希望可以管理我網(wǎng)站的文章視頻等，進(jìn)入到頁(yè)面寫上面可以按照標(biāo)題，作者，點(diǎn)贊數(shù)和收藏?cái)?shù)，分類（banner，card）狀態(tài)（上下架）進(jìn)行搜索文章。
作為后臺(tái)管理者我希望可以看到列表可以把標(biāo)題，分類，年級(jí)，點(diǎn)贊，收藏，狀態(tài)等信息展示出來(lái)。
希望可以進(jìn)行文章的查看，新增，編輯，上下架等操作。

驗(yàn)收標(biāo)準(zhǔn)：
1，可以按照標(biāo)題，作者，點(diǎn)贊數(shù)，收藏?cái)?shù)，狀態(tài)，分類進(jìn)行搜索。點(diǎn)擊重置，可以清除搜索框的東西，恢復(fù)默認(rèn)的列表。點(diǎn)贊數(shù)和收藏?cái)?shù)只限填寫數(shù)字，后者不允許小于前者。

2，banner文章最多增加8張，超過(guò)8張后，第九個(gè)上架，第一個(gè)下架。

3，點(diǎn)擊上架或者下架文章，彈出一個(gè)確認(rèn)框，點(diǎn)擊確定就進(jìn)行相應(yīng)操作。否，取消操作。

4，點(diǎn)擊查看，不能操作。

5，新增和編輯的標(biāo)題，限制在25個(gè)字，上傳圖片限制在5M左右，超過(guò)彈出一個(gè)窗口提示。作者限制14個(gè)字，摘要限制28個(gè)字。需要做一個(gè)表單驗(yàn)證，全部填完修改或者提交按鈕才能點(diǎn)擊。

6，分頁(yè)功能可以使用，分頁(yè)的輸入框只能輸入正整數(shù)。

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

1.搜索主要是點(diǎn)贊和收藏的收藏要數(shù)字，后一個(gè)比前一個(gè)大。

難點(diǎn)：怎么實(shí)現(xiàn)。后一個(gè)比前一個(gè)大。
現(xiàn)在是如果輸入了第一個(gè)，5，第二個(gè)輸入小于5的話，自動(dòng)刪除輸入框數(shù)字。
如果是先輸入第二個(gè)，再輸入第一個(gè)，第一個(gè)比第二個(gè)大的話，刪除第一個(gè)輸入框的值。

2.下面分頁(yè)使用UI-bootstrap的分頁(yè)組件，然后自己加上一個(gè)input框，input框的值正整數(shù)，跟分頁(yè)里面的ng-model值是一楊的。點(diǎn)擊確定一樣是可以實(shí)現(xiàn)分頁(yè)的效果。

3.上下架使用boobot的comfirm來(lái)操作，點(diǎn)擊是，就發(fā)送請(qǐng)求到服務(wù)器。

難點(diǎn)： 怎么只能上傳8張，超過(guò)8張，怎么自動(dòng)下架第一個(gè)張，然后把第九張給上傳上去。

解決辦法： 點(diǎn)擊上架的話，確定按鈕之前。先獲取在頁(yè)面上獲取有多少上架的文章，使用if判斷，如果已經(jīng)有8張，點(diǎn)擊comfirm的是按鈕。然后先發(fā)送一個(gè)請(qǐng)求把第一個(gè)給下架了。然后再把本次這個(gè)上架。

4.把新增編輯和查看設(shè)置為同一個(gè)HTML頁(yè)面。在文章列表的新增，編輯，按鈕頁(yè)面分別設(shè)置一個(gè)參數(shù)，例如1，2，3。

然后在在新增等頁(yè)面獲取這個(gè)參數(shù)，設(shè)置為一個(gè)ng-model。使用ng-if來(lái)顯示HTML頁(yè)面的內(nèi)容。

5，通過(guò)獲取的參數(shù)，判斷頁(yè)面如果是新增，內(nèi)容全部是空。
如果是編輯頁(yè)面。根據(jù)傳輸過(guò)來(lái)的ID，發(fā)送請(qǐng)求到服務(wù)器，獲取到的數(shù)據(jù)然后使用ng-model頁(yè)面上。

如果是查看頁(yè)面，發(fā)送請(qǐng)求到服務(wù)器，獲取數(shù)據(jù)，渲染到頁(yè)面上，通過(guò)使用disabled=“disabled" 在頁(yè)面上，使得頁(yè)面內(nèi)容不可編輯。

4.2視頻編輯頁(yè)面

需求描述：
1，作為一個(gè)管理者，我希望有視頻管理，方便我們管理視頻，管理視頻
2，作為一個(gè)管理者，我希望有搜索功能，可以按照標(biāo)題，分類，年級(jí)，科目，點(diǎn)贊，收藏，老師，狀態(tài)等，進(jìn)行搜索，來(lái)進(jìn)行管理。
3，作為一個(gè)管理者，我希望對(duì)視頻列表的內(nèi)容進(jìn)行查看?？梢詫?duì)視頻文章進(jìn)行上下架，查看，編輯，新增視頻。

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

1，搜索部分，點(diǎn)贊和收藏部分，只能輸入正整數(shù)，后一個(gè)比前一個(gè)大。
2，視頻文章列表只能上架8張banner圖，標(biāo)題，只能顯示14個(gè)字，超過(guò)換行顯示。老師名字，一行顯示5個(gè)字，超過(guò)換行。
3，新增視頻，默認(rèn)下架狀態(tài)，一頁(yè)展示10條數(shù)據(jù)。安裝標(biāo)記時(shí)間順序排列。
4，點(diǎn)擊上下架，彈出模態(tài)框，點(diǎn)擊確定進(jìn)行上下架。
5，查看頁(yè)面不能操作
6.新增頁(yè)面，點(diǎn)擊刪除老師，彈出模態(tài)框，點(diǎn)擊確定，再?gòu)棾龀晒Φ膹棿?。點(diǎn)擊老師添加，時(shí)代峰峻愛(ài)啦啦啦 視頻簡(jiǎn)介限制140字?jǐn)?shù)。上傳視頻的格式要使用mp4格式，如果不是出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.
新增頁(yè)面選擇banner圖，會(huì)彈出一個(gè)上傳封面的部分。里面有上傳組件，上傳預(yù)覽等。新增頁(yè)面點(diǎn)擊保存，由調(diào)到視頻列表，并提示上傳成功。點(diǎn)擊取消，有一個(gè)comfirm，如果是取消就關(guān)閉，確定就跳到視頻列表頁(yè)面。

7.編輯頁(yè)面，如果分類是banner圖的話，就把封面部分顯示出來(lái)。編輯標(biāo)題限制40字。 視頻簡(jiǎn)介限制140字?jǐn)?shù)。上傳視頻的格式要使用mp4格式，如果不是出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.編輯頁(yè)面點(diǎn)擊保存，由調(diào)到視頻列表，并提示上傳成功。點(diǎn)擊取消，有一個(gè)comfirm，如果是取消就關(guān)閉，確定就跳到視頻列表頁(yè)面。

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

1.搜索主要是點(diǎn)贊和收藏的收藏要數(shù)字，后一個(gè)比前一個(gè)大。

難點(diǎn)：怎么實(shí)現(xiàn)。后一個(gè)比前一個(gè)大。
現(xiàn)在是如果輸入了第一個(gè)，5，第二個(gè)輸入小于5的話，自動(dòng)刪除輸入框數(shù)字。
如果是先輸入第二個(gè)，再輸入第一個(gè)，第一個(gè)比第二個(gè)大的話，刪除第一個(gè)輸入框的值。

2.上下架使用boobot的comfirm來(lái)操作，點(diǎn)擊是，就發(fā)送請(qǐng)求到服務(wù)器。

難點(diǎn)： 怎么只能上傳8張，超過(guò)8張，怎么自動(dòng)下架第一個(gè)張，然后把第九張給上傳上去。

解決辦法： 點(diǎn)擊上架的話，確定按鈕之前。先獲取在頁(yè)面上獲取有多少上架的文章，使用if判斷，如果已經(jīng)有8張，點(diǎn)擊comfirm的是按鈕。然后先發(fā)送一個(gè)請(qǐng)求把第一個(gè)給下架了。然后再把本次這個(gè)上架。

3.按照最新的編輯時(shí)間順序排序的話，使用for循環(huán)來(lái)判斷文章時(shí)間，時(shí)間最小的放在前面。
4，一行按照14個(gè)字符，或者5個(gè)字符顯示，超出換行使用，word-wrap:break-word使用這個(gè)，算出字符的總寬度，設(shè)置一下。

5.把新增編輯和查看設(shè)置為同一個(gè)HTML頁(yè)面。在文章列表的新增，編輯，按鈕頁(yè)面分別設(shè)置一個(gè)參數(shù)，例如1，2，3。

然后在在新增等頁(yè)面獲取這個(gè)參數(shù)，設(shè)置為一個(gè)ng-model。使用ng-if來(lái)顯示HTML頁(yè)面的內(nèi)容。

6.新增頁(yè)面，點(diǎn)擊刪除老師，彈出模態(tài)框，點(diǎn)擊確定，再?gòu)棾龀晒Φ膹棿?。點(diǎn)擊老師添加，彈出的模態(tài)框：難點(diǎn) 上傳視頻的格式要使用mp4格式，獲取文件的value值，獲取后綴，如果不是mp出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.

新增頁(yè)面選擇banner圖，使用ng-if判斷會(huì)彈出一個(gè)上傳封面的部分。里面有上傳組件，上傳預(yù)覽等。新增頁(yè)面點(diǎn)擊保存，由調(diào)到視頻列表，并提示上傳成功。點(diǎn)擊取消，有一個(gè)comfirm，如果是取消就關(guān)閉，確定就跳到視頻列表頁(yè)面。

7.編輯頁(yè)面，如果分類是banner圖的話，使用if把封面部分顯示出來(lái)。上傳視頻的格式要使用mp4格式，獲取文件的value值，獲取后綴，如果不是mp出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.編輯頁(yè)面點(diǎn)擊保存，由調(diào)到視頻列表，并提示上傳成功。點(diǎn)擊取消，有一個(gè)comfirm，如果是取消就關(guān)閉，確定就跳到視頻列表頁(yè)面。
8
如果是查看頁(yè)面，發(fā)送請(qǐng)求到服務(wù)器，獲取數(shù)據(jù)，渲染到頁(yè)面上，通過(guò)使用disabled=“disabled" 在頁(yè)面上，使得頁(yè)面內(nèi)容不可編輯。

5 后臺(tái)管理

需求描述：
作為一個(gè)后臺(tái)管理者，我希望可以管理我的查看我的賬號(hào)信息。修改密碼，
作為一個(gè)超級(jí)后臺(tái)管理員。

我希望可以管理下面的管理員，給他們分配后臺(tái)的模塊或者功能。已經(jīng)新增管理員。