【基于HTML5的短視頻網(wǎng)站的設(shè)計(jì)8300字（論文）】

基于HTML5的短視頻網(wǎng)站的設(shè)計(jì)目次TOC\o"1-3"\h\u59171引言 1219271.1研究背景 1269521.2研究目的和意義 1312541.3文章內(nèi)容概述 1307922系統(tǒng)需求分析 2288772．1系統(tǒng)可行性分析 2243522.1.1經(jīng)濟(jì)可行性 2145812.1.2技術(shù)可行性 2306482.1.3運(yùn)行可行性 2262612．2系統(tǒng)功能分析 2104282．3系統(tǒng)非功能分析 3177942.3.1交互設(shè)計(jì)分析 3223262.3.2整體色調(diào)分析 3299432.3.3性能需求分析 3169682.3.4安全性需求分析 3186913開發(fā)環(huán)境介紹 33753．1MySQL數(shù)據(jù)庫介紹 3266543．2SpringBoot介紹 4251723．3HTML5介紹 437473．4BootStrap介紹 421984在線短視頻網(wǎng)站模型 4284304．1在線短視頻網(wǎng)站程序流程 430394．2視頻網(wǎng)站的數(shù)據(jù)庫設(shè)計(jì) 574664.2.1數(shù)據(jù)庫表的概念結(jié)構(gòu)設(shè)計(jì) 5268174.2.2數(shù)據(jù)庫表的邏輯結(jié)構(gòu)設(shè)計(jì) 590985在線視頻點(diǎn)播實(shí)現(xiàn) 617175.1管理員登陸后對用戶進(jìn)行管理 676925.2用戶功能模塊的實(shí)現(xiàn) 9253945.2.1系統(tǒng)主頁面 9187415.2.2視頻詳情主界面 9127965.2.3管理員主界面 10137335.2.4視頻詳細(xì)信息輸入界面 1013765.2.5個(gè)人信息界面 1120395.2.6用戶端評論管理界面 11258656系統(tǒng)測試 12124835.1管理員登陸后對用戶進(jìn)行管理 12124075.2系統(tǒng)的具體測試 1296347結(jié)論 1521112參考文獻(xiàn) 161引言1.1研究背景從改革開放以來，網(wǎng)絡(luò)技術(shù)大幅度進(jìn)步與發(fā)展，4G網(wǎng)絡(luò)已經(jīng)全面普及，社會已經(jīng)進(jìn)入5G時(shí)代，這足以證明網(wǎng)絡(luò)信息日新月異的變化。在這種發(fā)展趨勢下，短視頻行業(yè)也迅猛發(fā)展，短視頻做為一種新型的社交娛樂方式映入群眾的生活中。短視頻相比長視頻內(nèi)容簡潔明了，短則數(shù)十秒，長則幾分鐘，在這個(gè)生活節(jié)奏日益變快的社會里，短視頻更能高效的應(yīng)用人們的碎片化時(shí)間，短視頻是時(shí)代的產(chǎn)物。普通使用者甚至可以利用手機(jī)進(jìn)行拍攝，大大減少了傳播成本。人們可以用設(shè)備拍攝生活中的趣事與見聞，然后短視頻作為一個(gè)載體在視頻網(wǎng)站上傳播，通過視頻網(wǎng)站的篩選與播出，優(yōu)質(zhì)的短視頻可以在短時(shí)間內(nèi)火速傳播，短視頻使信息的傳播更為便捷。然而，這樣快速傳播使得多種多樣的網(wǎng)站和千奇百怪的內(nèi)容被快速傳播的出現(xiàn)。電子商務(wù)是個(gè)典型的案例，該系統(tǒng)的建立就是因?yàn)榇蟊姷男枨?，視頻網(wǎng)站為他們建立了良好的渠道。中國的視頻網(wǎng)站平臺正在變得更加正規(guī)，這些平臺大多使用的是簡單明了的平臺管理系統(tǒng)，而且這個(gè)系統(tǒng)是實(shí)時(shí)變動的，而實(shí)現(xiàn)這一功能主要基于其特殊的網(wǎng)絡(luò)結(jié)構(gòu)，通過這種網(wǎng)絡(luò)能夠?qū)崟r(shí)動態(tài)對其他網(wǎng)絡(luò)中的數(shù)據(jù)庫進(jìn)行檢索訪問，以來使用短視頻網(wǎng)站。由目前國內(nèi)外短視頻發(fā)展?fàn)顩r，網(wǎng)絡(luò)社交方式中短視頻占了舉足輕重，它能極大的滿足用戶，并且管理員也及其方便管理。1.2研究目的和意義在如今的工作生活當(dāng)中，計(jì)算機(jī)的普及和網(wǎng)絡(luò)的便利，使短視頻能夠高效有序的管理信息成了短視頻的重要研究方向。鑒于上述情況，提出一種新穎的短視頻網(wǎng)站，在數(shù)據(jù)交換的過程中運(yùn)用密匙的方式加密，使得系統(tǒng)更可靠，更具有安全性。短視頻網(wǎng)站提供了一個(gè)短視頻管理和信息管理的平臺供用戶使用，為用戶提供了一個(gè)良好的展示平臺，使得自己所需要展示的東西，得到高效快速的傳播，提高用戶傳播信息的積極性。本文設(shè)計(jì)與開發(fā)了基于HTML5的短視頻網(wǎng)站，目的是為了建造一個(gè)現(xiàn)代化、高效化的視頻網(wǎng)站，普通用戶的信息可以被管理員隨時(shí)隨地的在線更改，實(shí)現(xiàn)了他們之間的信息銜接，相互關(guān)系在一起，使得人們在使用平臺時(shí)更加便捷?？偠灾桃曨l網(wǎng)站具有巨大的發(fā)展前景。因此，短視頻網(wǎng)站的開發(fā)順應(yīng)著現(xiàn)代網(wǎng)絡(luò)的潮流。1.3文章內(nèi)容概述基于HTML5的短視頻網(wǎng)站設(shè)計(jì)與開發(fā)的系統(tǒng)，首先需要明確列明網(wǎng)站所需的功能。列出清單之后，檢查與自己想要的有什么不一樣或者是遺漏的功能，隨后進(jìn)行系統(tǒng)性分析，系統(tǒng)設(shè)計(jì)等，系統(tǒng)開發(fā)完后，進(jìn)行系統(tǒng)測試優(yōu)化該短視頻網(wǎng)站信息管理。第一章：查找書籍資料，仔細(xì)說明系統(tǒng)的開發(fā)背景、系統(tǒng)研究目的和意義等。第二章：開發(fā)技術(shù)與環(huán)境，短視頻網(wǎng)站設(shè)計(jì)所用到的相關(guān)技術(shù)介紹。第三章：主要是針對系統(tǒng)需求分析中的各個(gè)相關(guān)功能需求進(jìn)行分析設(shè)計(jì)，包括各個(gè)功能模塊的設(shè)計(jì)，以及對應(yīng)不同功能模塊的數(shù)據(jù)庫表的設(shè)計(jì)，分析數(shù)據(jù)庫設(shè)計(jì)中的結(jié)構(gòu)設(shè)計(jì)。。第四章：主要是針對系統(tǒng)需求分析中的各個(gè)相關(guān)功能需求進(jìn)行分析設(shè)計(jì)，包括各個(gè)功能模塊的設(shè)計(jì)，以及對應(yīng)不同功能模塊的數(shù)據(jù)庫表的設(shè)計(jì)，分析數(shù)據(jù)庫設(shè)計(jì)中的結(jié)構(gòu)設(shè)計(jì)。第五章：介紹系統(tǒng)需求分析中的各種功能需求一一實(shí)現(xiàn)，達(dá)到需求分析中的運(yùn)行效果。第六章：對系統(tǒng)測試進(jìn)行詳細(xì)描述，介紹系統(tǒng)測試的基本理論和測試方法，并結(jié)合該系統(tǒng)的功能實(shí)現(xiàn)給出了各個(gè)功能點(diǎn)的詳細(xì)測試用例。第七章：是對整篇論文的總結(jié)以及開發(fā)過程中的收獲和心得。2系統(tǒng)需求分析2．1系統(tǒng)可行性分析2.1.1經(jīng)濟(jì)可行性初期短視頻網(wǎng)站網(wǎng)站的建設(shè)成本不高，隨著短視頻網(wǎng)站經(jīng)濟(jì)的蓬勃發(fā)展，未來電子視頻的大眾化普及程度的提升，短視頻網(wǎng)站市場即將和正在不斷壯大的商機(jī)是不容小覷的，而人工后期對于網(wǎng)站投入的維護(hù)成本相比與巨大的利潤相比是微不足道的，因此開發(fā)短視頻網(wǎng)站的可能很大。2.1.2技術(shù)可行性我國計(jì)算機(jī)行業(yè)發(fā)展日益迅速，電子支付的普及程度越來越高，關(guān)于網(wǎng)上支付的技術(shù)越來越發(fā)達(dá)，無論是硬件還是軟件方面開發(fā)電子商務(wù)網(wǎng)站都具有很強(qiáng)的可行性，且本人選擇的MySQL數(shù)據(jù)庫，數(shù)據(jù)安全性高，結(jié)合Java技術(shù)，打造一個(gè)可滿足大多數(shù)人需求的短視頻網(wǎng)站的技術(shù)可行性是很強(qiáng)的。2.1.3運(yùn)行可行性基于HTML5的短視頻網(wǎng)站的設(shè)計(jì)系統(tǒng)界面一目了然，功能明確，用戶使用不存在任何操作上的問題。本系統(tǒng)不存在任何觸犯法律的地方，因此具有很強(qiáng)的法律可行性。系統(tǒng)編寫正常且完整，使用流暢無任何障礙，具有操作可行性。2．2系統(tǒng)功能分析本系統(tǒng)分為管理員和用戶兩個(gè)角色。用戶可以登錄網(wǎng)站首頁，瀏覽電影列表，查看電影預(yù)告與詳情，查看收錄的短視頻網(wǎng)站以及查看最新電影動態(tài)等；管理員負(fù)責(zé)系統(tǒng)的電影預(yù)告與詳情管理，網(wǎng)址信息的管理，友情鏈接的管理，收錄的電影管理以及最新電影動態(tài)的管理。2．3系統(tǒng)非功能分析2.3.1交互設(shè)計(jì)分析交互設(shè)計(jì)是以用戶為目標(biāo)的設(shè)計(jì)，而第二用戶是所有交互設(shè)計(jì)中的最高優(yōu)先級，所有的設(shè)計(jì)都是以用戶為中心的，通過設(shè)計(jì)用戶的動作，交互設(shè)計(jì)師能讓用戶更加方便快捷的完成產(chǎn)品業(yè)務(wù)目標(biāo)，讓用戶能夠擁有更好的體驗(yàn)。2.3.2整體色調(diào)分析由于本人開發(fā)的是視頻播放系統(tǒng)，在系統(tǒng)開發(fā)的過程中應(yīng)當(dāng)重點(diǎn)關(guān)注整體色調(diào)是否統(tǒng)一，為顯示出簡潔大氣的特點(diǎn)，本網(wǎng)站背景主色調(diào)大都采用單一色彩作為背景，并擯棄掉雜亂無章的部分。2.3.3性能需求分析在準(zhǔn)確性方面，輸入用戶名和密碼，密碼應(yīng)當(dāng)被隱藏。頁面與頁面之間的跳轉(zhuǎn)需要準(zhǔn)確。系統(tǒng)處理時(shí)間不宜過長。系統(tǒng)界面應(yīng)當(dāng)簡潔明了，操作簡單。用戶輸入搜索詞時(shí)，就可以搜索到想要的信息。2.3.4安全性需求分析系統(tǒng)需要有較強(qiáng)的安全性來保證用戶和管理員信息的不被泄露，系統(tǒng)安全性的需求是一定要滿足的。3開發(fā)環(huán)境介紹本系統(tǒng)架構(gòu)為SpringBoot+SpringMVC+Mybatis+Themeleaf+Jpa+html（ssm架構(gòu)）；數(shù)據(jù)庫：Mysql；開發(fā)語言：HTML5前臺使用bootstrap框架。本系統(tǒng)的特點(diǎn)：在啟動項(xiàng)目時(shí)，能夠自動建庫、建表、建字段，若需要在對象中添加新的屬性，則添加字段即可，數(shù)據(jù)表會自動新增字段。3．1MySQL數(shù)據(jù)庫介紹MySQL是一款安全、跨平臺、高效的，并與PHP、Java等主流編程語言緊密結(jié)合的數(shù)據(jù)庫系統(tǒng)。該數(shù)據(jù)庫系統(tǒng)是由瑞典的MySQLAB公司開發(fā)、發(fā)布并支持，由MySQL的初始開發(fā)人員DavidAxmark和MichaelMontyWidenius于1995年建立的。MySQL被廣泛地應(yīng)用在中小型網(wǎng)站。因?yàn)槠鋼碛畜w積小、速度快、總體擁有成本低、開放源碼的特點(diǎn)，尤其是開放源碼這一特點(diǎn)，使得眾多公司選擇MySQL數(shù)據(jù)庫以降低成本。MySQL具備以下特點(diǎn)：功能強(qiáng)大、支持跨平臺、運(yùn)行速度快、支持面向?qū)ο蟆踩愿?、成本低、支持各種開發(fā)語言、數(shù)據(jù)庫存儲量大、支持強(qiáng)大的內(nèi)置函數(shù)。3．2SpringBoot介紹SpringBoot基于4.0的設(shè)計(jì)，擁有原版框架所具有的突出特點(diǎn)。同時(shí)它還集合了許多其他的框架。結(jié)合這些框架，在實(shí)現(xiàn)原有功能的基礎(chǔ)上完善了因依賴包的版本不一致所導(dǎo)致的矛盾，同時(shí)還處理了使用操作不穩(wěn)定等故障。其運(yùn)行容易，并且內(nèi)置tomcat，因此不用再額外地配置tomcat便可啟動項(xiàng)目。3．3HTML5介紹該語言具有標(biāo)識作用。許多標(biāo)簽存在于該語言內(nèi)，并且這些標(biāo)簽具有至關(guān)重要的作用?，F(xiàn)如今存在各式各樣的文檔格式，該工具能夠?qū)⑦@些不同的格式保持一致。此外，該語言還具有將散開的資源凝聚成一個(gè)更具邏輯性的整體的能力。在開發(fā)網(wǎng)頁時(shí)，大多數(shù)情況下都會依靠HTML命令對動態(tài)文件，音樂，文檔等內(nèi)容來進(jìn)行描述。3．4BootStrap介紹Bootstrap被用來開發(fā)前端，擁有著精簡、強(qiáng)大等優(yōu)異的特點(diǎn)。具有快速地建立網(wǎng)頁的功能。在國內(nèi)，許多程序員在開發(fā)網(wǎng)站時(shí)所用到的框架，都是在Bootstrap源碼的基礎(chǔ)上將其功能方面進(jìn)行了改良。4在線短視頻網(wǎng)站模型4．1在線短視頻網(wǎng)站程序流程短視頻網(wǎng)站的流程圖，如圖1所示。首先，打開系統(tǒng)的主界面，并進(jìn)行登錄；如果用戶已有賬號可直接登錄，并進(jìn)行相關(guān)的操作；如果沒有賬號，就注冊并登錄；倘若是管理員登錄該系統(tǒng)，則進(jìn)入相對應(yīng)的系統(tǒng)界面，接下來就可以進(jìn)行相關(guān)的操作。圖1短視頻網(wǎng)站的程序流程圖4．2視頻網(wǎng)站的數(shù)據(jù)庫設(shè)計(jì)4.2.1數(shù)據(jù)庫表的概念結(jié)構(gòu)設(shè)計(jì)在整個(gè)系統(tǒng)設(shè)計(jì)的過程當(dāng)中，最關(guān)鍵的便是數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計(jì)。它關(guān)系著程序最終是否能夠達(dá)到用戶滿意的結(jié)果。由于此系統(tǒng)總體上分為用戶端和管理員端兩大模塊，且這兩大模塊有公用的數(shù)據(jù)。出于增加系統(tǒng)的運(yùn)行速度的目的，同時(shí)也要確保用戶在操縱時(shí)數(shù)據(jù)的安全和完整。該系統(tǒng)所設(shè)想的系統(tǒng)數(shù)據(jù)庫表，主要包括以下五個(gè)實(shí)體：視頻、評論、用戶、評論以及社區(qū)，每一個(gè)實(shí)體都表示數(shù)據(jù)庫里的一個(gè)表，表與表之間都是有關(guān)系的，因此實(shí)體之間也是有關(guān)系的。4.2.2數(shù)據(jù)庫表的邏輯結(jié)構(gòu)設(shè)計(jì)在整個(gè)系統(tǒng)設(shè)計(jì)的過程當(dāng)中，最關(guān)鍵的便是數(shù)據(jù)庫的結(jié)構(gòu)設(shè)計(jì)。它關(guān)系著程序最終是否能夠達(dá)到用戶滿意的結(jié)果。該系統(tǒng)利用了MySQL來存儲用戶，視頻，評論以及管理員的信息。由于其體積小、速度快、總擁有成本低，為了降低網(wǎng)站的總擁有成本，本系統(tǒng)選擇MySQL作為網(wǎng)站數(shù)據(jù)庫，表的具體設(shè)計(jì)如表1~表4所示。表1用戶信息表字段名字段描述字段類型長度userName用戶名varchar255password密碼varchar 255lastLoginTime上次登陸時(shí)間datetimesex性別varchar 255email郵箱varchar 255love愛好varchar 255sign個(gè)簽varchar 255image頭像varchar 255表2管理員的信息表字段名字段描述字段類型長度adminName用戶名varchar255password密碼varchar 255lastLoginTime上次登陸時(shí)間datetime表3評論人信息表字段名字段描述字段類型長度userName評論人varchar 255userId評論人IDlong20image評論人頭像varchar 255commentName標(biāo)題/音樂名varchar 255commentIdIDlong20commentContent內(nèi)容varchar 255type評論類型varchar 255表4視頻的信息表字段名字段描述字段類型長度musicName標(biāo)題名varchar 255image視頻封面varchar 255path視頻路徑varchar 255musicStyle視頻風(fēng)格varchar 255thumbsNumber點(diǎn)贊數(shù)int10fxdate發(fā)行日期varchar 255musicLry描述varchar 255thumbsUserName點(diǎn)贊用戶idvarchar 2555在線視頻點(diǎn)播實(shí)現(xiàn)5.1管理員登陸后對用戶進(jìn)行管理部分功能代碼如下：packagecom.base.action.manage；importcom.base.config.Global；importcom.github.pagehelper.PageInfo；importjava.util.Arrays；/***CreatedbyAdministratoron2021/9/10.*/publicclassUseControl{@AutowiredprivateUseServiceuseService;@GetMapping(value="/add")publicModelViewadd(ModelViewmv,Stringid){mv.addObject("obj",newUse())；mv.setnewName(Global.manager+"useAdd")；if(id!=null){//編輯Useobj=this.useService.getOne(Long.parseLong(id))；mv.addObject("obj",obj)；}returnmv；}@PostMapping(value="/save")publicModelViewsave(ModelViewmv,Useuse,@RequestParam("imgfile")MultipartFileimgfile){ if(!imgfile.isEmpty()){ StringimagePath=CommUtil.uploadFile(imgfile)； user.setImage(imagePath)； } this.useService.save(use)；StringreturnUrl="/manage/use/List"；mv.setnewName("redirect:/success?url="+returnUrl)；returnmv；}@GetMapping(value="/delete")publicModelViewdelete(Stringids,ModelViewmv){Arrays.asList(ids).stream().forEach((item)->{if(!StringUtils.isEmpty(item))this.userService.delete(Long.parseLong(item))；})；StringreturnUrl="/manager/user/pageList"；mv.setViewName("redirect:/success?url="+returnUrl)；returnmv；}@GetMapping(value="/pageList")publicModelViewList(ModelViewmv,StringcurrentPage,Useruser){mv.setnewName(Global.manage+"useList")；PageInfopageInfo=this.userService.pageList(currentPage,use)；mv.addObject("pageInfo",pageInfo)；returnmv；}/***查看詳情**@parammv*@paramid*@return*/@GetMapping(value="/detail")publicModelViewdetail(ModelViewmv,Stringid){StringreturnUrl="/manage/use/List"；mv.setnewName("redirect:/error?url="+returnUrl+"&msg="CommUtil.encodeUtf8("數(shù)據(jù)不存在"))；if(id==null){returnmv；}Userobj=this.userService.getOne(Long.parseLong(id))；if(obj==null){returnmv；}mv.setViewName(Global.manager+"userDetail")；mv.addObject("obj",obj)；returnmv；}}5.2用戶功能模塊的實(shí)現(xiàn)根據(jù)對現(xiàn)實(shí)中部分用戶的基本需求分析，本系統(tǒng)總體上分為用戶端和管理員端兩部分，用戶使用用戶端實(shí)現(xiàn)歌曲瀏覽、下載和點(diǎn)贊，管理者使用管理員端進(jìn)行歌曲的上傳。5.2.1系統(tǒng)主頁面用戶瀏覽的視頻播放器主界面如圖2所示：圖2系統(tǒng)主界面此頁面的服務(wù)對象是所有瀏覽該頁面的用戶，因此當(dāng)用戶瀏覽該頁面時(shí)，無需注冊登錄，只需跟隨自己的喜好進(jìn)行瀏覽，為了提高用戶的使用率，增加潛在用戶，此系統(tǒng)主頁面免費(fèi)模塊的視頻可以供所有用戶免費(fèi)瀏覽觀看。5.2.2視頻詳情主界面用戶瀏覽的視頻詳情主界面如圖3所示：圖3視頻詳情主界面當(dāng)用戶點(diǎn)擊視頻作品后，該系統(tǒng)即可進(jìn)入對應(yīng)視頻的概況頁面，用戶可在該頁面觀看視頻、下載視頻、評論視頻以及點(diǎn)贊該視頻。為了保護(hù)已注冊系統(tǒng)的用戶的利益，系統(tǒng)的視頻談?wù)?、下載視頻、點(diǎn)贊視頻和部分視頻觀看僅限已注冊系統(tǒng)的用戶使用。因此為了區(qū)分訪問者和系統(tǒng)用戶，用戶在操作此頁面時(shí)需要登錄。為了增加使用該系統(tǒng)的用戶數(shù)量、提高訪問量，該系統(tǒng)為游客提供了注冊服務(wù)，當(dāng)游客希望成為該網(wǎng)站的用戶時(shí)，只需點(diǎn)擊注冊按鈕輸入相應(yīng)數(shù)據(jù)，即可完成注冊?？紤]到用戶的數(shù)量可能會非常龐大，為了便于用戶數(shù)據(jù)儲存與使用，系統(tǒng)對用戶的身份做了唯一標(biāo)識，但為了方便用戶登錄該系統(tǒng)，因?yàn)橛脩粼谧詴r(shí)需要注冊不同的用戶名，以便于系統(tǒng)對用戶進(jìn)行標(biāo)識。5.2.3管理員主界面管理員主界面如圖4所示：圖4管理員主界面管理員應(yīng)當(dāng)輸入準(zhǔn)確的賬號以及密碼，才能成功地登錄管理的菜單頁面，之后便可以在該頁面的系統(tǒng)菜單里進(jìn)行操作。管理員可在這個(gè)界面進(jìn)行視頻詳細(xì)信息的輸入、查看用戶的評論是否合理、處理用戶的具體消息及其個(gè)人賬號的處理。當(dāng)管理員輸入的管理員名和密碼錯(cuò)誤時(shí)，則管理員需重新輸入，直到頁面顯示登錄成功為止。由于管理員端的主要操作為視頻詳細(xì)信息的輸入和用戶評論信息的查看兩部分，因?yàn)槠溆嗟脑O(shè)計(jì)也較為簡單。5.2.4視頻詳細(xì)信息輸入界面管理員在管理員端主頁面，點(diǎn)擊視頻添加按鈕，即可進(jìn)入視頻詳細(xì)信息輸入主界面，具體頁面如圖5所示：圖5視頻詳細(xì)信息輸入界面在這個(gè)頁面上管理員需輸入具體的視頻信息，待所有的視頻信息輸入完成后，管理員通過點(diǎn)擊提交按鈕即可完成對應(yīng)視頻信息的發(fā)布，待數(shù)據(jù)存入數(shù)據(jù)庫中后，用戶可在此系統(tǒng)的主頁面上瀏覽到該視頻的信息，若用戶喜歡該視頻，通過點(diǎn)擊該視頻進(jìn)入詳情頁面，觀看管理員最新上傳的視頻。管理員可以通過點(diǎn)擊視頻列表按鈕，進(jìn)入視頻列表頁面，查看剛剛發(fā)布的視頻中的所有信息，為了方便管理員，系統(tǒng)在頁面中設(shè)計(jì)了視頻的刪除、修改功能，如果管理員對剛剛發(fā)布的視頻中的具體信息不滿意，單擊“修改”按鈕并進(jìn)入“修改”頁面。5.2.5個(gè)人信息界面用戶在登錄后可以在個(gè)人信息頁面修改自己的用戶名，郵箱，密碼等。具體的頁面如圖6所示。圖6個(gè)人信息界面為了便于用戶進(jìn)行注冊，用戶注冊時(shí)只需輸入用戶名、密碼、電話以及驗(yàn)證碼，即可完成注冊。通過數(shù)據(jù)調(diào)查，很多用戶在注冊完成之后，會對自己的個(gè)人信息進(jìn)行一定的修改，為了提高用戶對此程序的使用頻率，該系統(tǒng)在總體設(shè)計(jì)時(shí)，也設(shè)計(jì)了同樣的功能模塊。5.2.6用戶端評論管理界面用戶在對應(yīng)的視頻頁面下，發(fā)布完所編輯的評論后，若無不當(dāng)評論，即可在評論管理界面看到自己發(fā)布的所有評論，具體的頁面如圖7所示。圖7用戶端評論管理界面為了方便用戶對所觀看的視頻進(jìn)行評論，具體的評論框表設(shè)計(jì)在視頻的下端，用戶只需在評論框中輸入自己想要評論的信息后，只需點(diǎn)擊提交按鈕，即可發(fā)布完成。由于此系統(tǒng)并未在整體編寫的代碼中編寫，自動識別不合語義的評論并顯示輸入不合法語言，因此用戶的評論是否符合當(dāng)前網(wǎng)絡(luò)環(huán)境規(guī)范，均需管理員對其進(jìn)行查看，待管理員查看完畢，用戶的評論無不當(dāng)，即可顯示在視頻詳情頁面之中。6系統(tǒng)測試5.1管理員登陸后對用戶進(jìn)行管理一是保證系統(tǒng)質(zhì)量。系統(tǒng)測試最主要的目的就是保證系統(tǒng)的總體質(zhì)量，確保用戶的各種需求功能可以正常使用，盡可能避免在用戶使用高峰期時(shí)，出現(xiàn)服務(wù)器被突然擠爆，用戶不能正常使用系統(tǒng)的情況。二是確保系統(tǒng)安全。無論用戶如何進(jìn)行操作，外界如何攻擊該系統(tǒng)，都要確保該系統(tǒng)的所有用戶信息不會被非法盜取。為了提高數(shù)據(jù)的安全性，系統(tǒng)還對部分?jǐn)?shù)據(jù)進(jìn)行了加密。三是為了降低系統(tǒng)的開發(fā)成本。提高用戶的使用效率，增加使用該系統(tǒng)的用戶數(shù)量，此系統(tǒng)目前的所有視頻供所有用戶和游客觀看。為了降低開發(fā)的成本，主要是穿插一些小廣告在用戶瀏覽的所有頁面之中。5.2系統(tǒng)的具體測試此系統(tǒng)以實(shí)用性為主要點(diǎn)，功能設(shè)計(jì)簡單明了，便于目前瀏覽網(wǎng)頁觀看視頻的各種年齡段用戶進(jìn)行使用和操作。由于整體設(shè)計(jì)簡潔，功能模塊劃分明確，因此目前設(shè)計(jì)的所有功能均已通過單元測試，出現(xiàn)的軟件和硬件錯(cuò)誤較少，為了盡可能的減少軟件運(yùn)行時(shí)出錯(cuò)的機(jī)會，本文對此系統(tǒng)做了一定的測試，以保證使用者的使用，基本的測試流程如下所示：（1）登錄注冊，對用戶登錄注冊和管理員登錄注冊的錯(cuò)誤和正確性進(jìn)行測試，檢查輸入的錯(cuò)誤信息是否可以成功登錄或注冊。（2）通過輸入給定的IP網(wǎng)址進(jìn)入系統(tǒng)首頁，查看主頁面的菜單欄信息是否顯示成功，用戶注冊與登錄按鈕是否可以點(diǎn)擊成功，視頻概況頁面是否可以打開。（3）視頻詳情頁面，隨意輸入評論信息點(diǎn)擊提交按鈕查看是否可以發(fā)布成功；點(diǎn)擊點(diǎn)贊按鈕是否可以點(diǎn)贊成功；點(diǎn)擊下載按鈕，視頻是否能下載成功。（4）評論界面，用戶評論后，管理員端、用戶端以及瀏覽器頁面上是否能夠查看到具體的評論信息。（5）個(gè)人信息界面，用戶登錄用戶端的頁面后，是否可以查看到自己輸入的個(gè)人具體信息。（6）視頻詳細(xì)信息輸入主界面，管理員在視頻詳細(xì)信息輸入主界面輸入具體的視頻信息后，用戶是否可以在主頁面查看到具體的視頻信息。根據(jù)上述測試流程圖，在系統(tǒng)管理員和用戶的系統(tǒng)都正確啟動的情況下，本文根據(jù)現(xiàn)實(shí)情況設(shè)置了一定的測試用例，具體的測試用例如下：在線短視頻網(wǎng)站等價(jià)類劃分如下表5所示：表5視頻網(wǎng)站的等價(jià)類劃分輸入條件有效等價(jià)類無效等價(jià)類用戶輸入對應(yīng)的賬戶和密碼用戶名和密碼正確（1）用戶名和密碼錯(cuò)誤（2）管理員輸入對應(yīng)的賬戶和密碼用戶名和密碼正確（3）用戶名和密碼錯(cuò)誤（4）管理員對視頻信息的提交填入數(shù)據(jù)有效（5）填入數(shù)據(jù)無效（6）用戶對評論信息的提交填入數(shù)據(jù)有效（7）填入數(shù)據(jù)無效（8）用戶對視頻的點(diǎn)贊點(diǎn)贊成功（9）點(diǎn)贊失敗（10）用戶對視頻的下載下載成功（11）下載失?。?2）管理員對視頻的刪除刪除成功（13）刪除失?。?4）用戶主動點(diǎn)擊退出按鈕退出有效（15）無管理員主動點(diǎn)擊退出按鈕退出有效（16）無分別使用管理員賬戶和用戶賬戶登錄成功后，進(jìn)入視頻網(wǎng)站系統(tǒng)，對登錄后的界面進(jìn)行功能測試，具體的測試用例如下表6所示：表6界面功能測試用例功能名稱操作的目標(biāo)信息用例覆蓋等價(jià)類界面提示操作結(jié)果測試結(jié)果登錄（用戶名who）密碼：1234567890（1）登錄成功登錄成功通過登錄（用戶who）密碼：123456（2）登錄失敗，賬號或密碼錯(cuò)誤登錄失敗通過登錄（管理員admin）密碼：1234567890（3）頁面跳轉(zhuǎn)，進(jìn)入主頁登錄成功通過登錄（管理員admin）密碼：xxxxxxx（4）登錄失敗，賬號或密碼錯(cuò)誤登錄失敗通過添加視頻信息添加正確用戶信息（5）提交成功增加成功通過添加視頻信息不輸入任何信息，并點(diǎn)擊提交按鈕（6）提交失敗增加失敗通過添加評論信息添加正確垃圾信息（7）提交成功增加成功通過添加評論信息不輸入任何信息，并點(diǎn)擊提交按鈕（8）提交失敗增加失敗通過點(diǎn)贊點(diǎn)擊點(diǎn)贊按鈕（9）點(diǎn)贊數(shù)量加一點(diǎn)贊成功通過點(diǎn)贊點(diǎn)擊點(diǎn)贊按鈕（10）點(diǎn)贊數(shù)量不變點(diǎn)贊失敗通過下載視頻點(diǎn)擊下載按鈕（11）有下載顯示下載成功通過下載視頻點(diǎn)擊下載按鈕（12）無下載顯示下載失敗