在系统中开发一个页面，使用了layui框架，左边一侧是全齿高，跳跃齿数，齿数，摇台角，摇台摆角，滚比，根锥角，垂直轮位，偏心角，螺旋进给参数，刀盘转速，节圆直径，滚刀数目，滚切方向，刀盘旋转和其相对应的读取输入框，中间是床鞍进给时间，滚切时间，床鞍退出时间，分度时间，切削次数，床鞍到位时间，床鞍大退位置，让刀距离，X加速度，Y加速度，Z加速度，起始齿序，工作模式，加工类型，旋向和其相对应的输入框，左边部分和中间部分每列的行一一对其，最右边一侧是工件号，工件名，其位置和中间的三行输入框一致大小，水平轮位，安装剧，芯轴长度和其对应的输入框其位置和中间Y加速度地方相对其，最右下角是绝对坐标在右小角的中间标题，下面是XYZ三行和读取数值现实或者是输入框，类似于机床加工页面，具体详细代码怎么写，使用Layui

首先需要引入Layui框架的CSS和JS文件，可以在HTML文件中添加以下代码：

<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.min.css">
<script src="https://cdn.staticfile.org/layui/2.5.7/layui.min.js"></script>

然后在HTML文件中添加一个div容器，用于显示页面内容：

<div class="layui-container">
  <!-- 页面内容 -->
</div>

接下来，我们可以使用Layui的Grid布局来实现左边一侧和中间部分的布局。可以在上面的div容器中添加以下代码：

<div class="layui-row">
  <div class="layui-col-md6">
    <!-- 左边一侧的内容 -->
  </div>
  <div class="layui-col-md6">
    <!-- 中间部分的内容 -->
  </div>
</div>

在左边一侧的内容中，可以使用表格来实现每列的行一一对其。可以在div容器中添加以下代码：

<table class="layui-table">
  <colgroup>
    <col width="100">
    <col width="100">
    <col width="100">
    <!-- 其他列的宽度 -->
  </colgroup>
  <thead>
    <tr>
      <th>全齿高</th>
      <th>跳跃齿数</th>
      <th>齿数</th>
      <!-- 其他列的标题 -->
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="text" class="layui-input"></td>
      <td><input type="text" class="layui-input"></td>
      <td><input type="text" class="layui-input"></td>
      <!-- 其他列的输入框 -->
    </tr>
    <!-- 其他行的内容 -->
  </tbody>
</table>

在中间部分的内容中，可以使用表格来实现每列的行一一对其。可以在div容器中添加以下代码：

<table class="layui-table">
  <colgroup>
    <col width="150">
    <col width="150">
    <col width="150">
    <!-- 其他列的宽度 -->
  </colgroup>
  <thead>
    <tr>
      <th>床鞍进给时间</th>
      <th>滚切时间</th>
      <th>床鞍退出时间</th>
      <!-- 其他列的标题 -->
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><input type="text" class="layui-input"></td>
      <td><input type="text" class="layui-input"></td>
      <td><input type="text" class="layui-input"></td>
      <!-- 其他列的输入框 -->
    </tr>
    <!-- 其他行的内容 -->
  </tbody>
</table>

最右边一侧的内容可以使用表单来实现。可以在div容器中添加以下代码：

<form class="layui-form">
  <div class="layui-form-item">
    <label class="layui-form-label">工件号</label>
    <div class="layui-input-block">
      <input type="text" name="workpieceNo" lay-verify="required" placeholder="请输入工件号" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">工件名</label>
    <div class="layui-input-block">
      <input type="text" name="workpieceName" lay-verify="required" placeholder="请输入工件名" autocomplete="off" class="layui-input">
    </div>
  </div>
  <!-- 其他输入框 -->
</form>

最后，在页面底部添加绝对坐标的内容。可以在div容器中添加以下代码：

<div class="layui-row">
  <div class="layui-col-md12">
    <div class="layui-card">
      <div class="layui-card-header">绝对坐标</div>
      <div class="layui-card-body">
        <table class="layui-table">
          <colgroup>
            <col width="100">
            <col width="100">
            <col width="100">
            <!-- 其他列的宽度 -->
          </colgroup>
          <thead>
            <tr>
              <th>X</th>
              <th>Y</th>
              <th>Z</th>
              <!-- 其他列的标题 -->
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><input type="text" class="layui-input"></td>
              <td><input type="text" class="layui-input"></td>
              <td><input type="text" class="layui-input"></td>
              <!-- 其他列的输入框 -->
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

以上就是使用Layui框架开发页面的一个基本示例。具体的代码实现可以根据自己的需求进行修改和调整。