饭堂作为中学的一个重要的部门，为中学生提供了就餐的地点饭堂点餐，中学生可以在饭堂享用丰富的餐品，构建一个在校订餐网站，帮助了中学生提供一个就餐订餐的系统，也帮助了饭堂提供了一个餐品展示的站点。
园的饭堂作为一个窗口单位，主要是针对院校的中学生提供饭菜的窗口，提供优质的伙食。中学生可以在网上进行食材的查看，进行在线选择食材，在线进行食材的预订，便捷了饭堂提供一个互联网平台进行食材的销售，降低销量便捷饭堂食材发布和中学生进餐。平台分为后端和后台的模式开发，系统功能简单，网站友好性强
后端技术：+vue+,
框架于Node运行环境的Web框架,
语言node.js
框架：
后端:Vue.js
数据库：mysql
数据库工具：
开发软件：
视视口其实质就是vue页面，通过编撰vue页面因而展示在浏览器中，编撰完成的vue页面要才能和控制器类进行交互，因而促使用户在点击网页进行操作时才能正常。
代码结构讲解
1、文件夹(有npn形成)
这文件夹就是在创建完项目后，cd到项目目录执行npm后生成的文件夹饭堂点餐，下载了项目须要的依赖项。
2、.json文件
此文件是项目的配置文件（可定义应用程序名，版本，依赖项等等）。文件夹下的依赖项是从那里晓得的呢？缘由就是项目根目录下的这个.json文件，执行npm时会去找此文件中的，并安装指定的依赖项。
3、文件夹(包含、、)
这个文件夹做过Web开发的应当一看就晓得，为了储存图片、脚本、样式等文件的。
4、文件夹
用于储存路由文件。
5、views文件夹
储存视图。
后台管理：
网站的后台主要是针对前台的主要功能，菜肴信息等进行管理，实现网站的整体的功能，包括信息的展示，菜肴的展示以及中学生注册信息的展示等。主要功能如下：
个人资料管理：可以实现个人的资料信息的更改和管理，才能在线进行个人资料的更改，管理好个人资料。
订购记录管理：用户可以查看自己的订餐记录的信息，对历史订单进行管理查看。
订单管理：可以针对用户在院校的订餐的订单信息进行查看，查看个人的订单情况，了解订餐信息。
我的收藏管理：可以对喜欢的菜肴进行在线收藏，收藏喜欢的菜肴，便于后期进行选择订餐。
网站用户前台
前台主要是注册中学生和非注册的访客进行访问，注册中学生可以在线进行订餐，非注册用户只能进行浏览查看，功能介绍如下：
食材展示：一般饭堂菜肴分为面食类、水果类、蔬菜类、高汤类和美食类，该栏目下，可以以大类和小类的方式，进行食材的分类展示，也可以在线进行新款的推荐。
中学生注册：就能在线进行中学生的注册，输入中学生的用户名，密码，姓名等基本信息后，进行在线的中学生注册。
最新动态：以最新的动态信息展示系统网站的信息，步入后可以看见最新的动态信息，并才能展示最新的网站情况。
在线留言：就能在线进行留言，中学生和旅客可以在线进行留言，但是查看他人的留言信息，以及回复。
免责声明：部分文章信息来源于网络以及网友投稿，本站只负责对文章进行整理、排版、编辑，出于传递更多信息之目的，并不意味着赞同其观点或证实其内容的真实性，如本站文章和转稿涉及版权等问题，请作者在及时联系本站，我们会尽快为您处理。
