UNI APP 中新建学生基本信息详情页面，包括学号、姓名、性别、年龄、家庭地址、手机号等信息，在JS中定义用户变量并在页面中显示。

在uni-app中创建一个学生基本信息详情页，首先需要在WXML文件中设置页面结构，并在JS文件中处理数据。以下是一个基本步骤：

1. **WXML（Weex模板语言）部分**:

<view class="container">
  <view class="student-info">
    <text id="studentNo" text="{{ studentNo }}"></text>
    <text id="name" text="{{ name }}"></text>
    <text class="info-item">性别:</text>
    <text class="info-value">{{ sex }}</text>
    <text class="info-item">年龄:</text>
    <text class="info-value">{{ age }}</text>
    <text class="info-item">家庭地址:</text>
    <text class="info-value">{{ address }}</text>
    <text class="info-item">手机号:</text>
    <text class="info-value">{{ phoneNumber }}</text>
  </view>
</view>

这里定义了文本元素用于显示学生的各项信息，`{{}}`是绑定属性，用来显示对应的变量值。

2. **JS部分 (Page.js)**:

Page({
  data: {
    studentNo: '',
    name: '',
    sex: '男',
    age: 0,
    address: '',
    phoneNumber: ''
  },
  onLoad: function() {
    // 初始化或从服务器获取学生信息并填充到data里
  },
  bindUpdateInfo: function(event) { // 如果有来自其他部分更新信息的事件
    const target = event.target.dataset.index; // 获取触发事件的信息字段
    this.setData({ [target]: event.detail.value });
  }
})

`onLoad`生命周期函数在页面加载时运行，可以在此处获取学生数据并填入data对象。`bindUpdateInfo`函数用于监听某个信息字段的改变，当用户输入时更新相应的变量。