![image-20211126105817314](./public/projectlogo.jpg)





## 医院中台

##### 背景：





##### 安装环境依赖：

```bash
npm i
```

or

```bash
yarn
```



##### 启动项目

```bash
npm run start //包含mock
npm run start:dev //开发环境，不使用mock,所有数据通过代理接口获取

//更过查看pakage.json
```



#### 预览

![image-20211126135739479](./public/preview.jpg)





##### 项目结构

```json

.
├── README.md
├── package-lock.json
├── package.json
├── src
│   ├── app.tsx
│   ├── components
│   │   └── kc-select
│   ├── global.less
│   ├── layouts
│   │   └── index.tsx
│   ├── pages
│   │   ├── 404.tsx
│   │   ├── index
│   │   └── login
│   ├── service
│   │   ├── api.d.ts
│   │   └── login.ts
│   └── typings.d.ts
├── tree.text
├── tsconfig.json
├── typings.d.ts
└── yarn.lock

8 directories, 14 files

```



#### 创建者有话说

```javascript
//该项目运用了大量类似关系
...
    const [data,setData] = useSate<DataType>();

    useEffect(()=>{
          //处理相关逻辑
    },[data]);
...


//master前缀是主应用的代理，/api是子应用的代理
dev: {
      '/master': {
        target: 'http://192.168.50.176:7000/',
        changeOrigin: true,
        pathRewrite: { '^/master': '' },
      },
      '/api': {
        target: 'http://192.168.50.190:8083/',
        changeOrigin: true,
        pathRewrite: { '^/api': '' },
      },
},

//项目数据共享使用的是umi 的model插件，每个page对应一个model.ts文件


```



#### RoadMap

- 2022-11-25 
-