腐泻，開發(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(首頁)
Template（路由模板頁面文件夾）
Login（登錄頁）
-login.html
Backstage（后臺(tái)頁）
-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 (登陸頁面樣式)
-backstage.css （后臺(tái)頁面樣式）
JS
-config（主要存放路由）
-controller（控制器）
-directive（指令）
-fillter（過濾器）
-Di（依賴套啤，自定義服務(wù)）
-app.js
Image（圖片）
Data（假數(shù)據(jù)）
1.登錄頁
需求描述：
可以有一個(gè)頁面可以讓我登錄進(jìn)行并且使用求學(xué)大作戰(zhàn)后臺(tái)的功能宽气。
驗(yàn)收標(biāo)準(zhǔn)：
輸入index.HTML默認(rèn)就是登錄頁面。頁面上面兩個(gè)輸入框潜沦，方便輸入賬號(hào)和密碼有輸入驗(yàn)證萄涯，方便用戶第一時(shí)間知道的錯(cuò)誤與否。點(diǎn)擊登錄按鈕唆鸡，賬密錯(cuò)誤在頁面上有相應(yīng)的提示涝影。成功跳轉(zhuǎn)到后臺(tái)頁面。
實(shí)現(xiàn)思路：
1.使用ng-messge來實(shí)現(xiàn)錯(cuò)誤提示争占。
2.點(diǎn)擊登錄按鈕燃逻，發(fā)送賬密序目，加上請求，成功就跳轉(zhuǎn)到后臺(tái)頁面伯襟。
3.使用coki猿涨，來實(shí)現(xiàn)確定那個(gè)管理員登錄。存儲(chǔ)起來姆怪。
2后臺(tái)頁面
需求描述：
作為一個(gè)后臺(tái)管理員登錄希望有一個(gè)手風(fēng)琴列表叛赚，讓我可以進(jìn)入相應(yīng)模塊。頂部有管理員稽揭，注銷等功能俺附。主頁有一個(gè)歡迎進(jìn)入后臺(tái)管理的歡迎語。
驗(yàn)收標(biāo)準(zhǔn)：
1溪掀，頂部的頭有l(wèi)ogo事镣，具體那個(gè)管理員，注銷功能揪胃。
2璃哟，右邊有一個(gè)手風(fēng)琴。
3只嚣，有歡迎語
實(shí)現(xiàn)思路：
1.頂部的注銷使用模態(tài)框，確定之后清除coki艺沼。
2.管理員的話册舞，從登錄那里獲取然后設(shè)置全局。顯示在頁面上障般。
2.手風(fēng)琴頁面使用ui-bootstrap的手風(fēng)琴即可调鲸。
3后臺(tái)頁面
需求描述：
作為后臺(tái)管理者，剛剛進(jìn)入頁面挽荡，希望有一個(gè)默認(rèn)的用戶藐石。可以是按照默認(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)入用來管理頁面荠藤。上面是搜索的伙单，下面是具體的用戶列表。
2哈肖，列表頁面可以展示用戶總?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)頁面，展示手機(jī)吟孙，ID澜倦，昵稱，郵箱杰妓，逆襲豆肥隆，年級(jí)，所在區(qū)域稚失，頭像等栋艳。
4，點(diǎn)擊凍結(jié)可以彈出一個(gè)模態(tài)框句各，讓我確定是否凍結(jié)用戶吸占，如果點(diǎn)擊確定晴叨，更新頁面信息，展示該用戶被凍結(jié)矾屯。
5兼蕊，點(diǎn)擊解凍可以彈出一個(gè)模態(tài)框，讓我確定是否解凍用戶件蚕，如果點(diǎn)擊確定孙技，更新頁面信息，展示該用戶被正常排作。
實(shí)現(xiàn)思路：
1,凍結(jié)和解凍使用bootbox的模態(tài)框來進(jìn)行是否確定牵啦，確定之后，發(fā)送請求到服務(wù)器妄痪，然后發(fā)送成功使用回調(diào) reload重新加載頁面哈雏。
2.搜索的手機(jī)號(hào)，限制輸入數(shù)字衫生，11位裳瘪，郵箱的話，類型是郵箱罪针，
逆襲豆限制輸入整數(shù)彭羹，設(shè)置互相關(guān)聯(lián)，后者要大于前者泪酱，難點(diǎn)：暫時(shí)不知道怎么實(shí)現(xiàn)派殷。
所在區(qū)域選擇之后，彈出一個(gè)選擇框西篓。難點(diǎn)：沒有接觸過愈腾，不知道怎么實(shí)現(xiàn)
3憋活，不管是默認(rèn)的還是搜索的岂津，都是發(fā)送請求到服務(wù)器，獲取到的數(shù)據(jù)悦即，使用ng-ng-repeat來渲染到頁面上吮成。
4，使用一個(gè)過濾器辜梳，獲取用戶狀態(tài)粱甫，根據(jù)用戶狀態(tài)來顯示操作的按鈕是凍結(jié)還是解凍。
4內(nèi)容管理
4.1文章管理：
需求描述：
作為后臺(tái)管理者作瞄，我希望可以管理我網(wǎng)站的文章視頻等茶宵，進(jìn)入到頁面寫上面可以按照標(biāo)題，作者宗挥，點(diǎn)贊數(shù)和收藏?cái)?shù)乌庶，分類（banner种蝶，card）狀態(tài)（上下架）進(jìn)行搜索文章。
作為后臺(tái)管理者我希望可以看到列表可以把標(biāo)題瞒大，分類螃征，年級(jí)，點(diǎn)贊透敌，收藏盯滚，狀態(tà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張，超過8張后塞椎，第九個(gè)上架桨仿，第一個(gè)下架。
3案狠，點(diǎn)擊上架或者下架文章服傍，彈出一個(gè)確認(rèn)框，點(diǎn)擊確定就進(jìn)行相應(yīng)操作骂铁。否吹零，取消操作。
4拉庵，點(diǎn)擊查看灿椅，不能操作。
5，新增和編輯的標(biāo)題茫蛹，限制在25個(gè)字泣懊，上傳圖片限制在5M左右，超過彈出一個(gè)窗口提示麻惶。作者限制14個(gè)字馍刮，摘要限制28個(gè)字。需要做一個(gè)表單驗(yàn)證窃蹋，全部填完修改或者提交按鈕才能點(diǎn)擊卡啰。
6，分頁功能可以使用警没，分頁的輸入框只能輸入正整數(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.下面分頁使用UI-bootstrap的分頁組件，然后自己加上一個(gè)input框力试，input框的值正整數(shù)徙邻，跟分頁里面的ng-model值是一楊的。點(diǎn)擊確定一樣是可以實(shí)現(xiàn)分頁的效果畸裳。
3.上下架使用boobot的comfirm來操作缰犁，點(diǎn)擊是，就發(fā)送請求到服務(wù)器躯畴。
難點(diǎn)： 怎么只能上傳8張民鼓，超過8張薇芝，怎么自動(dòng)下架第一個(gè)張蓬抄，然后把第九張給上傳上去。
解決辦法： 點(diǎn)擊上架的話夯到，確定按鈕之前嚷缭。先獲取在頁面上獲取有多少上架的文章，使用if判斷，如果已經(jīng)有8張阅爽，點(diǎn)擊comfirm的是按鈕路幸。然后先發(fā)送一個(gè)請求把第一個(gè)給下架了。然后再把本次這個(gè)上架付翁。
4.把新增編輯和查看設(shè)置為同一個(gè)HTML頁面简肴。在文章列表的新增，編輯百侧，按鈕頁面分別設(shè)置一個(gè)參數(shù)砰识，例如1，2佣渴，3辫狼。
然后在在新增等頁面獲取這個(gè)參數(shù)，設(shè)置為一個(gè)ng-model辛润。使用ng-if來顯示HTML頁面的內(nèi)容膨处。
5，通過獲取的參數(shù)砂竖，判斷頁面如果是新增真椿，內(nèi)容全部是空。
如果是編輯頁面乎澄。根據(jù)傳輸過來的ID瀑粥，發(fā)送請求到服務(wù)器，獲取到的數(shù)據(jù)然后使用ng-model頁面上三圆。
如果是查看頁面狞换，發(fā)送請求到服務(wù)器，獲取數(shù)據(jù)舟肉，渲染到頁面上修噪，通過使用disabled=“disabled" 在頁面上，使得頁面內(nèi)容不可編輯路媚。
4.2視頻編輯頁面
需求描述：
1黄琼，作為一個(gè)管理者，我希望有視頻管理整慎，方便我們管理視頻脏款，管理視頻
2，作為一個(gè)管理者裤园，我希望有搜索功能撤师，可以按照標(biāo)題，分類拧揽，年級(jí)剃盾，科目腺占，點(diǎn)贊，收藏痒谴，老師衰伯，狀態(tài)等，進(jìn)行搜索积蔚，來進(jìn)行管理意鲸。
3，作為一個(gè)管理者尽爆，我希望對視頻列表的內(nèi)容進(jìn)行查看临扮。可以對視頻文章進(jìn)行上下架教翩，查看杆勇，編輯，新增視頻饱亿。
驗(yàn)收標(biāo)準(zhǔn)：
1蚜退，搜索部分，點(diǎn)贊和收藏部分彪笼，只能輸入正整數(shù)钻注，后一個(gè)比前一個(gè)大。
2配猫，視頻文章列表只能上架8張banner圖幅恋，標(biāo)題，只能顯示14個(gè)字泵肄，超過換行顯示捆交。老師名字，一行顯示5個(gè)字腐巢，超過換行品追。
3，新增視頻冯丙，默認(rèn)下架狀態(tài)肉瓦，一頁展示10條數(shù)據(jù)。安裝標(biāo)記時(shí)間順序排列胃惜。
4泞莉，點(diǎn)擊上下架，彈出模態(tài)框船殉，點(diǎn)擊確定進(jìn)行上下架鲫趁。
5，查看頁面不能操作
6.新增頁面捺弦，點(diǎn)擊刪除老師饮寞，彈出模態(tài)框，點(diǎn)擊確定列吼，再彈出成功的彈窗幽崩。點(diǎn)擊老師添加，時(shí)代峰峻愛啦啦啦 視頻簡介限制140字?jǐn)?shù)寞钥。上傳視頻的格式要使用mp4格式慌申，如果不是出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.
新增頁面選擇banner圖，會(huì)彈出一個(gè)上傳封面的部分理郑。里面有上傳組件蹄溉，上傳預(yù)覽等。新增頁面點(diǎn)擊保存您炉，由調(diào)到視頻列表柒爵，并提示上傳成功。點(diǎn)擊取消赚爵，有一個(gè)comfirm棉胀，如果是取消就關(guān)閉，確定就跳到視頻列表頁面冀膝。
7.編輯頁面唁奢，如果分類是banner圖的話，就把封面部分顯示出來窝剖。編輯標(biāo)題限制40字麻掸。 視頻簡介限制140字?jǐn)?shù)。上傳視頻的格式要使用mp4格式赐纱，如果不是出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.編輯頁面點(diǎn)擊保存脊奋，由調(diào)到視頻列表，并提示上傳成功疙描。點(diǎn)擊取消狂魔，有一個(gè)comfirm，如果是取消就關(guān)閉淫痰，確定就跳到視頻列表頁面最楷。
實(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來操作否彩，點(diǎn)擊是，就發(fā)送請求到服務(wù)器嗦随。
難點(diǎn)： 怎么只能上傳8張列荔，超過8張，怎么自動(dòng)下架第一個(gè)張枚尼，然后把第九張給上傳上去贴浙。
解決辦法： 點(diǎn)擊上架的話，確定按鈕之前署恍。先獲取在頁面上獲取有多少上架的文章崎溃，使用if判斷，如果已經(jīng)有8張盯质，點(diǎn)擊comfirm的是按鈕笨奠。然后先發(fā)送一個(gè)請求把第一個(gè)給下架了。然后再把本次這個(gè)上架唤殴。
3.按照最新的編輯時(shí)間順序排序的話般婆，使用for循環(huán)來判斷文章時(shí)間，時(shí)間最小的放在前面朵逝。
4蔚袍，一行按照14個(gè)字符，或者5個(gè)字符顯示配名，超出換行使用啤咽，word-wrap:break-word使用這個(gè)，算出字符的總寬度渠脉，設(shè)置一下宇整。
5.把新增編輯和查看設(shè)置為同一個(gè)HTML頁面。在文章列表的新增芋膘，編輯鳞青，按鈕頁面分別設(shè)置一個(gè)參數(shù)，例如1为朋，2臂拓，3。
然后在在新增等頁面獲取這個(gè)參數(shù)习寸，設(shè)置為一個(gè)ng-model胶惰。使用ng-if來顯示HTML頁面的內(nèi)容。
6.新增頁面霞溪，點(diǎn)擊刪除老師孵滞，彈出模態(tài)框中捆，點(diǎn)擊確定，再彈出成功的彈窗坊饶。點(diǎn)擊老師添加泄伪，彈出的模態(tài)框：難點(diǎn) 上傳視頻的格式要使用mp4格式，獲取文件的value值幼东，獲取后綴臂容，如果不是mp出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.
新增頁面選擇banner圖科雳，使用ng-if判斷會(huì)彈出一個(gè)上傳封面的部分根蟹。里面有上傳組件，上傳預(yù)覽等糟秘。新增頁面點(diǎn)擊保存简逮，由調(diào)到視頻列表，并提示上傳成功尿赚。點(diǎn)擊取消，有一個(gè)comfirm，如果是取消就關(guān)閉泽台，確定就跳到視頻列表頁面斧吐。
7.編輯頁面，如果分類是banner圖的話冰寻，使用if把封面部分顯示出來须教。上傳視頻的格式要使用mp4格式，獲取文件的value值斩芭，獲取后綴轻腺，如果不是mp出現(xiàn)一個(gè)模態(tài)框提示上傳mp4.編輯頁面點(diǎn)擊保存，由調(diào)到視頻列表划乖，并提示上傳成功贬养。點(diǎn)擊取消，有一個(gè)comfirm琴庵，如果是取消就關(guān)閉误算，確定就跳到視頻列表頁面。
8
如果是查看頁面迷殿，發(fā)送請求到服務(wù)器尉桩，獲取數(shù)據(jù)，渲染到頁面上贪庙，通過使用disabled=“disabled" 在頁面上蜘犁，使得頁面內(nèi)容不可編輯。
5 后臺(tái)管理
需求描述：
作為一個(gè)后臺(tái)管理者止邮，我希望可以管理我的查看我的賬號(hào)信息这橙。修改密碼奏窑，
作為一個(gè)超級(jí)后臺(tái)管理員。
我希望可以管理下面的管理員屈扎，給他們分配后臺(tái)的模塊或者功能埃唯。已經(jīng)新增管理員。
