nodejs+vue+ElementUi体育奥运会论坛系统的设计与实现

(1) vue引入elementui
1.使用npm安装element-ui
npm i element-ui -S
2.在main.js中导入使用vue
import 'element-ui/lib/theme-chalk/index.css' //别忘了导入样式
import ElementUI from 'element-ui'
Vue.use(ElementUI)
  后端：java(springboot+ssm)/python/php/nodejs/
基于nodejs语言设计并实现了巴黎奥运会论坛系统。该系统基于B/S即所谓浏览器/服务器模式，应用vue框架，选择MySQL作为后台数据库。系统主要包括首页、个人 中心、用户管理、奥运视频管理、奥运文章管理、奥运勋章管理、勋章兑换管理、积分充值管理、积分扣除管理、文章类型管理、交流论坛、在线留言、系统管理等功能模块。
软件体系结构方案：由于本系统需要在不同设备上都能运行，而且电脑配置要求也要越低越好，为了实现这一要求，经过考虑B/S结构成为最佳之选。使用B/S结构的系统可以几乎在任何电脑上运行，只要浏览器可以正常工作就可以正常运行该系统，而且后期维护及二次修改较为容易，符合要求。
操作系统方案：Windows10操作系统，该系统是目前微软公司推出的最新系统，目前大多数市面上的电脑都使用该系统，并且该系统功能完善，兼容性好。开发工具：选用Eclipse。nodejs开发技术。前端nodejs+vue+ElementUi
语言 node.js
框架：Express/koa
前端:Vue.js
数据库：mysql
开发软件：VScode/webstorm/hbuiderx均可

本系统为了数据库结构的灵活性所以打算采用MySQL来设计数据库，而vue框架，B/S架构则保证了较高的平台适应性。本文主要介绍了本系统的开发背景，所要完成的功能和开发的过程，主要说明了系统设计的重点、设计思想。
该系统将采用B/S结构模式，使用Vue和ElementUI框架搭建前端页面，后端使用Nodejs来搭建服务器，并使用MySQL，通过axios完成前后端的交互 

目录
摘 要    1
Abstract    1
1 绪论    1
1.1 课题背景    1
1.2 课题研究现状    1
1.3 初步设计方法与实施方案    2
1.4 本文研究内容    2
2 系统开发环境    4
2.1 nodejs语言    4
2.2 B/S架构    4
2.3 MySQL 介绍    5
2.4 vue框架    5
3 系统分析    6
3.1 系统可行性分析    6
3.1.1 经济可行性    6
3.1.2 技术可行性    6
3.1.3 运行可行性    6
3.2 网站现状分析    6
3.3 功能需求分析    7
3.4 系统设计规则与运行环境    8
3.5系统流程分析    8
3.5.1操作流程    8
3.5.2添加信息流程    9
3.5.3删除信息流程    10
4 系统设计    11
4.1 系统设计主要功能    11
4.2 数据库设计    11
4.2.1 数据库设计规范    11
4.2.2 E-R图    11
4.2.3 数据表    12
5 系统实现    18
5.1  系统功能模块    18
5.2  管理员功能模块    20
5.3  用户功能模块    25
6 系统测试    27
6.1 功能测试    27
6.2 可用性测试    27
6.3 维护测试    28
6.4 性能测试    28
6.5 测试结果分析    29
结 论    30
参考文献    31
致 谢    33