基于Node.js和vue的博客系统的设计与实现

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

摘要

随着互联网技术的高速发展人们生活的各方面都受到互联网技术的影响。现在人们可以通过互联网技术就能实现不出家门就可以在线发布博客文章简单、快捷的方便了人们的日常生活。同样的在人们的工作生活中也需要互联网技术来方便人们的日常工作生活实现工作办公的自动化处理实现信息化无纸化办公。

本课题在充分研究了采用B/S模式以express为开发框架Node.js为开发语言、Vscode为开发工具MySQL为数据管理平台实现博客系统中的用户、文章分类、博客文章、留言板等功能。

关键词博客系统express框架Mysql数据库Node.js语言

Abstract

With the rapid development of Internet technology, all aspects of people's life are affected by Internet technology. Now people can publish blog articles online without leaving home through Internet technology, which is simple and fast to facilitate people's daily life. Similarly, in people's work and life, Internet technology is also needed to facilitate people's daily work and life, realize the automatic processing of work and office, and realize information and paperless office.

This topic fully studies the use of B / S mode and express as the development framework, node JS is the development language, vscade is the development tool, and MySQL is the data management platform to realize the functions of users, article classification, blog articles, message board and so on in the blog system.

Keywords: blog system; Express framework; Mysql database; Node. JS language

目 录

1 绪论 PAGEREF _Toc32748 1

1.1 选题的背景 PAGEREF _Toc21944 1

1.2 研究的主要内容 PAGEREF _Toc10698 1

1.3 系统开发的意义 PAGEREF _Toc26081 1

1.4 初步设计方法与实施方案 2

1.5 本文研究内容 2

2 开发环境和相关技术 3

2.1 系统的开发环境 3

2.2 技术路线 3

2. 2. 1 express框架 PAGEREF _Toc18090 2

2.2.2 B/S结构 PAGEREF _Toc9848 3

2.2.3 Mysql介绍 PAGEREF _Toc10417 3

2. 2. 4 Node.js语言 PAGEREF _Toc13707 4

3 系统的可行性研究及需求分析 5

3.1 可行性研究 5

3.1.1 经济可行性分析 5

3.1.2 技术可行性分析 5

3.2 需求分析 PAGEREF _Toc18737 5

3.2.1 用户需求分析 5

3.2.2 功能需求分类 6

3.2.3 网站性能需求分析 6

3.3 系统流程分析 6

3.4 网站现状分析 8

4 系统的总体设计与实现 10

4.1 总体设计 10

4.2 数据库设计 11

4.2.1 概念模型设计 11

4.2.2 物理模型设计 12

5 系统的详细设计与实现 17

5.1 管理员功能模块 17

5.2 前台功能模块 21

5.3 用户后台功能模块 21

6 系统测试 25

结论 27

致谢 28

参考文献 29

1 绪论

1.1选题的背景

随着电子技术的普及和快速发展线上管理系统被广泛的使用有很多机构或、网站等都在实现电子信息化管理博客系统也不例外由比较传统的人工管理转向了电子化、信息化、系统化的管理。

传统的线下发布博客文章一开始都是管理者进行手工记录然后将手工记录的信息进行存档随着电脑的普及博客文章演变成了手工记录后输入电脑进行存档。这两种管理方式对管理者来说工作量大后期博客文章的管理还需要花费大量时间。而且这种传统管理的方式容易出现遗失或因为失误输入错误的信息等等。在这些基础上我把用Node.js语言开发的博客系统作为我的毕业设计希望可以解决传统博客文章中出现的问题简化管理者的工作对各种信息进行系统化、电子化的管理。

1.2 研究的主要内容

研究的基本内容本设计主要是实现一个博客系统实现博客系统的自动化、信息化、管理。系统的主要的设计原则是以实际应用为核心重点突出“实用、易用、简洁、稳定”的优点。既能够注重到实效满足现实用户的实际需要也能够为系统以后的升级和扩展留有一定的余地。在技术设计的实现上突出“实现合理、结构清晰、简单易懂”的特点。

