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

相关推荐
踩着两条虫4 小时前
VTJ.PRO 核心架构全公开!从设计稿到代码,揭秘AI智能体如何“听懂人话”
前端·vue.js·ai编程
蓝冰凌6 小时前
Vue 3 中 defineExpose 的行为【defineExpose暴露ref变量】详解:自动解包、响应性与实际使用
前端·javascript·vue.js
奔跑的呱呱牛6 小时前
generate-route-vue基于文件系统的 Vue Router 动态路由生成工具
前端·javascript·vue.js
sp42a6 小时前
在 NativeScript-Vue 中实现流畅的共享元素转场动画
vue.js·nativescript·app 开发
还是大剑师兰特8 小时前
Vue3 中 computed(计算属性)完整使用指南
前端·javascript·vue.js
孜孜不倦不忘初心8 小时前
Ant Design Vue 表格组件空数据统一处理 踩坑
前端·vue.js·ant design
csdn_aspnet8 小时前
查看 vite 与 vue 版本
javascript·vue.js
于先生吖9 小时前
SpringBoot+Vue 前后端分离短剧漫剧系统开发实战
vue.js·spring boot·后端
毕设源码-赖学姐9 小时前
【开题答辩全过程】以 基于VUE的环保网站设计为例,包含答辩的问题和答案
前端·javascript·vue.js