不用懂编程也能快速搭建自己的AI人工智能应用,ShakingAI抖动AI,ChatGPTReactUmiJS应用,支持流式输出。支持OpenAI官方所有接口。支持MJ画图接口,ChatGPT的React客户端。OpenAIGPT3.5TurbGPT

在正式投入生产环境之前,你需要准备以下材料:

一.开箱即用如果你不需要做UI页面的定制化修改,那么你可以将代码拉下来,打包部署至您的服务器即可。请仔细阅读以下详细步骤,按照如下图文教程,即使你不懂编程也可完成构建一个你自己的AI应用

二.详细使用步骤

使用VSCode编译器打开shaking-ai工程,打开后使用yarn命令编译工程,如下图所示:

编译完成,使用yarnstart命令启动项目

注册成功后,即进入系统后台,找到左侧菜单:应用管理-自适应网页-创建应用:

创建AI智能应用,并选择版本

接下来就是装修设计您的AI应用

到这里,假设你的应用已全部配置好、页面已全部装修完毕,那么你就可以打包部署至您的云服务器了以下是打包部署的方法(为了用户的极致快速体验,请准备好一个cdn加速域名和一个七牛云、阿里云oss云存储类似的存储服务)

控制台执行打包命令:npmrunbuild进行打包

d.主Nginx服务做好电脑端、移动端等的域名转发配置

e.最后一步就是将打包那一步生成的dist文件夹中的index.html文件,上传至您的nginx服务的html目录并重启nginx服务./sbin/nginx-sreload

大功告成!!

抖动AI由轻抖云AI开放平台快速构建生成,轻抖云AI开放平台是一款功能强大、安全、稳定、高性能、企业级的AI系统软件,他可以帮助您快速完成构建一个互联网AI应用产品的任务。它具有以下特点:

2.80%以上的网页UI支持自定义装修设计

平台后端技术框架采用Java语言开发,使用SpringCloudAlibaba微服务框架做底层架构:

技术驱动打造生态将前沿软件技术与行业应用相结合,为大规模互联网AI应用提供强有力的支持

技术标准规范10年专注于互联网商务软件的研发,坚持精雕细琢,致力于为企业打造高品质软件系统,严格遵循JavaEE标准开发规范,完善的代码注释,标准的命名规范,统一的编程风格;我们始终坚持用严苛的技术标准打造软件品牌价值。

SpringCloud阿里巴巴微服务架构轻抖云SHAKINGSHOP电商系统使用的是SpringCloud极简微服务架构,可以更好的衔接阿里云各大云服务容器或中间件,方便在多用户高并发请求的情况下,随意扩展增减服务,其中使用的阿里巴巴Nacos注册服务中心,天生支持负载均衡,可以自由的上下架服务而不影响正常服务的使用。

全球主流React前端框架

蚂蚁金服AntdUI组件套用官方的一句话:“AntDesign助力设计开发者「更灵活」地搭建出「更美」的产品,让用户「快乐工作」~”,怎么样?厉害吧?给力吧?使用antdUI组件库,你可以轻松实现各类复杂的图表或表单,ShopNFT已封装了大量的有价值的组件,方便你二次开发使用。

轻抖云低代码可视化编辑器通过开源的轻抖云可视化编辑器,你可以轻松实现各类你喜欢的UI页面的设计,如果轻抖云可视化编辑器的组件不够你使用,那么你可以修改源码,按照规范进行自己的组件开发

高可用缓存处理

轻抖云作为国内最早的一批AI入局者,凭借其丰厚的互联网从业经验,于2023年5月推出轻抖云AI开放平台,该AI平台可链接OpenAI、阿里通义、百度文心、华为盘古、腾讯混元等当下最流行的AI模型,他可以完成所有场景的虚拟对话,包括但不限于跟你聊天,帮你写论文,写代码,充当人工客服、虚拟数字人直播等。轻抖云的愿景就是打造一个中国最惠民的AI生态系统2.0