本系统的主要目的在于加速博客文章的信息化进程充分利用计算机技术和现代通讯的手段面向网站或其他企业的服务。建立网站信息交流平台方便网站内部信息资源的共享加强用户与管理员之间的交流。提高博客文章效率为用户提供在线发布博客文章服务。本系统将最大程度地提高博客文章效率降低管理和工作的成本改善工作的环境和条件提高网站的管理和决策的自动化和科学化水平。帮助网站节省费用减少中间环节优化业务流程提高整体效率促进管理的进步。

1.3 系统开发的意义

随着互联网技术的发展人们的生活无处不在的受到互联网技术影响而互联网技术给人们生活带来的便利是不言而喻的。对于现代化的博客系统而言它的目的并不是只减少管理者的工作量而是让管理者们从填写繁琐的信息过程中解脱出来将更多的关注点放到关注用户的需求等上去这样就可以提高博客文章效率提高管理员工作效率所以开发本系统是十分有意义的。

1.4初步设计方法与实施方案

软件体系结构方案由于本系统需要在不同设备上都能运行而且电脑配置要求也要越低越好为了实现这一要求经过考虑B/S结构成为最佳之选。使用B/S结构的系统可以几乎在任何电脑上运行只要浏览器可以正常工作就可以正常运行该系统而且后期维护及二次修改较为容易符合要求。

操作系统方案Windows10操作系统该系统是目前微软公司推出的最新系统目前大多数市面上的电脑都使用该系统并且该系统功能完善兼容性好。开发工具选用 Vscode、Node.js开发语言。

1.5 本文研究内容

本文主要分为七个章节第一部分为绪论主要介绍了目前电脑技术发展状况分析传统博客文章的弊端以及使用信息技术来管理博客文章信息的好处。

第二部分为相关技术简介主要介绍了各技术的发展历程技术发展现状技术优点以及选用该技术的原因等。

第三部分为系统分析主要分析了软件设计所需要的功能。

第四部分为系统设计主要进行了系统的架构设计、数据库设计等。

第五部分为系统详细设计。

第六部分为系统调试与测试利用测试方法进行可行性测试、性能测试、系统测试等。

第七部分为总结与致谢主要总结了程序设计的完成过程及完成情况比对完成设计过程中施以援手的同学和老师表达中心的感谢和祝愿。

2 开发环境和相关技术

2.1系统的开发环境

博客系统的开发环境主要有

开发框架express

语言Node.js

数据库mysql

开发软件Vscode

浏览器谷歌浏览器

2.2技术路线

2.2.1 express框架

Express是一个简洁而灵活的node.js web框架提供了一系列强大特性帮助你创建各种web应用和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。

1.express框架的特性

  • 1可以设置中间件来响应HTTP请求

  • 2定义了路由表用于执行不同大的HTTP请求动作

  • 3可以通过向模板传递参数来动态渲染HTML页面

2.2.2 B/S架构

B/S的系统是通过能上网的电脑就可以使用它最大的优点是不需要安装专门的软件首先浏览器向服务器发出请求然后服务器处理请求把信息再返回给浏览器。不需要再次对数据进行存取与计算数据只要负责显示数据来降低要求如果说用户端像个“瘦子”而服务器会越来越“胖”。B/S体系结构与C/S体系结构相比最大的不同是B/S体系的应用软件使用网络浏览器作为与用户交互的平台而C/S则需要开发专用的应用程序。

2.2.3 MySQL 介绍

在软件项目通过经营性数据的数据库可以保证其安全独立和数据一致访问数据的系统来提供所以有效减少时间程序员开发应用程序。

MySQL可以支持多线程可以方便使用系统的资源提高运行的速度。并提供odbc、jdbc和tcp/ ip以各种形式连接到MySQL; 功能方面表现欠缺规模小但对于这个系统就足够了。

因为MySQL是源代码对外开放的所以任何人都可以通过相应的方法下载并根据个性化需求进行修改。 由于MySQL的速度可靠性和适应性MySQL受到重视。

