Yumin
/
EDUServer


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layouts/layout}">
<head>
    <meta charset="UTF-8"/>
    <title>创建课程 - 知学教育</title>
</head>
<body>
<th:block layout:fragment="content">
    <div class="container" style="margin-top: 24px;">
        <div class="py-4 text-center">
            <!-- <img class="d-block mx-auto mb-4" src="/favicon.ico" alt="" width="72" height="72"/>-->
            <h2>创建课程</h2>
            <!-- <p class="lead">创建属于您的课程</p>-->
        </div>

        <hr class="mb-4"/>

        <div class="row">
            <div class="col-md-12">
                <h4 class="mb-3">课程信息</h4>
                <form method="post" action="/course/create" enctype="multipart/form-data">
                    <div class="row">
                        <div class="col-sm-12 col-md-8 mb-3">
                            <label for="name">课程名称</label>
                            <input class="form-control" id="name" name="name" type="text" placeholder="不超过六十个字" required autofocus/>
                        </div>
                        <div class="col-sm-12 col-md-4 mb-3">
                            <label for="subject">所属学科</label>
                            <select class="form-control" id="subject" name="subject" required style="height: 33px;">
                                <option th:each="subject : ${subjectList}" th:text="${subject.getName()}"></option>
                            </select>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="introduction">课程介绍</label>
                        <textarea class="form-control" id="introduction" name="introduction" placeholder="不超过两百四十个字" rows="3" required></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="remark">课程备注</label>
                        <textarea class="form-control" id="remark" name="remark" placeholder="不超过两百四十个字（非必填）" rows="2"></textarea>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 col-md-6 mb-3">
                            <label for="cover">课程封面</label>
                            <input class="form-control" id="cover" name="cover" type="file" placeholder="图片大小不超过2MB" required
                                   accept="image/png, image/jpeg, image/gif, image/jpg"/>
                        </div>
                        <div class="col-sm-12 col-md-6 mb-3">
                            <label for="video">课程视频</label>
                            <input class="form-control" id="video" name="video" type="file" placeholder="视频大小不超过500MB" required
                                   accept="video/mp4, video/3gpp"/>
                        </div>
                    </div>
                    <button class="btn btn-primary btn-lg btn-block mt-3" type="submit">创建课程</button>
                </form>
            </div>
        </div>
    </div>
</th:block>
</body>
</html>