基于React和Node开发个人博客毕业论文.docx

全日制本科生毕业设计`题 ?目：基于React和Node开发个人博客学院：专业年级：学生姓名：学号：指导教师：职称：年月日基于React和Node搭建个人博客摘要：本论文按照WEB网站架构思路，完整的阐述个人博客网站开发的全过程，本博客采用当下流行的HTML5+CSS3和前端用户界面JS库-React.js,并且增加了不少H5的动画和css3动画，以增强网站的交互性，提高网站的用户体验，以吸引更多用户到博客进行交流和讨论，后台采用非阻塞I/O模型+事件驱动的Node.js,这样提高了网站的可维护性和扩展性还有安全性。关键词：ReactJS；NodeJS；个人博客Abstract：In this paper, according to the WEB site architecture ideas, express their personal blog site complete the whole process of development, this blog uses the current popular HTML5 + CSS3 and front-end user interface JS library -React.js, and increased the number of H5D css3 animation and animation, to enhance the sites interactivity, improve the user experience on your site to attract more users to communicate and blog discussions, background using non-blocking I / O model + event-driven Node.js, thereby improving the maintainability of the site and scalability also security.Key words：React JS; NodeJS; personal blog在互联网的时代，开发个人博客已经是一种趋势，在现在流行的各种开发工具和技术中，ReactJS和NodeJS在最近两年中特别火爆，React 是一个Facebook和Instagram用来创建用户界面的JavaScript 库。很人多认为React 是MVC 中的V（视图）。React对于开发者来说是一个学习成本很高的一个框架，主要用来构建随着时间数据的不断变化的大规模应用程序，所以对于前端初学者来说上手难度特别大，他颠覆了以往的传统的JQ开发模式和现在很火爆的AngluarJS-MVC模式，所以第一眼看上去有点疯狂，React主要通过构建可复用的组件进行开发，得益于良好的的封装性，使组件间的代码复用、测试、关注分离更加简单，所以特别适合开发大型WEB应用。NodeJS自09年发布以来，发展迅速，Node优点在于采用事件驱动、异步编程，为网络服务而生，javascript的匿名函数和闭包特性非常适合事件驱动和异步编程。在众多开发者强烈的追捧的气氛下，学习Node还是很有必要的。1 需求分析现在越来越多的技术爱好者有着自己的独立的个人博客，以方便发表和保存个人工作生活中的一些资料和文档，并且能与他人共享这些资料和文档等信息，借助互联网这个平台，来完善和充实自己的知识和生活，他人可以查看个人博客上的文章信息，可以发表评论和建议还有留言，这样有助于博客作者对自己所发表的文章有着更深入的研究。所以，基于这些优点，我着手开发了我的个人博客，个人博客是我在大二期间就已经实现了，当时是用的wordepress搭建的个人博客，基本没敲多少代码，也没学到太多关于编程的知识，所以打算用毕业设计这次机会重构我的个人博客，并且用当下最流行的React和Node进行开发，使自己的技术更上一层楼，并且网站还采用了，HTML5的CANVAS动画，使网站用户体验更好，能更粘合用户，网站主要采用当下流行的扁平化设计风格，是网站更美观和大气，进入博客首页，就是最新的文章消息，文章有发布时间和作者，还有文章的标签名，标签名就是关键字，方便对文章进行分类处理。首先分析个人博客需求：（1）登陆-注册-登出注册-用户输入用户名、密码、邮箱等信息进行注册-注册成功后返回首页，并保持当前注册用户登录状态登录-用户输入已经注册过的用户名和密码进行登录，登录后才能管理和访问当前用户所发布的文章和评论和留言等登出-用户登出，退出当前用户登录状态（2）发布文章-修改文章用户登录后才能发布文章和修改自己所发布的文章发表评论-留言功能用户可以登录进行留言和发表对某篇文章的评论（3）文章分类