现在编写一个页面，可以实现输入n个数字，以逗号，分开；然后可选择升或者降序排序；按提交建就存储到数据库，并且在另一页面显示按什么排序，和结果数据

为了实现这个功能，你需要做以下几个步骤：

1. **前端页面设计**:
- 创建一个HTML表单，包含一个文本框让用户输入数字（可能使用`<input type="text">`），以及一个下拉菜单供用户选择排序方式（升序或降序，可以用`<select>`标签）。
- 添加一个提交按钮（通常用`<button>`）。

<form id="sortForm">
    <label for="numbersInput">请输入数字（以逗号分隔）:</label>
    <input type="text" id="numbersInput" name="numbersInput" required>
    <br>
    <label>请选择排序方式:</label>
    <select id="sortOption">
        <option value="asc">升序</option>
        <option value="desc">降序</option>
    </select>
    <br>
    <button type="submit">提交</button>
</form>

2. **JavaScript处理数据**:
- 使用JavaScript获取表单数据，将输入的数字字符串分割成数组。
- 根据用户的选择（从`sortOption`元素获取值），对数组进行排序。你可以使用`Array.prototype.sort()`方法，配合自定义比较函数。

document.getElementById('sortForm').addEventListener('submit', function (e) {
    e.preventDefault();
    const numbers = document.getElementById('numbersInput').value.split(',');
    const sortDirection = document.getElementById('sortOption').value;
    
    // 对数组进行排序...
});

3. **连接数据库并存储数据**:
- 需要用到后端技术，如Node.js + Express + MongoDB等。创建一个API接口，接收前端提交的数据，根据排序方式对数字数组进行操作，然后存入数据库。这里仅提供伪代码示例：

app.post('/sortData', async (req, res) => {
    const data = { numbers: req.body.numbers, sort_direction: req.body.sortOption };
    await db.collection('sorted_numbers').insertOne(data);
    res.status(200).send('数据已保存');
});

4. **展示排序结果**:
- 后端需要提供另一个API来获取排序后的数据，根据传入的排序方向查询数据库。
- 创建一个新的页面，通过请求这个API获取数据，然后动态渲染到页面上。

5. **后端返回数据到前端**:

   app.get('/displayData', async (req, res) => {
       const sortedData = await db.collection('sorted_numbers')
                                .find({ sort_direction: req.query.sort })
                                .toArray();

       res.json(sortedData);
   });

6. **前端显示结果**:
- 使用JavaScript处理从服务器返回的数据，将其显示在新的页面上。

完成以上步骤后，你就有了一个基本的功能，用户可以输入数字、选择排序方式，并查看排序后的结果。记得根据实际项目需求调整细节，包括错误处理、数据验证等。