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

相关推荐
若梦plus5 分钟前
Nuxt.js基础与进阶
前端·vue.js
星雨流星天的笔记本7 分钟前
英语听力口语词汇-8.美食类
美食
若梦plus42 分钟前
Vue服务端渲染
前端·vue.js
Mr...Gan1 小时前
VUE3(四)、组件通信
前端·javascript·vue.js
给力学长1 小时前
自习室预约小程序的设计与实现
java·数据库·vue.js·elementui·小程序·uni-app·node.js
楚轩努力变强3 小时前
前端工程化常见问题总结
开发语言·前端·javascript·vue.js·visual studio code
前端开发爱好者3 小时前
只有 7 KB!前端圈疯传的 Vue3 转场动效神库!效果炸裂!
前端·javascript·vue.js
接口写好了吗4 小时前
【el-table滚动事件】el-table表格滚动时,获取可视窗口内的行数据
javascript·vue.js·elementui·可视窗口滚动
洛千陨8 小时前
Web Worker基础概念 & 图片滤镜处理实际应用 -- Vue3
javascript·vue.js
半花8 小时前
【vue】v-自定义指令
前端·vue.js