目 录
摘 要 I
ABSTRACT II
目 录 II
第1章 绪论 1
1.1背景及意义 1
1.2 国内外研究概况 1
1.3 研究的内容 1
第2章 相关技术 3
2.1 nodejs简介 4
2.2 express框架介绍 6
2.4 MySQL数据库 4
第3章 系统分析 5
3.1 需求分析 5
3.2 系统可行性分析 5
3.2.1技术可行性：技术背景 5
3.2.2经济可行性 6
3.2.3操作可行性： 6
3.3 项目设计目标与原则 6
3.4系统流程分析 7
3.4.1操作流程 7
3.4.2添加信息流程 8
3.4.3删除信息流程 9
第4章 系统设计 11
4.1 系统体系结构 11
4.2开发流程设计系统 12
4.3 数据库设计原则 13
4.4 数据表 15
第5章 系统详细设计 19
5.1管理员功能模块 20
5.2用户功能模块 23
5.3前台功能模块 19
第6章 系统测试 25
6.1系统测试的目的 25
6.2系统测试方法 25
6.3功能测试 26
结 论 28
致 谢 29
参考文献 30

 在当前的这个大的气候下，南七街道志愿者服务将具有长足的发展。特别是在互联网高度发展和应用的今天，用户对南七街道志愿者服务的需求越来越多，也正因此，南七街道志愿者服务平台应运而生，可以为南七街道志愿者服务有效的解决很多实际问题。在软件开发过程中最为重要的就是数据库的应用部分。
随着网络行业的快速发展，南七街道志愿者服务涵盖的领域广泛，因此难以管理。传统的南七街道志愿者服务平台管理方法的效率无法适应现在的发展，反而更加繁琐，所以需要建立并且完善南七街道志愿者服务平台。
系统设计的主要意义在于，一方面，系统上线后可以带来很大的便利性， 另一方面，通过系统的设计，自己对软件设计有了更加深入的了解，并且产生了浓厚的学习兴趣，在对问题分析方面有了独特的方式，是进入社会之前一次很好的锻炼机会[1]。
 根据需求，将南七街道志愿者服务平台功能模块主要分为管理员模块。管理员添加个人中心、管理员管理、论坛管理、基础数据管理、活动信息管理、活动报名管理、公告信息管理、自愿者管理、轮播图信息等操作。  本南七街道志愿者服务平台是针对目前南七街道志愿者服务的实际需求，从实际工作出发，对过去的南七街道志愿者服务平台存在的问题进行分析，完善用户的使用体会。采用计算机系统来管理信息，取代人工管理模式，查询便利，信息准确率高，节省了开支，提高了工作的效率。
本系统结合计算机系统的结构、概念、模型、原理、方法，在计算机各种优势的情况下，采用 nodejs语言，结合 Vue框架以及MYSQL数据库设计并实现的。本南七街道志愿者服务平台主要包括个人中心、管理员管理、基础数据管理、论坛管理、活动信息管理、活动报名管理、公告信息管理等多个模块。它帮助南七街道志愿者服务实现了信息化、网络化，通过测试，实现了系统设计目标，相比传统的管理模式，本系统合理的利用了南七街道志愿者服务数据资源，有效的减少了南七街道志愿者服务的经济投入，大大提高了南七街道志愿者服务的效率。
 
前端技术：nodejs+vue+elementui,
Express 框架于Node运行环境的Web框架,
语言 node.js
框架：Express
前端:Vue.js
数据库：mysql
数据库工具：Navicat
开发软件：VScode
视图层其实质就是vue页面，通过编写vue页面从而展示在浏览器中，编写完成的vue页面要能够和控制器类进行交互，从而使得用户在点击网页进行操作时能够正常。

代码结构讲解
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后，cd到项目目录执行npm install后生成的文件夹，下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。node_modules文件夹下的依赖项是从哪里知道的呢？原因就是项目根目录下的这个package.json文件，执行npm install时会去找此文件中的dependencies，并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道，为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。
南七街道志愿者服务属于非常细致的管理模式，要求数据量大，计算机管理可以提高精确性，更为便利的就是信息的查询，大大的提高了工作效率，改善了管理质量；通过软件的需求分析已经获得了系统的基本功能需求，随着信息化社会的形成和微电子技术日新月异的发展，为南七街道志愿者服务提供了良好的发展环境，而南七街道志愿者服务规模的扩大要求有一套实用而且方便的系统进行南七街道志愿者服务的管理。