【《基于JavaScript的社交网站设计与实现》12000字（论文）】.docx
基于JavaScript的社交网站设计与实现摘要在当今时代下,出现了多种多样的软件开发技术.其中,JaVa是一种深受广大程序员育睬的开发技术。对于开发一款软件来说，由SUn公司推出的一款面向对芸的开发语言JaVa具有重要意义。当今时代下.JaVa已经渐渐成为一种主流,具使用者越来越多。准备开发设计的校园网站是一个基于JaVa开发语言的网站设计,这为众多大学校园内的广大学生提供了一个社交平台,使众多大学生在此社交平台上可以交流学习，共同进步。在当今社会。许多年轻人在社会交友方面能力较低，多数人除了日常工作以及生活需求很少出门社交.目前社会中也将此现毁称之为社交恐惧症。而因为疫情方面影响,多数人也很难出国旅游学习工作等,无法切身体会到世界各地的风±人情,导致被困于自己生活的一万天地。设计此网站的初衷使是想解决这一部分人群的社交困难,希望能过通过这款社交网站实现让用户足不出门也能够广交世界好友,观赏各类人群丰富多彩的生活.开阔自己的浪界,从而为他们单一的生活流上浓墨重彩的一笔记忆。也为使用本网站的所有用尸打造出一个闲适时可以放松心情的娱乐网站。关犍词：web;Java：社交平台目次摘要书签。I结论61.1课题背景612项目目标61.3本课题意义62网站建立所使用相关核心技术概述82.1 JAVA82.2 htm1.css82.3 SQ1.82.4 MYECUPSE82.5 tomcat83可行性分析93.1 管理性93.2 技术性93.3 用经济性93.4 简洁性93.5 功能性93.6 功能需求性93.7 标准性IO3.8 响应性I1.4主要功能H4.1 首页I1.4.2 个人中心4.3 登陆页面4.4 发布按键4.5 在线客服5网站的总体设计实施.5.1 网站图标5.2 网站总体设计5.3 系统结构设计67系统主要模块设计6.1 用户管理模块设计6.2 内容管理模块设计6.3 新鲜事模块设计.6.4 消息管理模块设计6.5 好友管理模块设计6.6 系统数据库设计.总结参考文献13141516171717171818错误!未定义书签。错谀!未定义书签。18错误!未定义书签。错误!未定义节签。2()40第一章：结论1.1.课题背景随着社交网络的快速发展。国内外兴起了无数的社交软件社交网站以及社交app等.此些网站app一出现便迅速风靡世界网络用户,涵盖顾客入超.数量非常之大。可见社交网站的前景以及经济收入是非常可观的。我做这篇论文也是在以线下时代为背景，调研了市场已经网络用户不同工作不同年纪后慎重做出的决定。现如今社会也出现了不同的社交网站以及社交app等可供用户们选择。可是大多数社交网站都是以交友为主,并且对于用户的人生安全以及个人信心没有保障.很容易导致用户的个人信心被盗用以及个人形象照片被不法分子盗用,从而对用尸本身以及生活造成很大影响。而我本人也是在平台上被盗用个人信息的受害者.所以建立此网站的初期时也会格外注垂网站用户个人安全信息的保护,让用户使用网站时能够放心的注例账户并且在网站中分享自己的作品。1.2项目目标想要帮助如今社会中出现的社交困难症人群。他们不是社交困难,而是苦于没有社交经验加上自我性格原因从而导致了这一问题。我曾拜访过几位声称自己是社交困难症患者的人，从谈论中得知他们并不是不想社交,只是苦于与人面对面因为不熟悉而无法开口,导致日常生活中几乎没有好友。处于独自生活孤独的状态。我相信社交网站的成立一定会帮助这一人黑,打开生活社交的大门，在网络中认识志同道合的好友.与独自一人生活的孤独感告别。当今社会下受疫情影响，很少有人可以走出国门领略世界风土人情，也无法得知感受在地球上其他国家人类的生活日常，虽然常常抱有好奇，确无法得知。所以本网站也面向世界各地用户,大家可以齐聚网站之中,通过分享图片以及视频的方式展现自己的生活日常以及自己国家的山J11河流。让用户在浏览网站时有在个国家旅游的体鸵。1.3本课题意义在当程序编辑下,JaYasCriPt已经渐渐成为一种主流。这次准备开发设计的社交网站平台是一个基于Javascript开发语言的网站设计，这为社会各界人士提供一个分享日常生活,广泛交友的社交平台。不论年纪，不论职业,不论出生，不论国籍都可以在平台中场所欲言,体会人生乐趣开通眼界。社交网络平台包含门户网站、个人空间、图片以及视频分享作品受君爱度排行搐，点赞评论,互关好友，私信聊天等网络元素，同时开放登录,注册账号接,通过与其他社交网站（新浪Web、QQ空间，微信）的链接登陆，以扩大用户范围及网站影响力。社交网站风格趋于时尚化、生活化,参考国外app：ins为主题。吸引世界各地热爱分享日常生活及交友人群的使用及提高活跃度为目的.融入了热度排行搐系统以及互相关注交友系统，通过丰富多样的网络元素吸引各类人群积极参与。通过涌度排行榜吸引用户活跃使用网站，通过好友推荐系统快速推广社交网站的覆盖率,达至快速推广作用。本网站还具有较高的保护用户隐私的功境。用户作品发送户可以选择可见作品人的范围,可以仅好友观看，可以指定人观看也可以公开观看等。同时也可以自己设置下载人群，可以设定成任何人不可下载自己的作品等。这样能却艮大可能避免用户的原创作品被有心人下载盗用,对用户产生侵权行为。本网站除了用户以及网站管理员,没有第三人可以查看到用户的个人信息.用户可以根据自我需求指定公开个人信息的任何一条。但在注册时，必须以真实身份注册账户,否则无法使用本网站，规避恶意人群进入网站骚扰用尸C第2章网站建立所使用相关核心技术概述2.1 JaVa语言JaVa是一门功能强大、简单易用的面向对段编程语言。JaVa可以应用于多种开发场合。Java语岂具有简单性、健壮性、安全性、可移植性、动您性等特点。JaVa是一门面向对象编程语言,不仅吸收了C+语言的各种优点,还摒弃了C+里难以理解的多继承、指针等概念,因此JaVa语言具有功能强大和简单易用两个特征。JaYa语言作为静态面向对象斓程语言的代表.吸好地实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程。JaVa是一个强类型语哲.它允许扩展编译时检音潸在类型不匹配问题的功能。Java要求显式的方法声明，它不支持C风格的隐式声明。JaVa可以编写桌面应用程序、Web应用程序、分布式系统和派人式系统应用程序等。2.2 HTM1./CSSHTM1.是一种前端开发语言,主要由<hcud><hcad>和<body><bo<1.y>两种标签组成，它可以表明文字、表格、图片、链接等各种信息。CSS主要用于修饰网页。一个基本的网站包含很多个网页，一个网页由htn1.以$和javascript组成。Inm1.是主体,装载各种dom元素；css用来装饰don元素；javascript控制dom元素。用一扇门比喻三者间的关系是：Hm1.是门的门板,CSS是门上的油漆或花纹，javascript是门的开关；HTM1.是网页内容的载体。内容就是网页制作者放在页面上想要让用尸浏览的信息，可以包含文字、图片、视频等。CSS样式是去现。就像网页的外衣。比如.标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。2.3 SQ1.Sener当今时代下,多种新兴技术高速发展,数据存储量急剧增Zf1.,数据库使数据存储更加有序,程序员也可以更方便地对数据进行一些操作。开发者使用这款关系型数据管理系统SQ1.SCrVcr.降低了数据冗余度.提高了独立性。并且它具有良好的可伸缩性和灵活性等特点，可适应于瞬息笠化的运行环境12.4 MyEc1.ipseMyEe1.iPSC是一款功能全面、开发效率高的开发工具.正因为这些特点而受到JaYa开发人员的偏爱。并且它在J2EE和数据库开发领域里十分通用。2.5 TomcatTonat是由Apache、Sun等公司及个人共同开发而成。TomCat因其技术先进、性能稳定、免费等优势而深受JaYa编程者的喜爱，而且还得到了一些软件开发育的认可.成为当前较为普遍使用的Web应用服务器。TOmCa1.服务器是一个免费的开放源代码的WCb应用服务器,属于轻密级应用服务器.在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP程序的首选第3章可行性分析3.1 管理性本社交网站使用户可以无阻相的与世界各地用户交流,不限地区时间发送作IS以及进行相关操作,利用程序多方技术严格把控网站信息以及功能.满足广大用户使用网站是所会产生的所有需求。并且网站不论是用户注册,用户登陆，用户个人信息对外编辑,用户作品发布,用户作品下载等一系列操作都会有管理人员进行审核。网站具有良好的管理性。3.2 技术性我选取jave和SQ1.来进行该网站的开发.分别作为开发设计和存储管理后台数据的工具。网站前期不需要特别复杂的编程软件进行设计操作。java以及sq1.两个软件便能满足软件前期的建立以及管理运行等。3.3 经济性本网站简单,开发成本低,对电脑硬件配置需求不高,并且对于用户所使用的电脑无配置要求，不论是任何形式的电脑端皆可进入本网站，即使是手机用户也可以通过手机网络端进入本网站,从而对本网站的收益也具有良好的前景,本网站投入低回报高,具有良好的经济开发以及经济前景。3.4 简洁性网站界面清晰明了，功能介绍及应用适合所有人群使用.不论男女老少进入本网站皆可以便捷的使用,每一项功能都具通俗易槿具有良好的使用体验。网站不论是首页还是功能还是图标都韭常简洁,不容易让使用的用户产生审美疲劳以及使用苦难退出等现象。3.5 安全性网站具有安全检测,以及管理员24小时在线审核检测,可以保障用户的个人信息不被盗用,用户的个人作品不被盗用，使用户使用网站是可以安心发送作品。并且在管理员的管理下网站能够维持健康绿色的网站环境，坚决抵制违法犯罪等不良现象出现在网站中给用户带来不好的使用体验。3.6 功能性用户登录后,可跟互关好友脚天分享动态，自行发布动态，直看网站所有作品动态,管理自有账号所有作品,以及修改自己的网站信息。网站所配备的视频剪辑功作.图片编辑功旎,互关联天功能.关注动您等等一系列功气皆可以给用尸带去良好的使用体验。3.7 性能需求性为了提高本网站的用户需求响应速度以及功作3.7.1 准确性网站首先要确保用户在使用网站时.所上传的作品以及用户的个人信息的准确性,管理员在这一点需要严格把控，迸行网站确认信息的所有操作。用户所上传的作品都需要审核员进行准确无误的审核,如有问题反馈也许进行及时准确的第二次审核。3.7.2 开放性本网站面向世界所有用户开放观看，只要是正式信息皆可以注册账户并且使用.即使是游客进入,虽不能使用本网站具他功能但是也可以观看本网站首页的网站用户的精美作品。网站津盖人群较大,具有良好的开放性。3.7.3 实用性本网站所有所设定的功能皆是根据用户所需而创立设置一系列功能,功能设置便捷.让所有用户都旎便捷的使用网站的功能,并且要关注网站的易维护万面.让后期网站使用时管理员能够更便捷的维护网站。并且本网站所创立的功能皆是简单实用性功能,不论用户在网站中所需什么功能或是服务皆可找到对应解决方式°3.8 标准性网站研发创建过程中，应严格遵循国家所规定的行业标准、语言规范等方面.提高网站的对标。3.9 响应性从网站使用方面来看，网站的晌应对于用户所提出的需求的解决速度是非常重要的。因此,要求在网站用户发出需求霜要解决时,管理员应当迅速的反应并解决,并且保证所处理信息经过2次核实解决和向客户反馈。客服方面也是24小时在线为客户提供及时快速的服务以及问题解决。保证其实时可靠性并提高效率.及时响应网站及客户要求.是一个网站所必须配备的响应能力。第4章主要功能4.1 首页4.1.1 第一页面为当天受用户喜爱排行榜作品轮播用户打开网站是，首页会轮番播放当日点赞我最高的排行前1.oo的用户所创作的作品。此等是为了激发用户创作作品发布作品的积极性,从而稳定用户停留网站时间以及使用网站的时间。且能使新用户一进入网站便可浏览到站内最靖荚的作品，从而吸引新用户的入驻.为网站源源不断的提供新鲜的血液。例如<divc1.ass="contcnt">< !1.作品轮播Q< !-2主体内容<divc1.ass="main">< a><a><!-1.ogo图片-><divc1.ass="menu"><div><!-1.ogo图片右侧菜单VdiVCIaSS="main-boHom"x!”主体的下半部分,分左右两部分<divc1.ass="1.e1."x!一主体左侧一><div><divc1.ass="right"><!”主体右恻<div>< !-3.网页底部一>1.1.2 搜索框可以搜索本网站用户以及用户作品搜索功能位于网站页面顶部,当用户在网站中查找在网站中想要得知的作品信息或者好友信息或者未互关的博主信息。免去用户长时间翻找却无功而返而对网站失去兴魂退出的现象1.1.3 回到项部单击“回到顶郃”按钮可以实现返回页面顶部效果。当用户翻看首页热度视屏或者其余网站内任何信息时，点击此按钮便可迅速回到页面最顶端，同时可以进行刷新.刷新页面后会出现新的一批作品内容或消息提示。免去用户翻看回顶时一直至复上滑以及观看的不便。回到顶部代码如下S(function()/*窗口大小改变位置不动*/S(window).resize(funcion()(Scrccnwidth=$(WindOw).wid1.h();Scrcenhcight=$(WindOW).height。：nytop=S(docun>ent).scro1.op();geiPosRight=0;getPosTop=Scrccnhcigh1./4;$("#InSg_WiIr).css("right":get1.,osRight."top":ge(PosTop+nyiop)；OnIinc1.cft=Scrccnwidth/2-280:OnIineTop三screenheight!2-210;Si".on1.ine").css('1.eft':o<1.i1.cft如图所示（圉I回到顶郎按钮）1.1.4 关注好友动态列表及好友更新提示当用户的关注列表用户发送新作品时，页面搜索框上角会出现图标提示，提醒该用户所关注的人发布新动态,避免用户因站内作品过多错过自己感兴趣的用户隹品,也掂使用户之前的羁绊更加牢固。当用户的互关好友发布动态或者发送那天消息是.会在地步出现提示消息,从而是用户与互关好友能够即使沟通联系，达到更好的交友氛围。4.2 个人中心4.2.1 个人用户id注册及用户自我介绍用户注册账户时,必须使用自己的真实身份以及真实信息.否则不予注册网站账号,此等是为保障网站以及其余用户安全。自我介绍是为用户可以自行决定在网站内自己所用并且面向网站用户的id,自我介绍也是用户自己设省编辑,但编辑过后需要由网站管理员审核用过后才可展示在用户的个人中心之中,凡事触犯站内条款以及不健康不合法的自我介绍文字一律不予通过展示并且对用户实施警各一次,警告三次无用者采取封号措施.维护站内的绿色环境.注册代码如下：SffunciionO（/*注册验证*/*验证用户名*/$("#usemame").b1.ur(function()(if($("#usemame").va1.()="")($("#a-tip").htm1.("用户名不箜为空").rcmoveCIassCright")J)；/*验证密码*/$("#password").b1.ur(function()if($("#password").va1.()="")密码不能为空").removeC1.ass("right")e1.se密码有效")addGaSS(Fght")Jif($("#password").va1.()gth<=6)$("#b-tip").htm1.("密码不能小于6位数")mnoveC1.ass("right");I)；4.2.2 用户发布作品的被点赞评论关注详情当用户发布自己的作品后,作品将会被呈现在作品区,并且根据作品的内容实施流量扶持等计划,如若用尸发布的为公开作品.那么网站所有看见用户作RI的其余用户可对作品点费并且评论,用户可以在个人中心里直看自己作品左右被他人点赞以及评论的详细信息,还有因作品对自己账户点关注的其余用户的可公开信息0点骨关金入口图标如图所示423用户好友聊天入口在用户界面中，有一图标为好友聊天入口如图所示(图3好友脚天图标)当此图标上方有数字显示时,用户便可得知自己的好友发送来了信息,并且能够准确观看在99条消息一下的消息条数.用户只要点进此图标便可以与自己的好友进行对话等一系列操作。4.3 登录以及退出登录如果还没有在网站注册过的网站浏览者(即游客)可以在首页左上方单击'免费注册”进入注册页面.填好相应的信息进行注册，然后再进行登录；而已经注册过的网站浏览者(即会员)就可以单击“还未建录”、“社交网站”等地方迸行登录。已经登录后会员在网站的上方或者单击“退出”按钮实现退出。当用户登录后，便可场所浏览并且使用本网站登陆代码如下S(functionO($("#usemame").fbcus(functio110(S账号框获得鼠标焦点$(this).css("co1.or"."#0(X)");YanXt_va1.ue=$(this).va1.();if(txt-va1.uc=this.dcfa1.tVa1.uc)S(ihis).va1.("");J)；)；4.3.1 登录登陆页面会自动跳出，显示让用尸输入正确的账户以及密码，接下来用户只需要输入自己的账户账号以及账户正确密码即可成功登陆自有账号并且使用.43.2用户注册入口当游客进入本网站并且弹出凳陆弹窗后，在登陆下方有注册二字图标显示.游客只需要点击注册二字便可跳转到注册页面,根据注册页面的提示填上自己的正是信息确认无误后注册账号即可.注册成功后页面自动跳回网站并且视为用户已经登陆成功，接下来用户直接编辑个人信息发布作品等即可。433用户第三方平台登陆选助除了本网站的注册以外,用户还可以选择使用wb.WX等第三方软件进行网站登陆并且同时注册。当授权成功后,用户在注册第三方平台是所使用的更实个人信息也会授权同步到本网站进行实名登记。4.4 发布按键4.4.1 图片发布人口点击图片发布人口,用户可以从自己本地磁盘中选取自己想要发送的图片内容,并且有需要者可以使用本网站图片发送功能中的图片编瑁功能对自己的图片作品进行加工，确认无误后点击发送即可，发送完毕后图片便可展示在网站以及用户个人首页中。4.4.2 视频发布入口点击视屏发布人口,用户可以从自己的本地磁盘中选取所需要发布的视屏，随后可以使用本网站视屏发布里的视频剪辑以及视频美化等功能对视厥进行加工.发布成功后视频作品会展示在网站以及用户的个人首页中。4.4.3 热度排行话题选择用户编辑好要发送的图片或者视频后,确认无误后点击下一步来到发布页面.此时可以选择#+话题。每日每周会有不同的热度话题以及排行榜更新,用户可以根据自己的性品本身选择适合的热度话三添加或者自行创建新话超.添加完成之后用户所发送的作品会出现在所选取的话磔页面之中,从而或许热度话感或者自我话题的归档以及热度流量等.4.4.4 所出现地点人物等事物标签编辑在图片编霜功能中,会出现添加标签功能.用户点击使用此明功壁后,图片中会旧现标签图标并且可在标签图标中编瑁自己所需要添加的内容，目前本网站暂时只支持添加地址.服装品牌,美食名称3项标签，地址可以选择定位或者自行编塔。使用完成并且确认之后,用户发布的作品中会有标签展示。4.4.5 作品可见范围选项秉承着保护用尸个人意愿为前提的目的所创立的此功能,用户发布作品确认后,可以进入作品可见范围选助功能标签,可以选择作品：仅个人可见,仅好友可见,指定好友可见,指定用户可见,只有自己可见,所有人可见这几选项。此功能又用户自行决定自己的作品曝光范围。4.5 在线客服4.5.1 在线客服入口点击在线客服入口,会进入客服会话页面，用户可在页面中与智能客服进行简单对话,并且在网站中所出现的一些细小问题皆可咨询智能客服,或者根据智能客服所提供的解决链接点击即入查看解决方法。网站中所存在的使用问题.使用方法.网站作品问题发布问题等一系列存疑皆可通过在线智能客服解决。4.5.2 问题解决客服入口问题客服人口会在在线客服人口的选项中,用户可在在线客服对话中发出问顾客服需求便可弹出问题解决客服人口。问题客服一般只解决网站中出现的较大的问题，当出现的问题影响较大时会反映到最上层由人工与客户进行一对一的问题解决模式。453作品申诉及举报客服人口当用尸的作品出现审核失误或者出现被别人盗取作品等一系列问题后,点击作品申诉及举报客服人口,将出现问题的作品以及针对作品所出现的问题收集的证据统一提交后,由管理员重新进行审核并且重新进行判定。第5章网站总体设计实施5.1 网站图标本网站图标为简单大气为目的设计,与网站页面内容所匹配.让用户看见图标的一刻便有想点进网站的想法,打造良好的网站形象以及第一印象5.2 网站总体设计按照用户需求进行规划等操作，从基础网站设计结构上分为前端和后端两个大体。前端主要供网站游客和网站正式注册用户使用。游客在使用社交网站时只能对首页热度排行榜作品进行浏览观看,不能对网站其他功能进行操作。正式注册用户.使用正确注册账号,密码或网站所规定的第三方软件登录账户的用户,他们可以使用在网站中前段所包括的所有功能,包括但不限于点赞评论、发布作品、发布视频、关注博主.申请互关好友等。后端便只有管理员和网站开发者可使用的模块。管理员和开发者可在后端后台中进行网站维护等一系列所需要的操作,管理员进入后端系统后.管理对应的信息,例如管理热度排行榜,用户信息申请.网站问题解决等系列操隹。5.3 网站系统架构设计531系统结构设计整个系统层级比较清晰，主要的功能模块如下：使用者管理.管理员管理,公告管理.好友管理,聊天系统管理,动态管理等。通过以上所有的功能模块组合成为了完整的校园社交网站。图5.1为整个系统的结沟图。图5.1系统结构图5.3.2 系统主要功能模块设计此校园社交网站的主要功能主要是由普通使用者和管理者的功能的结合。如果用户登录的是管理者的账号,则会多出管理者专通的权限功能。用户的功能（管理员可以视作多出额外功能的用户）包括：好友功能模块,动态功能模块，登陆注册功能模块.个人侑息功能模块。管理员的模块细分为：公告通知模块,管理用户模块,数据分析功彤模块。图5.2为详细的模块功能设计图。图5.2系统功麋总体架沟图5.3.3 系统类图设计各个类之间分工明确的同时，也有明确的相互关联的关系.锹一不可。整个网站的类图设计主要的类有：I,群体类、2.普通使用者类、3.动您说说类、4.赞类、5.公告类、6.文件传输类、7.管理者类、8.私抑类、9.评论类。图5.3为网站的类图设计。>th1.!WMOMJ三图5.3网站类图xit1又体讣又Fi¾M三xU三A1.CW5.3.4 数据库设计此网站的数据库设计计对不同的使用场景,为了更加有效的存储网站的数据,满足不向社群用户的需求,使用了MySQ1.建立了高效的数据库系统。图5.4为网站系统E-R图。图5.4网站E-R图附图5.5为用户标识符图。图5.5用户标识符图图5.6为动态弱性图。图5.6动态属性图图5.7为又件写性图。图5.7文件属性图图5.8为通知属性图。图5.9为群组属性图。图9群组画性图图5.10为期天属性图。图5IO聊天画性图图5.11为评论属性图。图5.I1.评论属性图数据库逻箱以及数据库表设计方面,本网站数据库中用户列表里,账号ID是唯一的主键。其他详细字段见表5.12。表5.12用户表诺细信息字段长度主键是否为空类型用户名(persouname)180NONOVarVhar第码(Pd1.n.password)180NONOvaruhar账号(PersonjICCOUnt)1X0YESNOvarchar身份证号(PCrSOnJ<1.card)16NONOvarchar性别(Per1.SeX)2NONOvarchar出生年月日(PeISOf1.bi1.1.bday)NONOda1.e头像(pe11ion.pic1.urv>180NONOvaruhar专业(Pcrsonjjrofcssiona1.)180NONOvarchar个性签名(PerSo1.SigI加un)180NONOVarVhar所属学校(MOn_schoo1.)180NONOvaruhar归PiS(pcrson_p1.acc)180NONOvarchar学生年级(PenionYnKk)4NONOvaruhar登录时间(PBVtimC)NONOvarchar管理员权限(e飞。1.iSmanage)INONOvarchar动态表中的主键是动态账户ID.主要由内容相关,点赞相关和评论相关组成,其他字段详情见动态表513。去5.13动态技字段长度主键是否为空类型唯一动态赈户(b1.og_id)40YESNOvarchar新态发布者(b1.og_SCndCn180NONOvarchar详细内容(b1.og-ContCnD1999NONOvarcharSS(WogJike)632NONOvarchar续表3.13字段长度主键是否为空类型动态时圆(b1.og_Iinw)NONOtimestamp关联好友(bk)g_friend)632NOYESvarvhar插入图片(b1.oj_PiCtUre)632NOYESvarchar转发状态(is_b1.og_forwarding)INOYES(inyint点契发布者(MOgJd)45NONOvarchar点费内容作者(b1.og_MJndCr)632NONOvarchar点契入Qike_ac8un1.)632NONOvaruhar点赞timc(b1.og_1.ikcjime)NONOtimestamp评论者(remarti_accouin)180NONOvarchar评论内容(remark-con1.en1.)4999NONOvaruhar论发布时间(HJmarkJime)180NONOvarchar数据库中的脚天功能模块信息数据表见表5.1.4o去5.14期天装字段长度主键是否为空类型抄送人<from_person_id>180NONOvarvhar接受人(t-pcrsonjd)180NONOvarchar抄送内容(message)1999NONOvarchar己读，未读(StaIUs)INONOini抄送时间(Se1.Kuime)2NONOdatetime数据库中的群组功能模块信息数据去见表5.15o表3.15群组表字段长度主键是否为空类型建群人员(group_Creatcr)180NONOvarchar成员数目(group_PCrSon)999NONOvarchar群号(groupjd)180YESNOvarchar建群时间(gropjime)NONOdate1.ime群组名(gn>up_naine)180NONOvarchar数据库中的群组收蕨模块信息数据去见去5.16o表5.16群组收藏表字段长度主键是否为空类型上传人(CoHCetiPerSon_id)180YESNOvarchar具体内容(co辰IiQn_t)999NONOvarchar收藏者(8IeCIiOn_PerSOnJd)180NONOvarvhar具体时间(CoHCCIionJimC)NONOdatetime收渲源(CoHCcIiokfromroupj3mc)180NONOvarchar数据库中的文档列表模块信息数据表见表5.1.7o表5.17数据列表信息表字段长度主键是否为空类型文件位置(fi1.e_group_id)180NOYESvarchar上传人(mJfrOm-Person_id)180NONOvarchar下载人(fi1.c_person_id)180NOYESvarvhar文件类型(fromjypc)1X0NONOvarchar数据名(R1.jnamc)180NONOvarchar数据大小(fi1.eJM)180NONOvarchar数据地址(川e_ur1.)20NONOvarvhar上传人头像(fi1.e_from_person_pi1.ure)180NONOvarchar数据类型(fJiypc)180NOYESvarchar数据发布时间(Sendme)180NONOvarchar数据库中的添加好反模块信息数据去见表5.1.8o表5.18添加好友信息表字段长度主键是否为空类型申倩(fricnd_app1.y)9999NOYESvarvhar期友列表(f沁ndi#9999NOYESvarchar己75收到(fhcnd_acccp<)9999NOYESvarchar朋友ID(ersonJd)180YESNOvarchar数据库的群聊模块信息数据去见表5.19。表5.19群联信息表字段长度主键是否为空类型抄送内容(message)180NOYESvaruhar抄送人大像(from_PCrSon.picture)180NONOvarchar抄送A(1.rom_pcrson_id)180NONOvarchar群名(U>tPUp-id)180NONOvarchar抄送时间(Sendime)180NONOda1.e1.ime数据库中的公告模块信息数据表见表5.20o去5.20公告信息表字段长度主键是否为空类型公告内容(MHiCe_COment)19999NOYESvarchar公告标题(IM)IigjiUe)180NONOvahar公告时司noticcimc)NONOtimestamp公缶类型(Oo<icjtypc)180NONOvarchar公告人ID(personJd)180NONOvarvhar5.3.5系统U1.设计系统针对人群为校园用户群体，页面U1.设计采用了撞色的设计，更加符合校园的风格,市场上扁平化的设计风格也更受欢迎,也是当前设计的主流,所以网站也采用了扁平化的设计方宴，R角经过微调,并且图标也经过了精心绘制，不管是从辨识度还是精致程度来说,都更加的有质感和识别度.投影也是影响设计的关键要素.投影的角度与扩散影响着层级关系的鲜明性.整个网站的板块投影也经过了微调，最终达到了现在的效果C第4孽系统详细设计第6章系统主要模块设计网站系统主要的功能就是给所有使用网站的用户提供一个安全的社交平台以及生活分享平台,用户能够在网站中体会时刻与好友。分享生活认识新事物新朋友等.6.1 登录注册功能模块6.1.1 登陆注册功能模块流程图登陆模块流程图见图6.1。图6I登陆模块流程图注册模块流程图见图6.20图6.2注册模块流程图6.1.2登录功能模块核心代码登录模块代码如图6.3。IoginOthi5.$axjos.post(7users/1ogine.this.perwHiForm).then(res)=>W(res-data.status=0)thkSmessage.succesvC登录成亦,);window.1.oca1.Storage.settem(,PersonAccounte.thispe(son1.nfoF<xm.personAccount)；window.1.oca1.Storage.set1.tem(PersonPasswordthis.person1.nfoFocm.personPasswordXwindow.1.oca1.St<xage.settem(,personpicture*,res.data.msg.pefsonj)i<tuXth.Semit(personAccount.this.person1.nfo
