没有合适的资源？快使用搜索试试~ 我知道了~

文库首页安全技术网络安全项目文档1

项目文档1

人工智能

需积分: 0 0 下载量 43 浏览量 2022-08-08 23:12:12 上传评论收藏 1.86MB DOCX 举报

温馨提示

试读

14页

接下来介绍如何将本项目部署到云服务器的docker nginx容器上nginx容器的创建及相关配置文件可参考项目代码中的docker文件夹创建好nginx容器后

资源详情

资源评论

资源推荐

hdu-ai-web

HDU AI 平台（仿腾讯 AI）

项目介绍

基于 vue.js 的人工智能算法平台，样式部分大多直接复制腾讯 AI 开放平台的 html 和 css 代码并作一

些修改，一部分采用 iview 的 ui 组件，功能部分采用 vue .js 参照腾讯 AI 开放平台的功能进行复现。

该平台主要包含首页、技术引擎、文档中心、登录、注册、控制台首页、应用管理（创建应用、删除

应用、应用概览、数据分析、应用信息）、能力库、接入能力等功能。

项目预览

预览地址： http://106.54.192.188/hdu-ai-web/

测试账号：test 密码：123

启动项目

注：需要先在开发机器上安装 node.js(npm)

安装 npm 依赖

npm install

在开发环境启动项目, 以及打包项目

1. 使用命令行

# 启动项目

npm run serve

# 打包项目

npm run build

2. 使用 vue ui（推荐）

# 安装最新版的 vue-cli

npm install -g @vue/cli

# 检查 vue-cli 版本

vue -V

# 运行 vue ui

vue ui

# 运行 vue ui 之后，在 ui 界面进行相应的启动打包操作

部署项目

本系统采用前后端分离的模式，可以考虑将前端项目单独部署到 nginx 并通过添加反向代理配置解决

跨域问题。

接下来介绍如何将本项目部署到云服务器的 docker nginx 容器上

nginx 容器的创建及相关配置文件可参考项目代码中的 docker 文件夹

创建好 nginx 容器后，用 xftp 等工具连接云服务器，将打包生成的 dist 目录下的文件拖入对应目录

技术选型

� MVVM 框架：vue.js

� 前端路由框架：vue-router

� 全局状态管理框架：vuex

� 前端 UI 框架：iview（view ui）

� 前端 HTTP 框架：Axios

� 图表框架：Echarts

项目结构

� api -- 请求后端数据用到的接口

� assets -- 静态资源，如图片等

� components -- 公共组件

▪ footer -- 控制台的页脚（前台的页面暂未抽离也未修改）

▪ header -- 前台顶栏和控制台顶栏

▪ chart.vue -- 简单封装的 echarts 折线图

� libs -- 工具文件

▪ axios.js -- 封装 axios，用于 api 的 http 请求

▪ dateUtil -- 日期格式转化

▪ storage -- 封装 localstorage，主要用于存储 token

� mock -- 前期开发时写的模拟数据，后期有变动，以后端返回数据为准

� iview -- vue-cli 插件形式安装 iview

� router -- 前端路由 vue-router

� store -- 全局状态管理框架 vuex

� views -- 项目的页面文件

▪ console -- 控制台相关页面

▪ application -- 应用管理相关页面

▪ create-app.vue -- 创建应用

▪ detail.vue -- 应用详情主体布局

▪ detail

▪ data-analysis.vue -- 应用详情的数据分析

▪ data-info.vue -- 应用详情的应用信息

▪ overview.vue -- 应用详情的应用概览

▪ capability -- 能力库相关页面

▪ detail -- 能力详情页面

▪ overview -- 能力库列表页面

▪ home -- 控制台首页

▪ user -- 账号信息页面

▪ error -- 错误页面（暂时只用到了 404）

▪ front -- 前台相关页面

▪ doc -- 文档中心

▪ detail.vue -- 文档中心详情页

▪ home.vue -- 文档中心首页

▪ home -- 前台首页

▪ product -- 技术引擎详情页

▪ login -- 登录页面

▪ regist -- 注册页面

项目功能

本项目主要分为前台和控制台。其中，前台页面不需要登录即可访问，而控制台页面需要登录后才能

访问。本项目未实现权限功能，仅通过 api 是否需要 token 来实现是否需要登录才能访问。如果某个

页面的接口需要 token，用户未登录时调用该接口，因为没有 token 或 token 过期，后台会返回 401

（和后台的约定）表示未授权，此时前端会清空 localstorage 里的 token 和 userInfo，并跳转登录页面

让用户重新登录。

剩余13页未读，继续阅读

内容反馈

王元祺

粉丝: 65
资源: 303

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

项目文档1

评论0

最新资源

项目文档1

评论0

设计模式项目文档1

慢慢买项目文档1

坦克大战项目文档1

CMM解释器项目文档1

sssss-慢慢买项目文档1

1452822_洪嘉勇_文件系统项目文档1

c#项目文档1

java项目文档编写模板—包含项目全流程文档模板(全)

项目文档项目文档

项目文档模板 项目文档模板

java项目文档

JSP 项目文档 模板

软件外包项目文档软件外包 项目文档

C++项目文档资料

项目文档，Java项目文档

Maven构建项目文档

原始软件项目项目文档模板大全

最新版ISO/IEC 27001:2022、ISO 27002:2022中英文合集

Goby红队版-win-x64-2.4.7版本

Chrome Header Editor 插件

ISO SAE 21434-2021 中文版.pdf

OpenVAS GVM 中文翻译补丁

安全认证cisp教材全套

现代永磁同步电机控制原理及MATLAB仿真__袁雷编著1

全面的安全基线核查清单

OpenVAS离线资源

2024最新：Hvv中常见的面试问题

CISP、NISP二级、CISE题库最新版（2024年1月更新）

最新资源

项目文档模板项目文档模板

JSP 项目文档模板

软件外包项目文档软件外包项目文档