前端数据添加与后端处理详解-CSDN博客

本文链接：https://blog.csdn.net/wandering010/article/details/107949809

这篇博客详细介绍了前端如何进行数据添加，包括页面图片展示、添加页面设计和form表单的创建，特别是强调了不能为空的字段和非空判断的重要性。同时，还深入讲解了后端的处理，如dao层和controller层的代码实现，最后演示了数据插入后的分页查询和返回操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

前端添加数据

前端添加数据

页面图片

前端添加数据-页面图片

添加页面

前端添加数据-添加页面

form表单（注意：不能为空的字段和有非空判断的字段,button按钮跳转也需要注意：）

前端添加数据-form表单

<form class="layui-form" action="/add1">
                    <div class="layui-form-item">
                        <label for="username" class="layui-form-label">
                            <span class="x-red">*</span>用户id</label>
                        <div class="layui-input-inline">
                            <input type="text" id="username" name="userid" required=""  autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item" >
                        <label for="username" class="layui-form-label">
                            <span class="x-red">*</span>收货人</label>
                        <div class="layui-input-inline">
                            <input type="text" id="username" name="consignee" required=""  autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="phone" class="layui-form-label">
                            <span class="x-red">*</span>手机</label>
                        <div class="layui-input-inline">
                            <input type="text" id="phone" name="phone" required=""  autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class=