THE END
1.新手指南·MUI点击下载 已打包好的Hello mui 手机app,直接在手机上体验mui的控件UI及能力展示; 2. 创建Hello mui工程 可从https://www.dcloud.io下载Hbuilder,选择新建“移动APP”,并选择“Hello MUI”工程模板,创建工程;然后通过数据线将手机连接上电脑,点击运行,就可以在手机上体验MUI的各项能力。快速https://dev.dcloud.net.cn/mui/getting-started/?_=1490531680
2.reactumi2.8使用umi块(umiui)部署首页效果图: umi2.x版本之前安装都是这样安装的 可是umi3.x版本之后你会发现文档没有块这文档,反而只有一个使用 umi UI 哈哈哈,没错如果我们要使用umi提供的块模板,只能通过umi UI 来进行安装,下面开始介绍umi ui如何安装 yarn add @umijs/preset-ui -Dhttps://download.csdn.net/blog/column/10641949/110851256
3.项目实战《AntDesignofReact3.x组件文档》项目实战安装 Umi UI创建新应用使用 antd新建路由编写 UI Component定义 dva Modelconnect 起来构建应用下一步 antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。https://www.bookstack.cn/read/ant-design-3.x/efa7c0d03dc579b5.md
4.UI插件开发UmiJS中文文档开发文档与正常插件一样,安装依赖后,执行以下命令: # npm run build && npm run start $ yarn build && yarn start 此时,就能看到 UmiUI 启动了。 其中example项目就是测试项目,点击进入,会看到 UI 插件在左侧菜单。 ui/index.js负责 UI 插件的展示,你可以使用Umi UI 客户端 API,开发插件。 https://www.wenjiangs.com/doc/umijs-guide-develop-umi-ui-plugin
5.umiui安装区块失败·Issue#117·umijs/umiumi-ui 安装区块失败 { SyntaxError: This experimental syntax requires enabling the parser plugin: 'optionalChaining' (70:17) at Object.raise (/Users/kelly/work/demo/umi3/pro_v4/node_modules/@umijs/block-sdk/node_modules/@babel/parser/lib/index.js:6344:17)https://github.com/umijs/umi-ui/issues/117
6.UI插件开发UmiJS# 使用Umi UI 主题Umi UI 提供了一套 antd 主题变量,可供第三方组件库在非 Umi UI 运行环境下,开发插件。# 使用方式安装umi-ui-theme 主题包,现只提供了 dark 暗色主题。// .umirc.js import { dark, light } from 'umi-ui-theme'; { theme: dark } https://umi-ktvimeidq.now.sh/zh/guide/develop-umi-ui-plugin.html
7.Umi4发布啦Umi UI 卷土重来? 日常排查问题时,很多 Umi 框架的内部状态是看不到的,比如插件启用情况、appData 元数据、修改过的最终配置、修改过的最终 webpack 配置、修改过的最终路由、MFSU 的 module graph 信息等。Umi 4 提供了 /__umi/ 路由,dev 阶段可用,效果见下图。定位是开发辅助,大家也可以理解为是「丐版 Umhttps://developer.aliyun.com/article/987525
8.umi驱动万能驱动下载umi 驱动 相当好用,可以放心下载。 我用过了 绝无病毒 umi v3 驱动2011-08-07 上传大小:162KB 所需:39积分/C币 UMI V4 加密狗驱动 微狗(UMI/UMC/PMH/PMI)驱动安装程序是安装在 Windows 9X/ME/NT/2K/XP/WS2003/Vista /XP64/WS2003x64/Vista64环境下的驱动的程序。 加密后的 Win32 应用程序在 Windohttps://www.iteye.com/resource/boldo-3501462
9.antdesignprov5完整版安装antdesignpro官网ant design pro v5完整版安装 ant design pro 官网 antd pro是一个企业级中后台前端/设计解决方案,完善的UI组件,权限管理,以及最新版本使用umi ui进行区块管理,可以帮助我们快速开发开台,antd pro技术栈主要使用antd+dva+umi,关于dva和umi好多童鞋很陌生,下面让我们看下dva和umi是什么?在学习dva和umi之前,先让https://blog.51cto.com/u_16099231/10233239
10.umi结合dva使用大前端学习创建umi-app项目 yarn create@umijs/umi-app 报错Error: EPERM: operation not permitted, mkdir ‘C:***‘ 解决办法:找到用户目录,我的用户目录为:C:\Users\jin【C:\Users{账户}\】,删除目录下的.npmrc文件。 安装依赖 yarn install 安装umi-ui https://www.php.cn/blog/detail/32484.html
11.basic主题定制:Element UI 提供了主题定制的功能,你可以通过它来定制自己的主题颜色。要开始使用 Element UI,你可以通过 npm 或 yarn 来进行安装:npm install element-ui 或yarn add element-ui 然后,在你的 Vue 项目中,可以全局引入 Element UI:import Vue from 'vue'; import ElementUI from 'element-ui'; imporhttp://www.zhufengpeixun.com/basic/html/6.12.vue.html
12.在Umi中使用在真实项目开发中,除了 Ant Design 这样的 UI 库,你可能会还会需要构建工具、路由方案、CSS 方案、数据流方案、请求库和请求方案、国际化方案、权限方案、Icons 方案等等,才能完成一个完整的项目。我们基于业务场景,推出了基于 React 的企业级应用框架Umi,推荐你在项目中使用。 https://ant-design.antgroup.com/docs/react/use-with-umi-cn
13.reactdvaumi框架入门总结.docxreactdvaumi框架前端框架 简述对dva,umi的理解 react 实现ui界面 redux 数据的流向和存储 --store redux-saga 基于redux的中间件,异步数据 react-Router dva dva 将redux,redux-saga,react-router作了一个整合。model是dva最重要的部分,可理解为redux,redux-saga,react-router的封装。 model 在umi 项目中,可使用https://max.book118.com/html/2022/0420/7016155144004113.shtm
14.从零打造一个属于自己的在线Visio项目实战ReactJS+UmiJS+1. 安装UmiJS // 推荐使用yarn npm install yarn -g yarn global add umi 2. 安装UmiJS手脚架 mkdir topology-react yarn create umi // 创建项目文件后,安装依赖包 yarn 这里,我们选择typescript,dva等(dll可以不用,已落伍)。 3. 把css改成less https://www.imooc.com/article/295598
15.介绍UmiUIUmiJSumi 项目的本地研发工作台。# ? 特性项目管理。集中式管理本地项目。 配置管理。umi / bigfish 常用项目配置。 任务管理。集成启动、构建、测试、代码规范检查、重新安装依赖等常用操作。# 使用请确保 umi 版本在 2.9.0 或以上。一、在任意地方执行,$ umi ui https://v2.umijs.org/zh/guide/umi-ui.html
16.一文详解如何使npmscripts更好维护的配置方法javascript技巧"start:no-ui": "cross-env UMI_UI=none UMI_ENV=dev umi dev", "start:pre": "cross-env REACT_APP_ENV=pre UMI_ENV=pre umi dev", "start:test": "cross-env REACT_APP_ENV=test MOCK=none UMI_ENV=test umi dev", "start:lcic": "cross-env REACT_APP_ENV=dev MOCK=none UMI_ENV=lchttps://www.jb51.net/javascript/288011mk5.htm
17.pro.ant.design/zhCN/blog/betterumi ui 已经发布,点此快速体验。 在v4 中我们发布了 block 功能,在一段时间的使用和反馈中我们增加了一些新的特性,来帮助用户更好的使用和体验 block。 更快的安装速度 在新的 umi block 中我们会帮助用户自动选择合适的源,而在以前的版本中 block 会使用默认的 npm 源,对于网络状态不佳的用户,改善非常https://pro.ant.design/zh-CN/blog/better-block/
18.AntDesignPro开始使用Ant Design Pro 是一个企业级中后台前端/设计解决方案。通俗的说,就是一个基于 reactjs 的后台界面。包含的技术有 reactjs、ant-design、umijs。 创建和启动 npxcreate-umi npminstallnpmstart 增加umi-ui umi-ui是可视化辅助编程插件。感兴趣的可以尝试一下。安装下列方式按照umi-ui依赖后,正常启动Ant Design Prhttps://www.ujcms.com/knowledge/468.html
19.umi创建脚手架码农集市专业分享IT编程学习资源然后安装umi npm install umi -g 安装成功后 $ umi ui 打开umi 就会进入浏览器umi首页了 Error: spawn git ENOENT 然后创建项目 发现 Error: spawn git ENOENT at notFoundError (C:\Users\Administrator.umi\creator\create-umi\node_modules\cross-spawn\lib\enoent.js:6:26) 解决办法 通过gitbash进入umi https://www.coder100.com/index/index/content/id/4019304
20.UmiOCR首页文档和下载离线文字识别工具OSCHINA蓝奏云下载:https://hiroi-sora.lanzoul.com/s/umi-ocr 兼容性 系统支持 Win10 x64 及以上版本。 CPU 必须具有 AVX 指令集。 出现初始化引擎失败等问题时请参考 问题排除 。 前言 关于忽略指定区域的特殊功能: 类似含水印的视频截图、含有 UI / 按钮的游戏截图等,往往只需要提取字幕区域的文本,而避免提取到https://www.oschina.net/p/umi-ocr
21.使用umi搭建框架教程Jimvue3.4 library:依赖(组件)库脚手架,基于umi-plugin-library 我这边选用的app并启用ts, 选择typescript支持后再选择你需要的功能(多选) 按上下箭头移动,并按 空格键 选中需要的功能 antd: UI框架,启用后实现antd, antd-mobile 和 antd-pro 的按需编译,无需要手动配置。 https://www.cnblogs.com/huoshengmiao/p/16683588.html
22.umijs4集成MaterialUI创建umi项目 一直在用ant design pro做项目,着实有点儿审美疲劳了,正好最近有个小项目尝试下Material UI,发现Material UI也挺好用的,在此做个总结。 创建umi项目 # 官方推荐使用pnpm构建项目 pnpm dlx create-umi@latest umi 目录结构 . ├── config https://www.jianshu.com/p/37c74919270a