仿微博官網(wǎng)設(shè)計(jì)_第1頁
仿微博官網(wǎng)設(shè)計(jì)_第2頁
仿微博官網(wǎng)設(shè)計(jì)_第3頁
仿微博官網(wǎng)設(shè)計(jì)_第4頁
仿微博官網(wǎng)設(shè)計(jì)_第5頁
已閱讀5頁，還剩16頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

作品概述微博是基于用戶關(guān)系的社交媒體平臺(tái)，用戶可以通過PC、手機(jī)等多種移動(dòng)終端接入，以文字、圖片、視頻等多媒體形式，實(shí)現(xiàn)信息的即時(shí)分享、傳播互動(dòng)

。微博基于公開平臺(tái)架構(gòu)，提供簡單、前所未有的方式使用戶能夠公開實(shí)時(shí)發(fā)表內(nèi)容，通過裂變式傳播，讓用戶與他人互動(dòng)并與世界緊密相連。

作為繼門戶、搜索之后的互聯(lián)網(wǎng)新入口，微博改變了信息傳播的方式，實(shí)現(xiàn)了信息的即時(shí)分享

。如今的智能網(wǎng)絡(luò)世界非常發(fā)達(dá)，隨著人民的生活提高，各種方式的變化，導(dǎo)致如今的人們對生活的態(tài)度與要求也隨之不斷提高，從而促進(jìn)了不斷發(fā)展壯大。如今的交友網(wǎng)站經(jīng)過長時(shí)間的發(fā)展和探索，已經(jīng)發(fā)展的相對比較成熟了，所以市面上就誕生了很多知名的大網(wǎng)站，也誕生了許多小網(wǎng)站，這些網(wǎng)站為我們提供了比較全面的交友平臺(tái)和服務(wù)，使得我們的變得方便許多。。這款仿照微博設(shè)計(jì)的網(wǎng)頁集主頁、熱門專題、漫游、時(shí)尚、音樂、注冊、登錄等功能。2.開發(fā)環(huán)境2.1硬件環(huán)境Cpu：Inter：i7-9400顯卡：GTX1660ti固態(tài)硬盤：526G機(jī)械硬盤：1T內(nèi)存條：32G2.2軟件環(huán)境操作系統(tǒng)：Win10操作系統(tǒng)以及以上。開發(fā)平臺(tái)：Hbuilder瀏覽器：谷歌瀏覽器2.3工具軟件Mysql：MySQL是一個(gè)關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，由瑞典MySQLAB公司開發(fā)，屬于Oracle旗下產(chǎn)品。MySQL是最流行的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)之一，在WEB應(yīng)用方面，MySQL是最好的RDBMS(RelationalDatabaseManagementSystem，關(guān)系數(shù)據(jù)庫管理系統(tǒng))應(yīng)用軟件之一。MySQL是一種關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，關(guān)系數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個(gè)大倉庫內(nèi)，這樣就增加了速度并提高了靈活性。HBuilder：HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。[1]HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。它基于Eclipse，所以順其自然地兼容了Eclipse的插件。2.4產(chǎn)品架構(gòu)SSM框架：SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis兩個(gè)開源框架整合而成（SpringMVC是Spring中的部分內(nèi)容）。常作為數(shù)據(jù)源較簡單的web項(xiàng)目的框架。Spring

Spring就像是整個(gè)項(xiàng)目中裝配bean的大工廠，在配置文件中可以指定使用特定的參數(shù)去調(diào)用實(shí)體類的構(gòu)造方法來實(shí)例化對象。也可以稱之為項(xiàng)目中的粘合劑。

Spring的核心思想是IoC（控制反轉(zhuǎn)），即不再需要程序員去顯式地`new`一個(gè)對象，而是讓Spring框架幫你來完成這一切。

SpringMVC

SpringMVC在項(xiàng)目中攔截用戶請求，它的核心Servlet即DispatcherServlet承擔(dān)中介或是前臺(tái)這樣的職責(zé)，將用戶請求通過HandlerMapping去匹配Controller，Controller就是具體對應(yīng)請求所執(zhí)行的操作。SpringMVC相當(dāng)于SSH框架中struts。

mybatis

