这是xiliu-lease-tenant的前端系统。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。 如果这个项目让你有所收获，记得 Star 关注哦，这对我是非常不错的鼓励与支持。
# 克隆项目
git clone https://github.com/277769738/xiliu-lease-tenant-ui.git
# 进入项目目录
cd xiliu-lease-tenant-ui
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev浏览器访问 http://localhost:9528
# 构建测试环境
npm run build:stage
# 构建生产环境
npm run build:prod# 预览发布环境效果
npm run preview
# 预览发布环境效果 + 静态资源分析
npm run preview -- --report
# 代码格式检查
npm run lint
# 代码格式检查并自动修复
npm run lint -- --fix| 技术 | 版本 | 说明 |
|---|---|---|
| Vue | 2.6 | 前端框架 |
| elementUI | 2.15.X | ui框架 |
| vuex | 3.1.0 | 状态管理库 |
| axios | 0.18.1 | 网络请求库 |
| avue | 2.10.10 | elementUI增强库 |
Component：
- 所有的Component文件都是以大写开头，除了index.vue。 组件名name 采用首字母大写，避免产生冲突。 例如：@/src/layout/components/Sidebar/index.vue @/src/layout/components/Sidebar/Item.vue
JS 文件
- 所有的.js文件都遵循横线连接 (kebab-case)
Views
- 在views文件下，代表路由的.vue文件都使用横线连接 (kebab-case)，代表路由的文件夹也是使用同样的规则
使用横线连接 (kebab-case)来命名views主要是出于以下几个考虑。
- 1.横线连接 (kebab-case) 也是官方推荐的命名规范之一
- 2.views下的.vue文件代表的是一个路由，所以它需要和component进行区分(component 都是大写开头)
- 3.页面的url 也都是横线连接的，比如https://www.xxx.admin/export-excel，所以路由对应的view应该要保持统一
- 4.没有大小写敏感问题
| 序号 | 模快 | 说明 |
|---|---|---|
| 1 | 租户管理 | 配置系统租户，支持 SaaS 场景下的多租户功能。 |
| 2 | 配置租户套餐 | 自定每个租户的菜单、操作、按钮的权限。 |
| 3 | 用户管理 | 用户是系统操作者，该功能主要完成系统用户配置。 |
| 4 | 部门管理 | 配置系统组织机构（公司、部门、小组），树结构展现支持数据权限。 |
| 5 | 菜单管理 | 配置系统菜单，操作权限，按钮权限标识等。 |
| 6 | 角色管理 | 角色菜单权限分配、设置角色按机构进行数据范围权限划分。 |
| 7 | 字典管理 | 对系统中经常使用的一些较为固定的数据进行维护。 |
| 8 | 操作日志 | 系统正常操作日志记录和查询；系统异常信息日志记录和查询。 |
| 9 | 登录日志 | 系统登录日志记录查询包含登录异常。 |
| 10 | 在线用户 | 当前系统中活跃用户状态监控。 |
| 11 | 代码生成 | 前后端代码的生成（java、html、xml、sql）支持CRUD下载 。 |
| 12 | 系统接口 | 根据业务代码自动生成相关的api接口文档。 |
| 13 | 服务监控 | 监视当前系统CPU、内存、磁盘、堆栈等相关信息。 |
| 14 | 缓存监控 | 监视当前缓存的相关信息。 |
| 15 | 房屋管理 | 添加、导入房源相关信息。 |
- 若发现bug，请提Issues
加微信群交流，公众号后台回复「加群」即可。
| 公众号 | QQ群(577105695) |
|---|---|
欢迎一起探讨，如果你觉得还可以，可以给我点一个star
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent