# 456

**Repository Path**: Sushi8341/456

## Basic Information

- **Project Name**: 456
- **Description**: 1116544635345234
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-06-17
- **Last Updated**: 2023-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 使用指南

## 简介

该项目由蓝鲸智云可视化开发平台生成。蓝鲸智云可视化开发平台提供了前端页面在线可视化拖拽组装、配置编辑、源码生成、二次开发等能力。旨在帮助用户通过尽量少的手写代码的方式快速设计和开发SaaS。本次平台开源部分支持基于Vuejs的UI组件拖拽及源码生成，未来我们将持续更新扩充平台能力。

## 代码目录

代码目录结构如下：

```bash
├── README.md
├── lib/                    # 源码目录
│   ├── client/             # 前端源码目录
│   │   ├── build/          # 前端构建脚本目录
│   │   │   ......
│   │   ├── index-dev.html  # 本地开发使用的 html
│   │   ├── index.html      # 生产环境使用的 html
│   │   ├── src/            # 前端源码目录
│   │   │   ├── App.vue     # App 组件
│   │   │   ├── main.js     # 主入口
│   │   │   ├── api/        # 前端 ajax 目录
│   │   │   │   ......
│   │   │   ├── common/     # 常用前端模块目录
│   │   │   │   ......
│   │   │   ├── components/ # 前端组件目录
│   │   │   │   ......
│   │   │   ├── css/        # 前端 css 目录
│   │   │   │   ......
│   │   │   ├── images/     # 前端使用的图片存放目录
│   │   │   │   .....
│   │   │   ├── mixins/     # 前端使用的 mixins
│   │   │   │   ......
│   │   │   ├── router/     # 前端 router 目录
│   │   │   │   ......
│   │   │   ├── store/      # 前端 store 目录
│   │   │   │   ......
│   │   │   ├── views/      # 前端页面目录
│   │   │   │   ......
│   │   └── static/         # 前端静态资源目录
│   │       ......
│   └── server/             # 后端源码目录
│       ├── app.browser.js  # 服务器启动文件
│       ├── logger.js       # 后端日志组件
│       ├── util.js         # 后端工具方法
│       ├── conf/           # 后端配置文件目录
│       │   ......
│       ├── controller/     # 后端 controller 目录
│       │   ......
│       ├── middleware/     # 后端中间件目录
│       │   ......
│       ├── model/          # 后端实体目录
│       │   ......
│       ├── router/         # 后端路由目录
│       │   ......
│       ├── service/        # 后端服务目录
│       │   ......
├── nodemon.json            # nodemon 配置文件
├── package.json            # 项目描述文件
```

## 本地开发

#### 安装依赖包
```
npm install
```

#### 与登录主域名相同的host，如
```
127.0.0.1 ***.com
```

#### 检查配置文件
注意：运行之前，请检查配置文件**.babelrc**、**eslintrc.js**等以.开头的配置文件是否存在。部分操作系统会默认隐藏这类文件，导致在推送到代码仓库时漏掉，最终影响部署结果。

#### 启动服务
```
npm run dev
```

#### 打开链接
```
浏览器输入：***.com：5000
```

## 打包构建（生成dist目录）
```
npm run build
```

## 打包构建分析
```
npm run build:analyzer
```

## 登录
整个框架自带登录实现，在刚打开时，如果没有登录会直接跳到登录页，如果打开后，登录过期（接口返回401状态）会弹出登录窗口