mybatis是對jdbc的封裝，它讓數(shù)據(jù)庫底層操作變的透明。mybatis的操作都是圍繞一個(gè)sqlSessionFactory實(shí)例展開的。mybatis通過配置文件關(guān)聯(lián)到各實(shí)體類的Mapper文件，Mapper文件中配置了每個(gè)類對數(shù)據(jù)庫所需進(jìn)行的sql語句映射。在每次與數(shù)據(jù)庫交互時(shí)，通過sqlSessionFactory拿到一個(gè)sqlSession，再執(zhí)行sql命令。頁面發(fā)送請求給控制器，控制器調(diào)用業(yè)務(wù)層處理邏輯，邏輯層向持久層發(fā)送請求，持久層與數(shù)據(jù)庫交互，后將結(jié)果返回給業(yè)務(wù)層，業(yè)務(wù)層將處理邏輯發(fā)送給控制器，控制器再調(diào)用視圖展現(xiàn)數(shù)據(jù)。3.需求分析3.1總體目標(biāo)該網(wǎng)站主要仿照新浪微博的設(shè)計(jì)，突出一個(gè)當(dāng)代交友的環(huán)境，有美觀的頁面設(shè)計(jì)。主要功能：1. 用戶可以瀏覽熱門新聞，并且可以瀏覽實(shí)時(shí)資訊。2. 網(wǎng)站擁有一定數(shù)量的信息，方便了解到他人信息。3. 可以隨時(shí)聯(lián)系我們4. 大家可以分享自己的新鮮事發(fā)布到本網(wǎng)站上。5. 可以在網(wǎng)站里對我們提出相關(guān)建議以及完善調(diào)查。3.2功能需求1、登錄用戶在登錄模塊中輸入賬號(hào)密碼，系統(tǒng)會(huì)登陸。2、注冊用戶在注冊模塊進(jìn)行注冊3、建議模塊實(shí)現(xiàn)的主要功能是給網(wǎng)站管理者發(fā)送信息4、搜索模塊實(shí)現(xiàn)功能為快速簡潔搜索到自己想要得到的內(nèi)容。5、熱門模塊在信息展示模塊更快速的看到最新熱門信息進(jìn)行瀏覽性能需求硬件最小需求：奔騰3以上CPU，256M以上內(nèi)存，10G以上剩余硬盤空間支持軟件：操作系統(tǒng)：Windows98/2000/XP支持環(huán)境：IIS4.04.系統(tǒng)設(shè)計(jì)圖表SEQ圖表\*ARABIC1系統(tǒng)詳細(xì)設(shè)計(jì)主頁面：圖表SEQ圖表\*ARABIC24.1.1<html><head><title>Home</title><metaname="viewport"content="width=device-width,initial-scale=1"><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="keywords"content=""/><scripttype="applijewelleryion/x-javascript">addEventListener("load",function(){setTimeout(hideURLbar,0);},false);functionhideURLbar(){window.scrollTo(0,1);}</script><linkhref="css/bootstrap.css"rel='stylesheet'type='text/css'/><!--CustomThemefiles--><linkhref='/css?family=Raleway:400,600,700'rel='stylesheet'type='text/css'><linkhref="css/style.css"rel='stylesheet'type='text/css'/><scriptsrc="js/jquery-1.11.1.min.js"></script><scriptsrc="js/bootstrap.min.js"></script><!--animation-effect--><linkhref="css/animate.min.css"rel="stylesheet"><scriptsrc="js/wow.min.js"></script><script>newWOW().init();</script><!--//animation-effect--></head><body><divclass="header"id="ban"><divclass="container"><divclass="head-leftwowfadeInLeftanimatedanimated"data-wow-delay=".5s"style="visibility:visible;animation-delay:0.5s;animation-name:fadeInLeft;"><divclass="header-search"><divclass="search"><inputclass="search_box"type="checkbox"id="search_box"><labelclass="icon-search"for="search_box"><spanclass="glyphiconglyphicon-search"aria-hidden="true"></span></label><divclass="search_form"><formaction="#"method="post"><inputtype="text"name="Search"placeholder="Search..."><inputtype="submit"value="Send"></form></div></div></div></div><divclass="header_rightwowfadeInLeftanimatedanimated"data-wow-delay=".5s"style="visibility:visible;animation-delay:0.5s;animation-name:fadeInLeft;"><navclass="navbarnavbar-default"><!--Brandandtogglegetgroupedforbettermobiledisplay--><divclass="navbar-header"><buttontype="button"class="navbar-togglecollapsed"data-toggle="collapse"data-target="#bs-example-navbar-collapse-1"><spanclass="sr-only">Togglenavigation</span><spanclass="icon-bar"></span><spanclass="icon-bar"></span><spanclass="icon-bar"></span></button></div>主頁面：圖表SEQ圖表\*ARABIC34.1.2<!--Collectthenavlinks,forms,andothercontentfortoggling--><divclass="collapsenavbar-collapsenav-wil"id="bs-example-navbar-collapse-1"><navclass="link-effect-7"id="link-effect-7"><ulclass="navnavbar-nav"><liclass="activeact"><ahref="index.html">家</a></li><li><ahref="about.html">關(guān)于</a></li><li><ahref="features.html">專題</a></li><li><ahref="travel.html">漫游</a></li><li><ahref="fashion.html">時(shí)尚</a></li><li><ahref="music.html">音樂</a></li><li><ahref="codes.html">代碼</a></li><li><ahref="contact.html">注冊賬號(hào)</a></li></ul></nav></div><!--/.navbar-collapse--></nav></div><divclass="navnavbar-navnavbar-rightsocial-iconswowfadeInRightanimatedanimated"data-wow-delay=".5s"style="visibility:visible;animation-delay:0.5s;animation-name:fadeInRight;"><ul><li><ahref="#"></a></li><li><ahref="#"class="pin"></a></li><li><ahref="#"class="in"></a></li><li><ahref="#"class="be"></a></li><li><ahref="#"class="vimeo"></a></li></ul></div><divclass="clearfix"></div></div></div><!--start-main--><divclass="header-bottom"><divclass="container"><divclass="logowowfadeInDown"data-wow-duration=".8s"data-wow-delay=".2s"><h1><ahref="index.html">微浪新博</a></h1><p><labelclass="of"></label>打造完美風(fēng)格<labelclass="on"></label></p></div>登錄注冊模板實(shí)現(xiàn)：圖表SEQ圖表\*ARABIC44.1.3圖表SEQ圖表\*ARABIC54.1.4<divclass="login"><divclass="container"><divclass="row"><divclass="col-md-4col-md-offset-4"><divclass="panelpanel-success"><divclass="panel-heading"><divclass="panel-title"><h4>登陸</h4><h6>loginyourselftogetaccess</h6></div></div><divclass="panel-body"><formrole="form"><divclass="form-groupinput-group"><spanclass="input-group-addon"><iclass="fafa-tag"></i></span><inputtype="text"class="form-control"name="username"value=""placeholder="請輸入您的帳號(hào)"></div><divclass="form-groupinput-group"><spanclass="input-group-addon"><iclass="fafa-lock"></i></span><inputtype="password"class="form-control"name="pwd"value=""placeholder="請輸入您的密碼"></div><divclass="form-group"><labelclass="checkbox-inline"><inputtype="checkbox"/>記住密碼</label><ahref="h4.html">忘記密碼?</a></div><ahref="index.html"class="btnbtn-success">登陸</a><hr/>未注冊?<ahref="h3.html">點(diǎn)擊這里</a></form>最近熱門&熱門圖片：圖表SEQ圖表\*ARABIC64.1.5<divclass="blo-top1"><divclass="tech-btm"><divclass="search-1"><formaction="#"method="post"><inputtype="search"name="Search"value="搜索"onfocus="this.value='';"onblur="if(this.value==''){this.value='Search';}"required=""><inputtype="submit"value=""></form></div><h4>最近熱門</h4><divclass="blog-grids"><divclass="blog-grid-left"><ahref="singlepage.html"><imgsrc="images/t2.jpg"class="img-responsive"alt=""></a></div><divclass="blog-grid-right"><h5><ahref="singlepage.html">山東這五所高校發(fā)布住宿費(fèi)退費(fèi)通知</a></h5></div><divclass="clearfix"></div></div><divclass="blog-grids"><divclass="blog-grid-left"><ahref="singlepage.html"><imgsrc="images/m2.jpg"class="img-responsive"alt=""></a></div><divclass="blog-grid-right"><h5><ahref="singlepage.html">入夜后的銀川越來越有煙火氣！這些地方可擺攤了</a></h5></div><divclass="clearfix"></div></div><divclass="blog-grids"><divclass="blog-grid-left"><ahref="singlepage.html"><imgsrc="images/f2.jpg"class="img-responsive"alt=""></a></div><divclass="blog-grid-right"><h5><ahref="singlepage.html">【非常重要天象】十二星座2020年6月6日運(yùn)勢：滿月月食</a></h5></div><divclass="clearfix"></div></div><divclass="blog-grids"><divclass="blog-grid-left"><ahref="singlepage.html"><imgsrc="images/t3.jpg"class="img-responsive"alt=""></a></div><divclass="blog-grid-right"><h5><ahref="singlepage.html">接二連三提高小本子獎(jiǎng)勵(lì)，V社真的是良心發(fā)現(xiàn)了嗎</a></h5></div><divclass="clearfix"></div></div><divclass="blog-grids"><divclass="blog-grid-left"><ahref="singlepage.html"><imgsrc="images/m3.jpg"class="img-responsive"alt=""></a></div><divclass="blog-grid-right"><h5><ahref="singlepage.html">燕麥奶，值不值得買？</a></h5></div><divclass="clearfix"></div></div><divclass="insta"><h4>照片分享</h4><ul><li><ahref="singlepage.html"><imgsrc="images/t1.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/m1.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/f1.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/m2.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/f2.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/t2.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/f3.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/t3.jpg"class="img-responsive"alt=""></a></li><li><ahref="singlepage.html"><imgsrc="images/m3.jpg"class="img-responsive"alt=""></a></li></ul></div><p>專屬于自己的美麗世界！</p></div>4.2數(shù)據(jù)庫設(shè)計(jì)/*SQLyog企業(yè)版-MySQLGUIv8.14MySQL-5.5.40:Database-hotel**********************************************************************//*!40101SETNAMESutf8*/;/*!40101SETSQL_MODE=''*/;/*!40014SET@OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS,UNIQUE_CHECKS=0*/;/*!40014SET@OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS,FOREIGN_KEY_CHECKS=0*/;/*!40101SET@OLD_SQL_MODE=@@SQL_MODE,SQL_MODE='NO_AUTO_VALUE_ON_ZERO'*/;/*!40111SET@OLD_SQL_NOTES=@@SQL_NOTES,SQL_NOTES=0*/;CREATEDATABASE/*!32312IFNOTEXISTS*/`hotel`/*!40100DEFAULTCHARACTERSETutf8*/;USE`hotel`;/*Tablestructurefortable`customer`*/DROPTABLEIFEXISTS`customer`;CREATETABLE`customer`(`id`int(11)NOTNULLAUTO_INCREMENT,`realname`varchar(10)NOTNULL,`customertype`varchar(10)NOTNULL,`idcard`varchar(18)NOTNULL,`sex`varchar(10)NOTNULL,`phone`varchar(11)NOTNULL,`realmoney`int(10)NOTNULL,`roomnumber`varchar(10)DEFAULTNULL,`checkintime`timestampNOTNULLDEFAULTCURRENT_TIMESTAMP,`day`int(11)DEFAULTNULL,PRIMARYKEY(`id`))ENGINE=InnoDBAUTO_INCREMENT=3DEFAULTCHARSET=utf8;/*Dataforthetable`customer`*/insertinto`customer`(`id`,`realname`,`customertype`,`idcard`,`sex`,`phone`,`realmoney`,`roomnumber`,`checkintime`,`day`)values(1,'王二','lv10','11111122','男',,285,'1-001','2019-12-1016:24:16',2),(2,'李四','lv1','11111122','男',,900,'2-001','2019-12-1016:24:38',4);/*Tablestructurefortable`orderform`*/DROPTABLEIFEXISTS`orderform`;CREATETABLE`orderform`(`id`int(11)NOTNULLAUTO_INCREMENT,`realname`varchar(10)NOTNULL,`roomtype`varchar(10)NOTNULL,`idcard`varchar(18)NOTNULL,`phone`varchar(11)NOTNULL,`roomnumber`varchar(10)NOTNULL,`bookingdays`int(11)NOTNULL,`checkintime`dateNOTNULL,PRIMARYKEY(`id`))ENGINE=InnoDBAUTO_INCREMENT=3DEFAULTCHARSET=utf8;/*Dataforthetable`orderform`*/insertinto`orderform`(`id`,`realname`,`roomtype`,`idcard`,`phone`,`roomnumber`,`bookingdays`,`checkintime`)values(2,'王二','單人間','1111155',,'3-001',11,'2019-12-12');/*Tablestructurefortable`room`*/DROPTABLEIFEXISTS`room`;CREATETABLE`room`(`id`int(11)NOTNULLAUTO_INCREMENT,`number`varchar(10)NOTNULL,`type`varchar(10)NOTNULL,`price`varchar(10)NOTNULL,`deposit`varchar(10)NOTNULL,`shop`varchar(50)NOTNULL,`status`varchar(10)NOTNULL,PRIMARYKEY(`id`))ENGINE=InnoDBAUTO_INCREMENT=6DEFAULTCHARSET=utf8;/*Dataforthetable`room`*/insertinto`room`(`id`,`number`,`type`,`price`,`deposit`,`shop`,`status`)values(1,'1-001','lv1','120','60','評論1','已發(fā)表'),(2,'2-001','lv5','200','100','評論2','已發(fā)表'),(3,'3-001','大床間','250','100','lv3','已發(fā)表'),(4,'4-001','lv5','800','200','評論3','已發(fā)表'),(5,'5-001','lv1','1000','200','評論5','已發(fā)表');/*Tablestructurefortable`user`*/DROPTABLEIFEXISTS`user`;CREATETABLE`user`(`id`int(11)NOTNULLAUTO_

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論