nodejs+vue+ElementUi家庭美食菜谱分享网站_in9c2

(设计制作有一定的安全性;数据库方面主要采用的是MySQL来进行开发,其特点是稳定性好,数据库存储容量大,处理能力快等优势;服务器采用的是Tomcat服务,能够提供稳固的运行平台,确保系统稳定运行。通过厨房达人美食分享平台来提升本课题的各项功能的工作效率,提供了一个多样功能,具有良好实用性的厨房达人美食分享平台。

关键词:厨房达人美食分享平台;vue框架;nodejs语言

运行软件:vscode

前端nodejs+vue+ElementUi

语言 node.js

框架:Express/koa

前端:Vue.js

数据库:mysql

开发软件:VScode/webstorm/hbuiderx均可

该系统将采用B/S结构模式,使用Vue和ElementUI框架搭建前端页面,后端使用Nodejs来搭建服务器,并使用MySQL,通过axios完成前后端的交互

1)以人为本原则

这个厨房达人美食分享平台,它的本质是为人们服务。是希望其可以实现并满足广大使用者对科技时代下的厨房达人美食分享平台的憧憬与向往。如何解放需要人工才能完成的部分和提升使用者的使用观感是最为基础的也是最重要的。它的设计宗旨就是为使用者服务。明确使用者的想法和需求,设法让使用者可以真实的感受到科技时代的魅力是设计的初衷。厨房达人美食分享平台可以满足新时代使用者的需求,让使用者能够真实的感受到它的便捷[7]。

(2)可修改原则

设计系统时并不能确保让所有的功能都达到使用者最理想的要求,在设计的过程中可能会有纰漏。所以在设计时要确保可以及时对不完整,不完美的部分进行修改和补充。同时,也要确保在系统发行后,在出现bug时可以在不影响使用者使用的情况下对系统进行线上维护[8]。同时要确保在修复,更新,维护的同时可以保证使用者的体验。

方法:

(1)调查法:从实际的系统开发目的出发,结合系统需求调研,得出本系统的功能结构模块。

(2)文献研究法:通过大量查阅有关本系统的相关技术书籍,更详尽地了解网上有关系统的现状及相关技术。

(3)经验总结法:经过网络搜索、老师指导以及自己的开发经验结合,对系统开发具体情况,进行归纳与分析,使之系统化、理论化。

(4)实证研究法:自己进行大量的编码测试,一切从动手编码出发,结合自己以前的编程基础,实现系统所需要的功能。

厨房达人美食分享平台的目的是让使用者可以更方便的将人、设备和场景更立体的连接在一起。能让用户以更科幻的方式使用产品,体验高科技时代带给人们的方便,同时也能让用户体会到与以往常规产品不同的体验风格。

与安卓,iOS相比较起来,厨房达人美食分享平台在流畅性,续航能力,等方方面面都有着很大的优势。这就意味着厨房达人美食分享平台的设计可以比其他系统更为出色的能力,可以更高效的完成最新的菜谱信息、菜谱笔记、美食资讯等功能。

此系统设计主要采用的是nodejs语言来进行开发,采用vue框架技术,框架分为三层,分别是控制层Controller,业务处理层Service,持久层dao,能够采用多层次管理开发,对于各个模块

目 录

摘 要 I

Abstract II

1 绪 论 1

1.1研究意义 1

1.2系统设计目的 2

1.3系统设计思想 2

2系统需求分析 3

2.1系统性能需求 3

2.2系统用例图 4

2.3可行性分析 4

2.3.1经济可行性 4

2.3.2技术可行性 5

2.3.3社会可行性 6

2.4系统开发技术 6

2.4.1 vue框架 7

2.4.2 B/S架构 8

2.4.3 MySQL介绍 8

2.4.4 nodejs介绍 9

2.5系统流程分析 10

3系统设计 11

3.1系统功能结构 12

3.1.1系统结构图 13

3.2数据库设计 15

3.2.1 数据库概念设计 16

3.2.2数据逻辑结构 18

4系统详细设计 21

4.1登录模块设计 22

4.2前台系统功能模块 23

4.3后台管理员功能模块 24

4.4后台用户功能模块 25

5 软件测试 28

5.1软件测试原则 29

5.2测试用例 30

结 论 30

参考文献 31

致 谢 32

相关推荐
paopaokaka_luck1 小时前
基于SpringBoot+Vue的社区诊所管理系统(AI问答、webSocket实时聊天、Echarts图形化分析)
vue.js·人工智能·spring boot·后端·websocket
余道各努力,千里自同风1 小时前
el-input 输入框宽度自适应宽度
javascript·vue.js·elementui
Southern Wind2 小时前
Vue 3 多实例 + 缓存复用:理念及实践
前端·javascript·vue.js·缓存·html
一大树2 小时前
Vue3优化指南:少写代码,多提性能
vue.js
90后的晨仔2 小时前
Webpack完全指南:从零到一彻底掌握前端构建工具
前端·vue.js
90后的晨仔2 小时前
Vue3项目全面部署指南:从构建到上线
前端·vue.js
重生之我要当java大帝3 小时前
java微服务-尚医通-数据字典-5
vue.js·微服务·云原生·架构
Shi_haoliu3 小时前
Vue2 + Office Add-in关于用vue项目于加载项控制excel单元格内容(Demo版)
前端·javascript·vue.js·node.js·html·excel·office
计算机毕业设计木哥4 小时前
计算机毕业设计选题推荐:基于SpringBoot和Vue的爱心公益网站
java·开发语言·vue.js·spring boot·后端·课程设计
知识分享小能手10 小时前
uni-app 入门学习教程,从入门到精通,uni-app基础扩展 —— 详细知识点与案例(3)
vue.js·学习·ui·微信小程序·小程序·uni-app·编程