前端使用了MVC架构，UI界面用了layui，后端用了javascript。
作为一个研究生，导师接项目，打工人做。7天把这个高难度的架构解决了，啃得7788的，什么Struts、spring boot、marven、css，反正拿了一个项目的工程，在这个基础上魔改（节约时间）。
先看暂时的成果
首先是登录功能，输入账号和密码还有验证码，登录界面。
其中的账户是有权限的，主要是给管理员还有员工区分开不同的业务。这里是mysql库数据中的登录数据表
登录后主界面是这样的 ，
左边菜单中整机任务列表 ，上方tab菜单弹出新的列表，类似浏览器
点击初检按钮，弹出新的层
其中有，按钮，标签，下拉菜单，复选框。这里是上方标签
<ul class="layui-tab-title">
<li class="layui-this" lay-id="11">目测页11</li>
<li lay-id="22">目测页2</li>
<li lay-id="33">目测页3</li>
<li lay-id="44">目测页4</li>
<li lay-id="44">动态信号发生仪</li>
<li lay-id="44">蓝牙百分表</li>
<li lay-id="44">激光位移探测器</li>
</ul>这里是目测页1的内容，layui-col-md4是排版，form标签中的 id="dataFrm"为点击获取界面元素时候的标签id，
利用 var params1 = $("#dataFrm").serialize();即可获取到以为json的数据
//alert(params);//按下check1和check5 显示 check1=on & check5=on
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<form class="layui-form" action="" lay-filter="dataFrm" id="dataFrm">
<div class="layui-form-item">
<div class="layui-input-block"><%--目测页1--%>
<button type="button" class="layui-btn layui-btn-primary" id="getAllDataBtn">获取数据</button>
<div class="layui-row layui-col-space1">
<div class="layui-col-md4"><input type="checkbox" name="check1" title="设备编号" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check2" title="设备名称" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check3" title="设备型号" ></div>
</div>
<div class="layui-row layui-col-space1">
<div class="layui-col-md4"><input type="checkbox" name="check4" title="质检员" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check5" title="检测时间" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check6" title="拖链内活动部位线路不允许有接头" ></div>
</div>
<div class="layui-row layui-col-space1">
<div class="layui-col-md4"><input type="checkbox" name="check7" title="滑块安装光面和配件定位面贴合" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check9" title="滑块、丝母、箱体、黄油嘴需要装齐全" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check8" title="定位销长度是否正确，是否和其他零件干涉或者用短" ></div>
</div>
<div class="layui-row layui-col-space1">
<div class="layui-col-md4"><input type="checkbox" name="check13" title="气管、线路顺畅" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check11" title="各油管接头无漏油现象，气管接头无漏气" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check12" title="气源处理器压力表头，气源气压设置范围（0.5-0.8）Mpa" ></div>
</div>
<div class="layui-row layui-col-space1">
<div class="layui-col-md4"><input type="checkbox" name="check14" title="抽查顶丝是否磨尖头" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check15" title="夹模连杆角度（178-179）°是否符合" ></div>
<div class="layui-col-md4"><input type="checkbox" name="check10" title="联轴器间隙是否符合QC一点通要求（1.5-2）mm" ></div>
</div>
</div>
</div>
</form>
</div>
</div>同样，非目测页的，也是利用id，按下按钮用如下代码响应
$("#getdata1").click(function(){
whitch = 'cgq1';//选择哪一个
socket.send('cgq1');//djj send发送
});
<div class="layui-tab-item">
<div class="layui-form-item" action=""lay-filter="dataFrm" id="dataFrm6">
<label class="layui-form-label">（B轴）送料小车料夹夹住测试圆棒，用百分表检测圆棒平行度误差</label><label class="layui-form-label">≤0.1/100mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb1">获取数据</button><input type="text" id="id_getdata_bfb1 name=text_getdata_bfb1 lay-verify="title_bfb1 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">送料丝杆与导轨的平行度</label><label class="layui-form-label"><0.05mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb2">获取数据</button><input type="text" id="id_getdata_bfb2 name=text_getdata_bfb2 lay-verify="title_bfb2 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">导轨与导轨的平行度</label><label class="layui-form-label"><0.05mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb3">获取数据</button><input type="text" id="id_getdata_bfb3 name=text_getdata_bfb3 lay-verify="title_bfb3 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">冲模行走相对夹模座上面/侧面平行度误差</label><label class="layui-form-label">≤0.4/100mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb4">获取数据</button><input type="text" id="id_getdata_bfb4 name=text_getdata_bfb4 lay-verify="title_bfb4 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">冲模换位相对夹模端面平行度误差</label><label class="layui-form-label">≤0.05/100mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb5">获取数据</button><input type="text" id="id_getdata_bfb5 name=text_getdata_bfb5 lay-verify="title_bfb5 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">定位伸出时，沿夹模中心施加10KG力后，让位</label><label class="layui-form-label">≤0.15mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb6">获取数据</button><input type="text" id="id_getdata_bfb6 name=text_getdata_bfb6 lay-verify="title_bfb6 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">旋沟三爪卡盘共面精度</label><label class="layui-form-label"><0.02mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb7">获取数据</button><input type="text" id="id_getdata_bfb7 name=text_getdata_bfb7 lay-verify="title_bfb7 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">旋沟基座行走相对夹模座上面/侧面平行度误差</label><label class="layui-form-label">≤0.4/100mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb8">获取数据</button><input type="text" id="id_getdata_bfb8 name=text_getdata_bfb8 lay-verify="title_bfb8 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">旋沟运动方向相对于夹模的垂直度误差</label><label class="layui-form-label">≤0.4/100mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb9">获取数据</button><input type="text" id="id_getdata_bfb9 name=text_getdata_bfb9 lay-verify="title_bfb9 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">定位伸出时，沿夹模中心施加10KG力后，让位</label><label class="layui-form-label">≤0.15mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb10">获取数据</button><input type="text" id="id_getdata_bfb10 name=text_getdata_bfb10 lay-verify="title_bfb10 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">倒角行走相对夹模座上面/侧面平行度误差</label><label class="layui-form-label">≤0.4/100mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb11">获取数据</button><input type="text" id="id_getdata_bfb11 name=text_getdata_bfb11 lay-verify="title_bfb11 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">倒角运动方向相对于夹模的垂直度误差</label><label class="layui-form-label">≤0.4/100mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb12">获取数据</button><input type="text" id="id_getdata_bfb12 name=text_getdata_bfb12 lay-verify="title_bfb12 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">定位伸出时，沿夹模中心施加10KG力后，让位</label><label class="layui-form-label">≤0.15mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb13">获取数据</button><input type="text" id="id_getdata_bfb13 name=text_getdata_bfb13 lay-verify="title_bfb13 autocomplete=off" placeholder="数据：" class="layui-input">
<label class="layui-form-label">两条光轴和丝杆平行度</label><label class="layui-form-label"><0.05mm</label><button class="layui-btn layui-btn-primary layui-border" id="getdata_bfb14">获取数据</button><input type="text" id="id_getdata_bfb14 name=text_getdata_bfb14 lay-verify="title_bfb14 autocomplete=off" placeholder="数据：" class="layui-input">
</div>
</div>上次编辑是2022年7月11号，现在是2022年9月22日，项目已经学习的差不多了，对于我这个小白来说进步很大
以创建整机任务为例子，在domain中变量为数据库的变量，controller调用add接口，其他文件都没动过，前端用了post +参数方式传递，这个用了 ajax 交换数据
以上都是在zhengjirenwu.jsp中
步骤一 在java中响应获取的代码，使用action消息传递方式，这是MVC的消息传递模式，controller和service和前端jsp交互
步骤二 service中会得到一个函数响应，具体实现是在serviceimpl中
那么怎么交互mapper和controller，就是利用了serviceimpl具体的操作
步骤三 在mapper中是和domin 和 vo交互的，就是这个算数据包大包
domin中存放交互的数据，前端的和数据库的要一样 
步骤四在xml中交互数据库 ，有个标签id，对应mapper中的函数
