本文以实际运用为开发背景，运用软件工程原理和开发方法，它主要是采用 语言 node.js
框架：Express
前端:Vue.js
数据库：mysql 
数据库工具：Navicat
开发软件：VScode 
前端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/ 和微信小程序来完成对系统的设计。整个开发过程首先对校园餐厅点餐订餐充值系统进行需求分析，得出校园餐厅点餐订餐充值系统主要功能。接着对校园餐厅点餐订餐充值系统进行总体设计和详细设计。总体设计主要包括小程序功能设计、小程序总体结构设计、小程序数据结构设计和小程序安全设计等；详细设计主要包括校园餐厅点餐订餐充值系统数据库访问的实现，主要功能模块的具体实现，模块实现关键代码等。最后对校园餐厅点餐订餐充值系统进行了功能测试，并对测试结果进行了分析总结，得出校园餐厅点餐订餐充值系统存在的不足及需要改进的地方，为以后的校园餐厅点餐订餐充值系统维护提供了方便，同时也为今后开发类似小程序提供了借鉴和帮助。
校园餐厅点餐订餐充值系统开发使系统能够更加方便快捷，同时也促使校园餐厅点餐订餐充值系统变的更加系统化、有序化。系统界面较友好，易于操作。

 目录
摘 要    II
Abstract    III
1 绪论    1
2 系统开发环境    4
3 系统分析    7
3.1 系统可行性分析    7
3.1.1 经济可行性    7
3.1.2 技术可行性    7
3.1.3 运行可行性    7
3.2 系统现状分析    7
3.3 功能需求分析    8
3.4 系统设计规则与运行环境    9
3.5系统流程分析    10
3.5.1操作流程    10
3.5.2添加信息流程    10
3.5.3删除信息流程    11
4 系统设计    12
4.1 系统设计主要功能    12
4.2 数据库设计    12
4.2.1 数据库设计规范    12
4.2.2  E/R图    12
4.2.3 数据表    14
5 系统实现    20
6 系统测试    30
6.1 功能测试    30
6.2 可用性测试    30
6.3 性能测试    31
6.4 测试结果分析    31
总结与心得体会    32
参考文献    33
致 谢    34