nodejs+vue晓海网上订餐系统elementui

管理员功能需求
管理员登陆后,主要模块包括首页、个人中心、用户管理、菜单信息管理等功能。
第三章 系统分析 10
3.1需求分析 10
3.2可行性分析 10
3.2.1技术可行性:技术背景 10
3.2.2经济可行性 11
3.2.3操作可行性: 11
3.3性能分析 11
3.4系统操作流程 12
3.4.1管理员登录流程 12
3.4.2信息添加流程 12
3.4.3信息删除流程 13
第四章 系统设计与实现 15
4.1系统架构设计 15
4.2开发流程设计 15
4.3数据库设计 16
4.3.1实体ER图 16
4.3.2数据表 18
第五章 系统实现 21
5.1 用户客户端功能实现 24
5.2 管理员服务端功能实现 24
第六章 系统的测试 27
6.1 测试目的 27
6.2 测试方案设计 27
6.2.1 测试策略 27
6.2.2 测试分析 28
6.3 测试结果 28
结 论 29
参考文献 30
致 谢 31
 网络的广泛应用给生活带来了十分的便利。所以把晓海网上订餐与现在网络相结合,考虑到实际生活中在晓海网上订餐方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。通过系统得到更好的管理,同时提升了形象。nodejs+vue晓海网上订餐系统elementui_第1张图片
nodejs+vue晓海网上订餐系统elementui_第2张图片前端技术: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文件夹
      存放视图。
可以进行首页、系统公告、在线投诉、我的等操作,在我的页面可以对菜品评价、订单信息、在线投诉、我的收藏管理进行详细操作。接下来对系统进行测试,测试系统是否有漏洞和测试用户权限来完善 
订餐的信息化。则对于进一步提高晓海网上订餐发展,丰富晓海网上订餐经验能起到不少的促进作用。

你可能感兴趣的:(vue.js,elementui,前端)