利用.NET框架进行前端开发MES操作系统时的一些问题

第一点：操作

首先，前端开发MES系统时，无非就是组件之间的相互调用和传递参数。利用组件的：

$emit向父组件传递方法；$refs调用子组件的方法。

总的编写流程差不多可以划分为：

1.Panel，Add，Edit三个组件编写完成后，在RoutUrl中注册三个vue组件

2.其次编写所需要的界面（aspx或cshtml），这里直接复制已有的文件，避免出现乱码现象；

3.界面中引入Panel文件，观察是否能够正常展示；

4.每新增一个需要使用的vue组件，都需要在RoutUrl中注册；

5.在画完基本的界面后，首先进行数据的查询，接口可以调通后，然后进行增删改

第二点：增删改查

Mes系统整体风格偏相似，一般都是调接口，渲染数据到一个表格或者一个结构树。

所以

需要注意的点：增

增加的数据应该符合原Panel中的数据需求。同时，因为新增时涉及到和后端接口的交互，所以定义的参数应该和后端返回来的参数一致，不然会导致向后端传递参数时，出现空参的现象。一般增的时候不需要传递特定的Id，但也有特殊的时候，比如树状结构。

需要注意的点：改

编辑的时候应该注意，当前表格是否选中了一条数据。

其次，编辑的时候，参数中会多一个Id，这个id用来接收点击编辑后的回显数据id，如果这个id不存在的话，点击’确定‘后，无法保存。还会造成一些不必要的麻烦，所以记得写。

还有一点要注意：

this.$nextTick()方法的运用，在完成对dom元素的修改时，并不会立马刷新数据，所以需要这个方法，不然还是会报错。尤其是对控件进行数据回显的时候

需要注意的点：删

删除的时候应该注意，当前表格是否选中了一条数据。

删除的时候调用this.$confirm方法，这个方法是vue自带的删除方法。里面的两个confirmButtonText和cancelButtonText好像是不能自己定义的。删除没什么需要注意的点。多层then，catch嵌套的时候不要出错。

还有一些地方，需要向后端传递特定的一些参数，参数固定。需要多留意后端的接口内容；

目前接触到的功能不复杂，需要加上几分的细心

在出现bug的时候，不要盲目的搜寻答案，一步步分析问题所在的地方；首先考虑接口，其次考虑入参，再考虑回显。如果出现语法的问题，会很好找。