studentBar.jsp 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <%--suppress JSUnresolvedFunction --%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  3. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  4. <%--suppress ALL --%>
  5. <%--
  6. Created by IntelliJ IDEA.
  7. User: Кинетик
  8. Date: 28.12.2016
  9. Time: 20:07
  10. To change this template use File | Settings | File Templates.
  11. --%>
  12. <%@page contentType="text/html" pageEncoding="UTF-8"%>
  13. <!DOCTYPE html>
  14. <html>
  15. <head>
  16. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  17. <title>Страница студента</title>
  18. <style type="text/css">
  19. <%@include file="../cssforpr.css" %>
  20. <%@include file="../bootstrap.min.css" %>
  21. </style>
  22. <script type="text/javascript"
  23. src="<c:url value='/WEB-INF/lib/jquery-3.1.1.min.js' />"></script>
  24. <c:url var="getGroups" value="/loadGroups" />
  25. <script type="text/javascript">
  26. $(document).ready(
  27. function() {
  28. $.getJSON('${getGroups}', {
  29. ajax : 'true'
  30. }, function(data) {
  31. var html = '<option value="">Выберите группу</option>';
  32. var len = data.length;
  33. for ( var i = 0; i < len; i++) {
  34. html += '<option value="' + data[i].groupId + '">'
  35. + data[i].groupName + '</option>';
  36. }
  37. html += '</option>';
  38. $('select#IdGroupPart').html(html);
  39. });
  40. });
  41. </script>
  42. <c:url var="getStudents" value="/loadStudents" />
  43. <script type="text/javascript">
  44. $(document).ready(function() {
  45. $('#IdGroupPart').change(
  46. function() {
  47. $.getJSON('${getStudents}', {
  48. groupId : $(this).val(),
  49. ajax : 'true'
  50. }, function(data) {
  51. var html = '<option value="">Выберите студента</option>';
  52. var len = data.length;
  53. for ( var i = 0; i < len; i++) {
  54. html += '<option value="' + data[i].studentsId + '">'
  55. + data[i].stFamily + '</option>';
  56. }
  57. html += '</option>';
  58. $('#IdStudentPart').html(html);
  59. });
  60. });
  61. });
  62. </script>
  63. <script type="text/javascript">
  64. $(document).ready(function(){
  65. $("#IdStudentPart").change(onSelectChange);
  66. });
  67. function onSelectChange() {
  68. var selected = $("#IdStudentPart option:selected");
  69. var output = "";
  70. if(selected.val() != 0){
  71. output = "Вы выбрали студента " + selected.text();
  72. }
  73. $("#output").html(output);
  74. }
  75. </script>
  76. </head>
  77. <body>
  78. <div class="inner">
  79. <h3 class="masthead-brand">Mephorce</h3>
  80. <nav class="nav nav-masthead">
  81. <a class="nav-link active" href="/">Войти</a>
  82. <a class="nav-link" href="/aboutUs">О проекте</a>
  83. <a class="nav-link" href="/registrate">Создать аккаунт</a>
  84. <a class="nav-link" href="/contacts">Контакты</a>
  85. </nav>
  86. </div>
  87. <div class="logo"></div>
  88. <div class="login-block">
  89. <h1>Вход как Исполнитель</h1>
  90. <div id="output"></div>
  91. <c:url value="checkStudent" var="checkStudentUrl" />
  92. <form:form id="signUp" method="post" modelAttribute="studentLogin" action="${checkStudentUrl}">
  93. <fieldset>
  94. <form:select id="IdGroupPart" path="">
  95. </form:select>
  96. <form:select id="IdStudentPart" path="name">
  97. <form:option value="">Выберите студента</form:option>
  98. </form:select>
  99. </fieldset>
  100. <form:input path="password" type="password" value="" placeholder="Пароль" id="password"/>${passMessage}<br/>
  101. <form:button>Войти</form:button>
  102. </form:form>
  103. </div>
  104. <footer class="main-footer">
  105. <span>&copy;2017 Mephorce</span>
  106. </footer>
  107. </body>
  108. </html>