【代码重构】公司研发的产品重构后心得总结

最新推荐文章于 2023-08-11 11:28:24 发布

素心2020

最新推荐文章于 2023-08-11 11:28:24 发布

阅读量370

点赞数

本文链接：https://blog.csdn.net/qq_44683095/article/details/116977300

版权

本文总结了作者在公司产品重构过程中的心得，包括参与重构评审会，参考AbpBase Web iview和Le5le Topology框架，以及在重构实践中应用面向对象设计，业务逻辑子组件拆分和复用功能子组件拆分等策略。

摘要由CSDN通过智能技术生成

重构心得

重构评审会
参考开源框架
- 1. AbpBase Web iview框架
- 2. Le5le Topology拓扑图框架
重构实践

比较粗糙和浅显，我也只是入门级选手，一知半解，但就此记录一下。

重构评审会

重构理论基础
在这里插入图片描述

参考开源框架

1. AbpBase Web iview框架

（我参与的第一个项目就是用的这个框架，配合后端C#的AbpBase框架使用，不知道具体叫啥名字，但就觉得很牛逼，很优雅）

技术栈：Vue + iview + typescript + sass + axios
参考的是此框架对vuex的使用——节选项目中警报管理模块。
结构和代码如下：
在这里插入图片描述

// core
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
import alarmManage from './modules/alarmManage'

const store = new Vuex.Store({
   
    state: {
   
        //
    },
    mutations: {
   
        //
    },
    actions: {
   

    },
    modules: {
   
        alarmManage,
    }
});

export default store;

import Entity from './entity'

// 元数据
export default class AlarmManage extends Entity<number>{
   
    Id:number;
    deviceName:number;
    deptName:string;
    deviceType:string;
    address:string;
    alarmInfo:string;
    alarmTime:Date;
    remark:string;
    status:number;
    traceStatus:string;
    deviceDisplay:string;
    url:string;
}

import {
   Store,Module,ActionContext} from 'vuex'
import ListModule from './list-module'
import ListState from './list-state'
import Ajax from '../../lib/ajax'
import PageResult from '@/store/entities/page-re