MOP管理后台

liuxianan d745f125f8 first commit 4 months ago
mechanism d745f125f8 first commit 4 months ago
mpHomeweb d745f125f8 first commit 4 months ago
officialwebsite d745f125f8 first commit 4 months ago
operate d745f125f8 first commit 4 months ago
public d745f125f8 first commit 4 months ago
.DS_Store d745f125f8 first commit 4 months ago
.drone.yml d745f125f8 first commit 4 months ago
.eslintrc.js d745f125f8 first commit 4 months ago
.gitignore d745f125f8 first commit 4 months ago
.gitlab-ci.yml d745f125f8 first commit 4 months ago
Dockerfile_mechanism d745f125f8 first commit 4 months ago
Dockerfile_mpHomeweb d745f125f8 first commit 4 months ago
Dockerfile_officialwebsite d745f125f8 first commit 4 months ago
Dockerfile_operate d745f125f8 first commit 4 months ago
README.md d745f125f8 first commit 4 months ago
build.sh d745f125f8 first commit 4 months ago
package-lock.json d745f125f8 first commit 4 months ago
postcss.config.js d745f125f8 first commit 4 months ago
yarn.lock d745f125f8 first commit 4 months ago

README.md

mop 前端项目

技术栈

  • Vue
  • Element
  • Vuex
  • axios
  • eCharts

开发

项目结构

mechanism 企业端

operate 运营端

officialwebsite mop官网

public 公共部分

目录结构

src
├── api							      // 接口api
├── assets								// 公共静态资源
├── components						// 公共组件
├── mixins								// mixins相关
├── pages						    	// 页面,可以根据业务范围组织目录
│   ├── core              // 基础页面
│   └── menus             // 菜单页面
├── store									// 全局状态管理
├── router								// 路由
├── index.js

pages/menus 组件目录约定以目录名作为路由模块名

Public

项目中 public 目录别名为 #

public
├── api							            // 公共接口api
│   └── axios                   // 封装后的axios,可直接使用,已做拦截器处理,错误处理
├── assets							        // 公共静态资源
│   ├── image                   // 图片
│   └── style                   // 全局样式
│       ├── animate             // 动画
│       ├── theme               // 主体布局样式
│       ├── util                // 样式变量
│       ├── fixed               // 样式补丁
│       ├── public-class        // 公共样式
│       └── public              // 公共scss
├── components						      // 公共组件
│   ├── Applet                  // 小程序管理相关
│   ├── Authentication          // 身份验证
│   ├── Certification           // 信息登记
│   ├── Chart                   // eCharts图表
│   ├── ConfirmModal            // 确认模态框
│   ├── DownFinoHelper          // 下载凡泰助手
│   ├── Markdown                // Markdown解析
│   ├── ModifyInfoForm          // 修改信息表单
│   ├── UserInfo                // 用户信息展示/修改
│   ├── VerificationCode        // 验证码
│   └── core                    // 注册全局的核心组件
│        ├── CountUpCard        // 数字滚动/标题解释
│        ├── Icon               // Element icon
│        ├── MainLayout         // 布局核心
│        ├── query-table        // table
│        ├── SvgIcon            // svg icon
│        └── table-dialog       // table-dialog
├── config									    // 字典/配置
│   ├── appShortcut             // 
│   ├── appStatus               // app状态
│   ├── formRules               // 表单验证规则
│   ├── notifyType              // 通知类型(目前未使用)
│   ├── Reg                     // 正则
│   ├── reviewStatusType        // 企业认证状态
│   └── userType                // 用户角色常量
├── filter									    // 全局过滤器
│   ├── convertTime             // 时间戳格式化
│   └── encodeString            // 敏感信息打码
├── route/utils								  // 路由相关工具函数
│   ├── makeMenu                // 左侧菜单过滤
│   └── maker                   // 创建路由
├── stroe/modules							  // 共用Store
│   ├── applet                  // 小程序类型
│   └── userInfo                // 用户信息
└── utils								        // 工具函数
    ├── encryption              // 加密/解密
    └── validate                // 表单验证

部署

测试环境相关

  • finchat-mop.finogeeks.club 简称 uat 的 dev 测试环境
  • finchat-mop-saas.finogeeks.club 简称 fdep 的 dev 测试环境
  • finchat-mop-private.finogeeks.club 简称 私有化 的 dev 测试环境

uat 环境页面

打包

采用线上打包,建议运行脚本

commit_message 为 git commit 的信息 env 为 打包部署的环境 project_name 就是需要 build 的项目名,无则默认四个项目build

uat: sh build.sh uat

fdep: sh build.sh fdep

private: sh build.sh private

环境变量

  • NODE_ENV 开发环境
  • VUE_APP_TYPE 项目类型