搬砖思考

最近在实验室维护一个很老的PHP项目。。。大致来说就是一个电影数据库,每一个电影有着复杂的关联关系:例如说可能与多个staff有关,每个staff信息保存在people表中,这个staff在不同影片中角色可能不同,所以就要有relation_person_video表……
然后之前的代码已经基本垮了……前端JQuery强行插入HTML字符串维护列表…… get/post的时候直接发送{tablename, field, constraint}……而且后端也没校验、裸写SQL…… 耦合度非常高,这样就很难维护了……

接手之后做了一些微小的工作:

  • 前端:使用Vue进行数据绑定,一下子去掉了200+行的代码,特别是列表现在变得很方便处理了:
    <div id="listContainer">
        <ul>
        <li v-for="item in items">{{item}}</li>
        </ul>
    </div>
    
    <script>
    var list = [];
    $(function() {
        new Vue({
            el: '#listContainer',
            data: {
                items: list
            }
        });
    });
    </script>

    之后就像正常数组一样操纵list对象就行了

  • 后端:由于历史遗留问题不能用ORM……暂时用QueryBuilder先顶着
  • 架构:MVVM,影片信息和前端交互时全部包装成VM JSON,转换和存取都在后端完成

发表评论