仿微博官网设计

上传人：乌*** IP属地：辽宁上传时间：2023-04-11 格式：DOCX 页数：21 大小：1.47MB 积分：30 举报 版权申诉

已阅读5页，还剩16页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

作品概述微博是基于用户关系的社交媒体平台，用户可以通过PC、手机等多种移动终端接入，以文字、图片、视频等多媒体形式，实现信息的即时分享、传播互动

。微博基于公开平台架构，提供简单、前所未有的方式使用户能够公开实时发表内容，通过裂变式传播，让用户与他人互动并与世界紧密相连。

作为继门户、搜索之后的互联网新入口，微博改变了信息传播的方式，实现了信息的即时分享

。如今的智能网络世界非常发达，随着人民的生活提高，各种方式的变化，导致如今的人们对生活的态度与要求也随之不断提高，从而促进了不断发展壮大。如今的交友网站经过长时间的发展和探索，已经发展的相对比较成熟了，所以市面上就诞生了很多知名的大网站，也诞生了许多小网站，这些网站为我们提供了比较全面的交友平台和服务，使得我们的变得方便许多。。这款仿照微博设计的网页集主页、热门专题、漫游、时尚、音乐、注册、登录等功能。2.开发环境2.1硬件环境Cpu：Inter：i7-9400显卡：GTX1660ti固态硬盘：526G机械硬盘：1T内存条：32G2.2软件环境操作系统：Win10操作系统以及以上。开发平台：Hbuilder浏览器：谷歌浏览器2.3工具软件Mysql：MySQL是一个关系型数据库管理系统，由瑞典MySQLAB公司开发，属于Oracle旗下产品。MySQL是最流行的关系型数据库管理系统之一，在WEB应用方面，MySQL是最好的RDBMS(RelationalDatabaseManagementSystem，关系数据库管理系统)应用软件之一。MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。HBuilder：HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。[1]HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。2.4产品架构SSM框架：SSM（Spring+SpringMVC+MyBatis）框架集由Spring、MyBatis两个开源框架整合而成（SpringMVC是Spring中的部分内容）。常作为数据源较简单的web项目的框架。Spring

Spring就像是整个项目中装配bean的大工厂，在配置文件中可以指定使用特定的参数去调用实体类的构造方法来实例化对象。也可以称之为项目中的粘合剂。

Spring的核心思想是IoC（控制反转），即不再需要程序员去显式地`new`一个对象，而是让Spring框架帮你来完成这一切。

SpringMVC

SpringMVC在项目中拦截用户请求，它的核心Servlet即DispatcherServlet承担中介或是前台这样的职责，将用户请求通过HandlerMapping去匹配Controller，Controller就是具体对应请求所执行的操作。SpringMVC相当于SSH框架中struts。

mybatis

mybatis是对jdbc的封装，它让数据库底层操作变的透明。mybatis的操作都是围绕一个sqlSessionFactory实例展开的。mybatis通过配置文件关联到各实体类的Mapper文件，Mapper文件中配置了每个类对数据库所需进行的sql语句映射。在每次与数据库交互时，通过sqlSessionFactory拿到一个sqlSession，再执行sql命令。页面发送请求给控制器，控制器调用业务层处理逻辑，逻辑层向持久层发送请求，持久层与数据库交互，后将结果返回给业务层，业务层将处理逻辑发送给控制器，控制器再调用视图展现数据。3.需求分析3.1总体目标该网站主要仿照新浪微博的设计，突出一个当代交友的环境，有美观的页面设计。主要功能：1. 用户可以浏览热门新闻，并且可以浏览实时资讯。2. 网站拥有一定数量的信息，方便了解到他人信息。3. 可以随时联系我们4. 大家可以分享自己的新鲜事发布到本网站上。5. 可以在网站里对我们提出相关建议以及完善调查。3.2功能需求1、登录用户在登录模块中输入账号密码，系统会登陆。2、注册用户在注册模块进行注册3、建议模块实现的主要功能是给网站管理者发送信息4、搜索模块实现功能为快速简洁搜索到自己想要得到的内容。5、热门模块在信息展示模块更快速的看到最新热门信息进行浏览性能需求硬件最小需求：奔腾3以上CPU，256M以上内存，10G以上剩余硬盘空间支持软件：操作系统：Windows98/2000/XP支持环境：IIS4.04.系统设计图表SEQ图表\*ARABIC1系统详细设计主页面：图表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'/><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><linkhref="css/animate.min.css"rel="stylesheet"><scriptsrc="js/wow.min.js"></script><script>newWOW().init();</script></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"><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<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">关于</a></li><li><ahref="features.html">专题</a></li><li><ahref="travel.html">漫游</a></li><li><ahref="fashion.html">时尚</a></li><li><ahref="music.html">音乐</a></li><li><ahref="codes.html">代码</a></li><li><ahref="contact.html">注册账号</a></li></ul></nav></div></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><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>打造完美风格<labelclass="on"></label></p></div>登录注册模板实现：图表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="请输入您的帐号"></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">点击这里</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">山东这五所高校发布住宿费退费通知</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日运势：满月月食</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">接二连三提高小本子奖励，V社真的是良心发现了吗</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数据库设计/*SQLyog企业版-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','已发表'),(2,'2-001','lv5','200','100','评论2','已发表'),(3,'3-001','大床间','250','100','lv3','已发表'),(4,'4-001','lv5','800','200','评论3','已发表'),(5,'5-001','lv1','1000','200','评论5','已发表');/*Tablestructurefortable`user`*/DROPTABLEIFEXISTS`user`;CREATETABLE`user`(`id`int(11)NOTNULLAUTO_

人人文库> 全部分类> 应用文书 > 研究报告

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

仿微博官网设计

文档简介

温馨提示

最新文档

评论

相关文档