# worker-space

**Repository Path**: CreatShare/worker-space

## Basic Information

- **Project Name**: worker-space
- **Description**: 创享堆·CreatShare 互联网实验室工作平台·FE
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-06-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 创享堆-微前端理念下的一站式运营平台

## 开发过程

```
vue create worker-space
cnpm i -S vue element axios vuex
cnpm i -D vue-router mockjs express font-awesome sass-loader node-sass
```

## 本地开发

```
cnpm i
cnpm serve
```

## 项目页面

|页面名称|英文代号|进度状态|
|----|----|----|
|工作平台|working-desk|正在开发|
|会议记录|meeting-record|等待引入|
|论坛畅聊|forum-chatting|等待引入|
|权限管理|role-authority|等待引入|
|个人空间|personal-space|等待引入|

## 工作卡片

> 有很多可以实现的工作卡片，这里随时更新可以引入的

|卡片名称|英文代号|所占格子|进度状态|优先级|
|----|----|----|----|----|
|团队成员卡片|org-struct-card|1*1|正在开发|5|
|个人资料卡片|self-info-card|1*1|界面雏形|5|
|卡片管理卡片|card-manage-card|1*1|界面雏形|5|
|权限管理卡片|auth-manage-card|1*1|界面雏形|5|
|接口文档卡片|api-doc-card|1*1|界面雏形|4|
|考勤系统卡片|attend-system-card|1*1|界面雏形|4|
|会议记录卡片|-|-|等待引入|-|
|操作日志卡片|-|-|等待引入|-|
|纳新系统卡片|-|-|等待引入|-|
|论坛畅聊卡片|-|-|等待引入|-|
|技术博客卡片|-|-|等待引入|-|
|公号文章卡片|-|-|等待引入|-|
|周会分享卡片|-|-|等待引入|-|

### 卡片的意义与用途？

* 用卡片快速实现需求 Demo，加速业务进度，提高开发者生产力
* 每个卡片很小的空间，助于开发者关注技术需求，不过度依赖产品原型图
* 可自定义显示主页的卡片，每个卡片托管于卡片 Store，集中关注自己的需求
* 可探索结合的领域有微服务、敏捷开发、持续集成、持续部署、前端测试领域等

### 为什么说每个卡片是微前端的？

* 卡片是可以看作每个系统的小型版，可以独立开发、集成部署

### 卡片的独立开发与集成部署？

* 独立开发：意味着每个卡片是一个独立的项目仓库
* 现阶段集成部署：依然是单体架构，但利用微前端理念低耦合的开发每一个卡片
* 未来预期集成部署：可以通过包管理器将每一个卡片安装到母体架构下，或直接打包部署到线上

### 目前的困惑？

* 微前端和模块化编程的异同尚未明确理清
  * 模块化是单体架构下的"微"
  * 微前端是业务上的"微"
* 独立部署时，卡片项目依赖的模块如何安装到母体架构下并去重

## 更多功能

|功能概述|开发进度|
|----|----|
|登录功能|尚未开发|
|卡片 Store|尚未开发|
|卡片自定义分类|尚未开发|
|导航条动态按权限拉取|尚未开发|
|自定义背景图|尚未开发|

## Demo 预览

![](./src/assets/demo.png)

## 开源协议

暂不开源，请自觉维护知识产权。