完成课程管理数据读取，修复页面加载css，js错误

2018-02-08 23:03:05 +08:00
parent 246f9d7e00
commit 5db6f909c4
10 changed files with 186 additions and 108 deletions
--- a/src/main/resources/templates/home/managecourse.html
+++ b/src/main/resources/templates/home/managecourse.html
@@ -1,51 +1,19 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>课程|老师 管理</title>
-    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
-    <!--<link rel="stylesheet" href="https://unpkg.com/element-ui@2.1.0/lib/theme-chalk/display.css">-->
-    <link rel="stylesheet" href="../../static/css/style.css">
+<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml"
+      xmlns:th="http://www.thymeleaf.org">
+<head th:include="dist/thymeleaf/common_head :: header('课程管理')">
 </head>

 <body>
-<!-- 先引入 Vue -->
-<script src="https://unpkg.com/vue/dist/vue.js"></script>
-<!-- 引入组件库 -->
-<script src="https://unpkg.com/element-ui/lib/index.js"></script>
-<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+<div th:insert="~{dist/thymeleaf/common_head :: #body_js}"></div>
 <div id="app">
    <el-container>
        <el-container>
-            <el-header>
-                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
-                    <el-menu-item index="1">首页</el-menu-item>
-                    <el-submenu index="2">
-                        <template slot="title">个人中心</template>
-                        <el-menu-item index="2-1">选项1</el-menu-item>
-                        <el-menu-item index="2-2">选项2</el-menu-item>
-                        <el-menu-item index="2-3">选项3</el-menu-item>
-                    </el-submenu>
-                    <el-menu-item index="3" @click="ClickToJump('about')">关于</el-menu-item>
-                    <el-menu-item index="4" @click="ClickToJump('feedback')">意见反馈</el-menu-item>
-                    <el-menu-item index="5"><a href="login.jsp">登出</a></el-menu-item>
-                </el-menu>
-            </el-header>
+            <el-header th:include="dist/thymeleaf/layout :: header"></el-header>
            <el-main>
-
                <el-col :md="4" :lg="4" :xl="4" class="hidden-sm-and-down">
-                    <el-row><el-card class="box-card">
-                        <div slot="header" class="clearfix">
-                            <span>用户名</span><br>
-                            <span>学号</span>
-                        </div>
-                        <div class="item">
-                            <el-button type="text" @click="ClickToJump('home')">首页</el-button><br>
-                            <el-button type="text" @click="ClickToJump('user')">个人中心</el-button><br>
-                            <el-button type="text" @click="ClickToJump('about')">关于</el-button><br>
-                            <el-button type="text" @click="ClickToJump('feedback')">意见反馈</el-button>
-                        </div>
-                    </el-card>
+                    <el-row>
+                        <el-card th:include="dist/thymeleaf/layout :: userbox"></el-card>
                    </el-row>
                    <el-row>
                        <el-card class="box-card">
@@ -71,14 +39,16 @@
                           </div>
                           <el-table ref="multipleTable" :data="tableData3"
                                     tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
-                               <el-table-column type="selection" prop='id' width="55">
+                               <el-table-column type="selection" prop='courseNo' width="55">
+                               </el-table-column>
+                               <el-table-column prop="courseName" label="课程名">
                               </el-table-column>
                               <el-table-column label="日期" width="120">
-                                   <template slot-scope="scope">{{ scope.row.date }}</template>
+                                   <template slot-scope="scope">{{ scope.row.courseTime }}</template>
                               </el-table-column>
-                               <el-table-column prop="name" label="姓名" width="120">
+                               <el-table-column prop="teacherrealname" label="老师姓名" width="120">
                               </el-table-column>
-                               <el-table-column prop="address" label="地址" show-overflow-tooltip>
+                               <el-table-column prop="teacherusername" label="老师用户名" width="120">
                               </el-table-column>
                           </el-table>
                       </template>
@@ -98,7 +68,7 @@
                        <el-form-item>
                            <el-button type="primary" @click="onSubmit">添加</el-button>
                        </el-form-item>
-                    </el-form>
+                    </el-form></el-row>
                </el-col>

                </el-row>
@@ -106,14 +76,11 @@

                </el-col>
            </el-main>
-            <el-footer>
-                <div class="footer">
-                    © 2018 作业提交系统
-                </div></el-footer>
+            <el-footer th:include="dist/thymeleaf/layout :: footer"></el-footer>
        </el-container>
    </el-container>
 </div>
-<script src="../../static/js/managecourse.js"></script>
-<script src="../../static/js/msg.js"></script>
+<script th:src="@{/js/managecourse.js}"></script>
+<script th:src="@{/js/msg.js}"></script>
 </body>
 </html>