Vue实战笔记 | 青训营

51 阅读3分钟

1 安装nodejs

1.1 安装环境

环境:win 11 64位 node.js下载官网:下载 | Node.js 中文网

1.2 安装步骤

1、双击安装包,一直点击下一步。

2、点击change按钮,更换到自己的指定安装位置,点击下一步(不修改默认位置也是可以的 )。

3、一直点击下一步,最后安装成功即可。

1.3 验证安装

1、在键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面

2、进入命令提示符窗口,分别输入以下命令,显示版本号,则安装成功,如图。

node -v        显示安装的nodejs版本
npm -v        显示安装的npm版本

ubuntu安装nodejs

curl -sL deb.nodesource.com/setup_16.x

sudo -E bash - sudo apt-get install -y nodejs

2 安装Vue脚手架并创建项目

npm install -g @vue/cli
vue create projectname

3 软件设计

深度学习大数据智能平台,是通过单页面框架Vue,Flask web服务器框架和http网络通信技术,将图像分类、数据增强、目标检测、高光谱图像异常目标检测集成到系统之中,使用户可以更为直观地感受和理解深度学习算法的原理和处理流程。

3.1 登录注册页面介绍

在桌面上双击系统的图标就会出现以下的界面,这时候就会弹出主界面,点击主页面头像可以看见注册登录选项。点击注册选项进入用户注册界面,从这个界面中可以到有用户名、密码和确认密码需要输入,输入完成将会在系统数据库增添一条用户信息表示用户注册成功。点击登录选项进入用户登录页面,从这个界面中可以到有用户名和密码需要输入,输入完成之后点击登入按钮。而且必须在用户名与密码同时输入正确的情况下才能通过认证登录成功,账号和密码必须正确才可以登录该软件进行使用操作,如果不能正确登录该软件,将无法正常使用该软件,详情如下图所示:

注册系统:

输入用户名和密码并确认密码之后,点击“提交”按钮,即可进行注册。

登陆系统:

输入用户名和密码之后,点击“提交”按钮,即可进行登录的操作了,若没有账号和密码点击“点此注册”即可完成基本的注册的操作。

3.2 主页面介绍

您在进入系统后,会看到系统的主页面,如图:

该界面是软件系统的主要的操作界面,根据界面的展示,使用者可以更好的操作软件系统。

3.2 场景示范

目标检测

这部分主要介绍系统的目标检测功能。目标检测功能栏分为单阶段目标检测算法、双阶段目标检测算法和小目标检测算法。其中,单阶段目标检测算法包含SSD、YOLOv3 SPP、RetinaNet、YOLOv4、FCOS、YOLOv7六种模型算法;双阶段目标检测算法包含Faster R-CNN一种模型算法;小目标检测目前还在开发中。通过点击左侧菜单栏的“目标检测”菜单项即可进行,这一功能分为五步进行,具体步骤如下。

1)选择目标检测算法

选择目标检测算法。当选择完目标检测算法后即可点击“下一步”按钮,如下图。

2)上传图像

点击上传文件组件,上传需要进行目标检测的图像或者拖拽图片进入上传区域内。上传成功后点击“下一步”按钮,如下图。

3)运行中

4)运行结果

经过处理后系统界面会展现上传的图像以及检测结果。点击“导出结果”按钮可以将处理后的结果导出到指定文件目录。