前端

acuity-web-pro 简介

基于vue-vben-admin进行二次开发的系统。该项目是基于Vue3.x、Vite、 Ant-Design-Vue3.x 、TypeScript 的中后台解决方案，目标是为中大型项目开发,提供现成的开箱解决方案及丰富的示例。

详情的使用文档请参考他们的官方文档：

vben：https://doc.vvbin.cn/open in new window
ant-design-vue： https://www.antdv.com/open in new window

环境要求

Node.js: 版本大于 16.0.0
pnpm : 包管理工具.

工具配置

如果您使用的 IDE 是vscodeopen in new window(推荐)的话，可以安装以下工具来提高开发效率及代码格式化

Iconify IntelliSenseopen in new window- Iconify 图标插件
windicss IntelliSenseopen in new window- windicss 提示插件
I18n-allyopen in new window- i18n 插件
Veturopen in new window- vue 开发必备（也可以选择 Volar）
ESLintopen in new window- 脚本代码检查
Prettieropen in new window- 代码格式化
Stylelintopen in new window- css 格式化
DotENVopen in new window- .env 文件高亮

修改配置

根据自己的需求修改 [.envopen in new window] 文件，VITE_GLOB_MULTI_TENANT_TYPE 参数改成跟后端对应的模式

properties

# 端口号
VITE_PORT = 3100

# 标题 logo title
VITE_GLOB_APP_TITLE = acuity-web-pro

# 简称，用于配置文件名字 不要出现空格等特殊字符
VITE_GLOB_APP_SHORT_NAME = acuity_web_pro

# 后台动态获取菜单
VITE_DYNAMIC_IMPORT = true

# 多租户类型  可选值： DATASOURCE_COLUMN DATASOURCE COLUMN NONE
VITE_GLOB_MULTI_TENANT_TYPE = DATASOURCE_COLUMN

# 登录页是否显示验证码
VITE_GLOB_SHOW_CAPTCHA = true

# 客户端id&秘钥 VITE_GLOB_CLIENT_ID 和 VITE_GLOB_CLIENT_SECRET 务必和 def_client 表中的信息保持一致
VITE_GLOB_CLIENT_ID = acuity_web_pro
VITE_GLOB_CLIENT_SECRET = acuity_web_pro_secret

# 网站header栏红色提示文字
VITE_GLOB_TIPS = acuity-cloud-pro 4.0企业版震撼发布，欢迎体验~(请勿删除数据！)

# 默认登录时加载的默认应用ID，此ID需要事先在def_application中配置
VITE_GLOB_DEF_APPLICATION_ID = 1

# 第三方文件预览服务 需要自行安装kkFileView（https://gitee.com/kekingcn/file-online-preview）
VITE_GLOB_PREVIEW_URL_PREFIX="http://106.53.26.9:8012/onlinePreview?url="

# 请求头中携带的token(用户身份信息) key名称
VITE_GLOB_TOKEN_KEY=Token

# 请求头中携带的租户ID key名称
VITE_GLOB_TENANT_ID_KEY=TenantId

# 请求头中携带的应用ID key名称
VITE_GLOB_APPLICATION_ID_KEY=ApplicationId

# 请求头中携带的客户端信息 key名称
VITE_GLOB_AUTHORIZATION_KEY=Authorization

# axios 请求默认超时间： 10s
VITE_GLOB_AXIOS_TIMEOUT=10000

# 端口号
VITE_PORT = 3100

# 标题 logo title
VITE_GLOB_APP_TITLE = acuity-web-pro

# 简称，用于配置文件名字 不要出现空格等特殊字符
VITE_GLOB_APP_SHORT_NAME = acuity_web_pro

# 后台动态获取菜单
VITE_DYNAMIC_IMPORT = true

# 多租户类型  可选值： DATASOURCE_COLUMN DATASOURCE COLUMN NONE
VITE_GLOB_MULTI_TENANT_TYPE = DATASOURCE_COLUMN

# 登录页是否显示验证码
VITE_GLOB_SHOW_CAPTCHA = true

# 客户端id&秘钥 VITE_GLOB_CLIENT_ID 和 VITE_GLOB_CLIENT_SECRET 务必和 def_client 表中的信息保持一致
VITE_GLOB_CLIENT_ID = acuity_web_pro
VITE_GLOB_CLIENT_SECRET = acuity_web_pro_secret

# 网站header栏红色提示文字
VITE_GLOB_TIPS = acuity-cloud-pro 4.0企业版震撼发布，欢迎体验~(请勿删除数据！)

# 默认登录时加载的默认应用ID，此ID需要事先在def_application中配置
VITE_GLOB_DEF_APPLICATION_ID = 1

# 第三方文件预览服务 需要自行安装kkFileView（https://gitee.com/kekingcn/file-online-preview）
VITE_GLOB_PREVIEW_URL_PREFIX="http://106.53.26.9:8012/onlinePreview?url="

# 请求头中携带的token(用户身份信息) key名称
VITE_GLOB_TOKEN_KEY=Token

# 请求头中携带的租户ID key名称
VITE_GLOB_TENANT_ID_KEY=TenantId

# 请求头中携带的应用ID key名称
VITE_GLOB_APPLICATION_ID_KEY=ApplicationId

# 请求头中携带的客户端信息 key名称
VITE_GLOB_AUTHORIZATION_KEY=Authorization

# axios 请求默认超时间： 10s
VITE_GLOB_AXIOS_TIMEOUT=10000

修改 [.env.developmentopen in new window]文件中：VITE_PROXY。该配置只区分后端是acuity-boot还是acuity-cloud，不区分租户模式。

acuity-cloudacuity-boot

properties

 * 下方配置地址：http://localhost:18760 是后台服务 acuity-gateway-server 的地址
 * 可以将 http://localhost:18760 改成 https://datasource.acuity.top 蹭acuity提供的后台服务

 * 下方配置地址：http://localhost:18760 是后台服务 acuity-gateway-server 的地址
 * 可以将 http://localhost:18760 改成 https://datasource.acuity.top 蹭acuity提供的后台服务

properties

 # 若后端项目是 acuity-cloud-pro-datasource-column，请使用这个配置
 VITE_PROXY=[["/api","http://localhost:18760"],["/basic-api","http://localhost:3000"],["/upload","http://localhost:3300/upload"]]

 # 若后端项目是 acuity-cloud-pro-datasource-column，请使用这个配置
 VITE_PROXY=[["/api","http://localhost:18760"],["/basic-api","http://localhost:3000"],["/upload","http://localhost:3300/upload"]]

启动
启动命令只区分区分租户模式，无论后端是acuity-boot还是acuity-cloud。
打包打包命令只区分区分租户模式，无论后端是acuity-boot还是acuity-cloud。

前端 ​

acuity-web-pro 简介 ​

环境要求 ​

工具配置 ​

修改配置 ​

前端

acuity-web-pro 简介

环境要求

工具配置

修改配置