MySQL虽然功能可能不是很强大但由于其开源广泛传播导致很多人都意识到这个数据库。

2.2.4 Node.js语言

Node.jsScript 这门语言的设计虽然被很多人诟病但是因为其占据了浏览器而且容易上手所以广泛流行。后来随着 Node.js 的出现npm 包管理带来的强大生态更是如虎添翼截止到 2017 年 3 月 npm 共有 43 万个包)。但是这也造成了 JS 社区变态的快速迭代大家都直呼赶不上框架太多选择太多眼花缭乱。

Node.js非常适用于Web开发但是现在无论是一个网站还是Web 小程序都已经成为包括很多不同部分如前端、数据库、业务模块、功能模块等等的大型项目使用Node.js从零开始进行Web开发也许大中型团队能够 胜任但对于个人和小型团队来说是不现实的。这时候框架就成为Web开发利器对于个人开发来说几乎是必不可少。

3系统的可行性研究及需求分析

3.1 可行性分析

可行性分析是系统开发过程中的的非常重要的一步可行性研究是指在开发系统时先对整体系统的所有的需求所需要使用的技术和在开发时候需要用到的方法以及开发所需要的的人员资金等各方面的综合考虑之后再对该系统是否符合实际开发的要求进行评估满足实际要求之后再进行实际的开发工作。一般的可行性分析包括技术可行性、经济可行性可行性等

研究的目的就是使用最小的代价和最短的时间来确定问题是否能够完善解决。该系统的可行性分析主要包括以下几个方面的内容。

3.1.1 经济可行性分析

博客系统主要面向的是电脑用户成本并不高对于系统的维护和调试只需要一个人就可以完成所以在人力方面投入的也很少。虽然说人力和资金的投入并不多但是面临的收益是十分可观的在21世纪很多企业、公司等都会将管理的目标转移到线上管理知识是无价的。在未来很多企业投入的人力资源和资金不会太多但却又能保证企业运转继续进行。这对整个企业的发展是非常有利的。

3.1.2 技术可行性分析

博客系统的开发使用了比较成熟的开发的模式。使用Vscode作为开发工具数据库使用MySQL。以Node.js语言为基本使用express框架搭建工程环境结合自身的实际项目开发能力完全可以开发出比较完善的博客系统。

3.2 需求分析

3.2.1用户需求分析

用户根据账号登陆进入博客系统系统根据用户的角色展示相应的功能权限。用户进入系统前台后可以查看博客文章等还能在线留言等。用户点击后台管理可以修改个人信息和密码可以发布博客文章等操作。

管理员拥有系统所有功能权限可以对所有信息进行相应操作。

3.2.2 功能需求分析

根据一般博客系统的功能需求分析本系统的功能模块如下

1在个人中心管理员可以修改自己的用户名和登录密码。

2在用户管理模块中可以查看用户的信息和进行修改、删除。

3在博客文章管理模块中管理员添加博客文章信息进行详情、修改、删除、审核。

4在系统管理模块管理员可以对轮播图管理、关于我们、联系我们进行添加、修改和删除。

3.2.3 网站性能需求分析

对网站性能进行分析可对系统反应度、界面简洁清晰度、储存能性、易学性和稳定性进行分析

系统反应度同时上万人在线时反应时间应该在两三秒以内。

界面简洁清晰系统界面要求简单明了操作简单用户操作容易上手。

储存性能高博客系统中需要存储的信息有很多所以对系统的存储量要求很高因此数据库就应该很强大才能保证信息能安全稳定的进行存储

易学性该系统在操作上必须简单好上手没有很多复杂的操作只需要简单的进行学习就能操作该系统。

稳定性要求博客系统运行要稳定界面清楚、字体清晰等。

3.3系统流程分析

由于不同的系统实际使用用户角色的不同他们的业务分析也会变得有所不一样为了论述方便接下来都将以管理员、用户功能权限下的系统业务流程来分析如下图所展示:

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6
标签: vue