搬砖思考


最近在实验室维护一个很老的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对象就行了</li> 

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