项目介绍 协同管理平台

协同管理平台

线上Mock版 预览地址 无需输入表单

业务简介

本系统 模仿Tower.im,面向建模开发者团队 实现安排工作任务,管理项目进度等功能。

技术栈

  • Vue前端开发框架.vuex、vue-router
  • ant-design-vueUI库
  • scsscss预处理
  • eslintairbnb标准
  • mockJs拦截Ajax请求 生成随机数据
  • axiospromis库 前后端对接
  • gulpvinyl-ftp自动部署静态资源到服务器
  • vue-cli脚手架
  • clipboard/moment/namedavatar第三方库

项目目录

    |-dist*
    |-public                    # 静态文件
    |-src
        |-main.js               # webpack 的入口文件;
        |-App.vue               # 根组件
        |-app                   # 存放项目业务代码
            |-...
        |-api                   # 存放api请求(文件名与模型名称基本一致,文件名使用小驼峰, 方法名称与后端restful控制器一致)
        |-components            # 存放项目共用的组件,通常是一些可复用的组件会单独存放在该目录
        |-assets                # 存放项目共用的代码以外的资源,如:图片、图标、视频、字体 等
            |-img
        |-styles                # 全局通用样式文件
        |-router                # 存放前端路由相关配置
        |-store                 # vuex的目录
        |-layout                # 整体布局
        |-mock                  # mockJs文件
    |-static                    # 第三方静态引用库
    |-package.json              # npm包配置文件,里面定义了项目的npm脚本,依赖包等信息
    |-README.md                 # 项目说明文件
    |-babel.config.js           # babel 的配置文件
    |-vue.config.js             # vue-cli的额外自定配置文件

页面组件嵌套逻辑

思维导图

重点Mark


   转载规则


《项目介绍 协同管理平台》 Bryan Who 采用 知识共享署名 4.0 国际许可协议 进行许可。
 上一篇
项目介绍 洗衣管家 项目介绍 洗衣管家
洗衣管家 线上Mock版 预览地址 无需输入表单 业务简介本系统 服务于产品-洗衣管家-致力于实现线上线下提供一站式洗衣服务的终端系统 技术栈 Vue前端开发框架.vuex、vue-router elementUI库 scsscss预处理
2020-03-22
下一篇 
项目介绍 后台应用管理系统 项目介绍 后台应用管理系统
后台应用管理系统 线上Mock版 预览地址 业务简介本系统 服务于企业内部存储和分享建模模型仓库的人员、部门及模型库管理。分4大方面:员工管理;建模软件权限分配;模型库管理及统计;企业信息及本系统设置 技术栈 Vue前端开发框架.vuex
2020-03-21
  目录