thinkphp5第18课：项目案例-编辑学生模板实现

最新推荐文章于 2021-03-20 05:43:56 发布

李书明

最新推荐文章于 2021-03-20 05:43:56 发布

阅读量428

点赞数

分类专栏： thinkphp5.0

本文链接：https://blog.csdn.net/lsmxx/article/details/100990076

版权

thinkphp5.0 专栏收录该内容

43 篇文章 13 订阅

订阅专栏

编辑学生的页面效果，基本同”添加学生“的页面，唯一不同的是，各个文本框中显示要编辑的学生的信息

注意：学号不能编辑的

参考代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>编辑学生</title>
    <{include file="head"}>
</head>
<body>
<div class="container">
    <{include file="nav"}>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">编辑学生</h3>
        </div>
        <div class="panel-body">
            <form class="form-horizontal" action="{:url('do_edit')}" method="post">
                <div class="form-group">
                    <label for="no" class="col-sm-2 control-label">学号</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="no" name="no" value="{$student.no}" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <label for="name" class="col-sm-2 control-label">姓名</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="name" name="name" value="{$student.name}"
                               placeholder="姓名">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">性别</label>
                    <div class="col-sm-10">
                        <label class="radio-inline">
                            <input type="radio" name="sex" value="男" <{eq name="student.sex" value="男"}>checked<{/eq}>>
                            男
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="sex" value="女" <{eq name="student.sex" value="女"}>checked<{/eq}>>
                            女
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label for="age" class="col-sm-2 control-label">年龄</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" id="age" name="age" value="{$student.age}"
                               placeholder="年龄">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-primary">提交</button>
                        <a href="{:url('all')}" class="btn btn-default">返回</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>

<script>
    $(function () {
        $('form').bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                no: {
                    validators: {
                        notEmpty: {
                            message: '学号不能为空'
                        }
                    }
                },
                name: {
                    validators: {
                        notEmpty: {
                            message: '姓名不能为空'
                        }
                    }
                },
                age: {
                    validators: {
                        notEmpty: {
                            message: '年龄不能为空'
                        }
                    }
                }
            }
        });
    });
</script>

上面的代码中，我们需要学习是以下代码
<input type="text" class="form-control" id="no" name="no" value="{$student.no}" readonly>
<input type="text" class="form-control" id="name" name="name" value="{$student.name}"
       placeholder="姓名">
<input type="radio" name="sex" value="男" <{eq name="student.sex" value="男"}>checked<{/eq}>>
<input type="radio" name="sex" value="女" <{eq name="student.sex" value="女"}>checked<{/eq}>>
<input type="text" class="form-control" id="age" name="age" value="{$student.age}"
       placeholder="年龄">
文本框中的value值，是控制器传递过来的，需要显示出来

最大的难点是：如何选中”男“，”女“ 两个单选按钮，我们使用tp5模板自带的控制语句 eq

其中name是变量，value是值，使用eq 判断判断两者是否相等

有关eq的操作，详见tp5完全开发手册”模板-内置标签-比较标签“

李书明

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
thinkphp5第18课：项目案例-编辑学生模板实现

编辑学生的页面效果，基本同”添加学生“的页面，唯一不同的是，各个文本框中显示要编辑的学生的信息注意：学号不能编辑的参考代码如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...
复制链接

扫一扫