На основе Vue + Element UI рекомендуется разрабатывать в IDE Visual Studio Code.
UI-проект представляет собой одностраничное приложение, управляемое Vue, Vue Router и webpack. Если вы раньше использовали Vue, то вам будет легко начать работу.
Это корпоративная система управления приложениями, расположенная в рамках SaaS-сервиса для корпоративных приложений. Она также может быть развёрнута локально и предназначена для мультитенантной среды. Система разработана с использованием полностью раздельной технологии для клиентской и серверной частей.
Она абстрагирует общую часть разработки программного обеспечения для корпоративных приложений, позволяя разработчикам сосредоточиться на бизнес-разработке. Поддерживает базовое управление данными, включая авторизацию, кэширование, загрузку файлов и другие стандартные функции.
Зависит от бэкенд-проекта TenantSite.Server.
Дополнительная документация доступна по адресу: www.iusaas.com.
Пример арендатора 1 Пример арендатора 2.
TenantSite.UI
├─public // vue-cli 创建的入口文件
└─src
│ App.vue
│ main.js
│ settings.env.js // 环境设置
│ settings.js // 应用设置
│
├─api // api接口
│ │ account.js // auth相关接口
│ └─admin
│ api.js // api管理接口
│ cache.js // 缓存管理接口
│ group.js // 数据组管理接口
│ login-log.js // 登录日志接口
│ operation-log.js // API访问日志管理接口
│ permission.js // 权限模板管理接口
│ resource.js // 资源管理接口
│ role.js // 角色管理接口
│ user.js // 用户管理接口
├─assets // 静态资源
├─components // vue 组件
│ │ confirm-button.vue
│ │ group-select.vue
│ ├─auth // 鉴权组件
│ └─main-layout // 主显示区布局组件
├─directives // 指令
│ └─auth // 鉴权指令
├─i18n // 多语言
├─layouts // 页面布局组件
│ └─basic-layout // 基础页面布局组件
├─libs // 常用工具类库
├─request // ajax 请求
├─router // 路由
├─store // vuex 管理
├─styles // 样式
└─views // 模块应用页面
├─account
│ └─login // 登录
├─admin
│ ├─api-manage // api管理
│ ├─cache // 缓存管理
│ ├─dashboard // api管理
│ ├─error // 错误页面
│ ├─group // 数据组页面
│ ├─login-log // 日志管理页面
│ ├─operation-log // API访问日志页面
│ ├─permission // 权限模板管理页面
│ ├─permission-power // 权限模板赋权功能页面
│ ├─resource // 资源管理页面
│ ├─role // 角色管理页面
│ ├─role-power // 角色赋权功能页面
│ ├─user // 用户管理页面
│ └─user-setting // 个人中心页面
└─iframe // 外嵌页面组件
### Конфигурация
Более подробную информацию о конфигурации см. в исходном коде src > settings.js и src > settings.env.js.
```js
const env = process.env.NODE_ENV;
const Setting = {
//是否演示环境
isDemo: env === "development" ? false : true,
// 网页标题的后缀
titleSuffix: "Tenant Site",
// 路由模式,可选值为 history 或 hash
routerMode: "history",
// 应用的基路径
routerBase: "/",
// Cookies 默认保存时间,单位:天
cookiesExpires: 1,
//租户中心URL
tenantCenterBaseURL:
env === "development"
? "http://localhost:5188/"
: "http://www.iusaas.com:5188/",
// 租户策略
// 0:login 登录时指定
// 1:Host 通过Host获取
tenantMode: env === "development" ? 0 : 1,
// Tenant site server 接口请求地址
// host 方式形如 http://{tenant}.localhost/
// route方式形如 http://localhost/{tenant}/
apiBaseURL:
env === "development"
? "http://localhost:5188/${tenant}"
: "http://${tenant}.iusaas.com:5188/",
// 头像地址
avatarURL:
env === "development"
? "http://localhost:5188/upload/avatar/"
: "http://www.iusaas.com:5188/upload/avatar/",
layout: {
// tab 类型 "" | border-card
tabType: "",
// tab位置 top | bottom
tabPosition: "top",
// 是否显示重载按钮
showReload: true,
// 是否显示全屏按钮
showFullscreen: true,
// 是否显示通知
showNotice: true,
// 是否显示多语言
showI18n: true,
// 退出登录时,是否二次确认
logoutConfirm: true,
// 面包屑是否显示图标
showBreadcrumbIcon: false,
// 标签是否显示图标
showTabIcon: true
},
// 相同路由,不同参数间进行切换,是否强力更新
sameRouteForceUpdate: false
};
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )