修复手机端无法响应的问题

2018-03-14 13:00:53 +08:00
parent 047e7735d5
commit 564b3ce9e3
7 changed files with 191 additions and 1 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -19,6 +19,5 @@ target/
 nbproject/private/
 build/
 nbbuild/
-dist/
 nbdist/
 .nb-gradle/
--- a/src/main/resources/templates/dist/axiosTest.html
+++ b/src/main/resources/templates/dist/axiosTest.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>axios</title>
+</head>
+<body>
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+<script>
+    var data = "";
+    var data = "";
+    axios.get('http://localhost:8080/cms/download/findall')
+        .then(function (response) {
+            //console.log(response.data);
+            data = response.data
+        })
+        .catch(function (error) {
+            //console.log(error);
+        });
+
+</script>
+</body>
+</html>
--- a/src/main/resources/templates/dist/thymeleaf/common_foot.html
+++ b/src/main/resources/templates/dist/thymeleaf/common_foot.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html lang="en">
+<body>
+
+</body>
+</html>
--- a/src/main/resources/templates/dist/thymeleaf/common_head.html
+++ b/src/main/resources/templates/dist/thymeleaf/common_head.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<head th:fragment="header(title)">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title th:text="${title}"></title>
+    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+    <link th:href="@{/css/style.css}" rel="stylesheet">
+</head>
+<body>
+<div id="body_js">
+    <!-- 先引入 Vue -->
+    <script src="https://unpkg.com/vue@2.5.15/dist/vue.js"></script>
+    <!-- 引入组件库 -->
+    <script src="https://unpkg.com/element-ui@2.2.1/lib/index.js"></script>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <script th:src="@{/js/common.js}"></script>
+</div>
+</body>
+</html>
--- a/src/main/resources/templates/dist/thymeleaf/footer.html
+++ b/src/main/resources/templates/dist/thymeleaf/footer.html
@@ -0,0 +1,9 @@
+<!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">
+<body>
+<div th:fragment="copyright">
+    © 2016 xxx
+</div>
+</body>
+</html>
--- a/src/main/resources/templates/dist/thymeleaf/layout.html
+++ b/src/main/resources/templates/dist/thymeleaf/layout.html
@@ -0,0 +1,115 @@
+<!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">
+<body>
+    <el-header th:fragment="header">
+        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+            <el-menu-item index="1" @click="ClickToJump('home')">首页</el-menu-item>
+            <el-menu-item index="2" @click="ClickToJump('home/user')">个人中心</el-menu-item>
+            <el-menu-item index="3" @click="ClickToJump('home/about')">关于</el-menu-item>
+            <el-menu-item index="4" @click="ClickToJump('home/feedback')">意见反馈</el-menu-item>
+            <el-menu-item index="5"@click="ClickToJump('logout')">登出</el-menu-item>
+        </el-menu>
+    </el-header>
+
+    <el-aside width="200px" th:fragment="asider">
+        <el-row class="tac">
+            <el-col :span="24">
+                <h5>默认颜色</h5>
+                <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
+                    <el-submenu index="1">
+                        <template slot="title">
+                            <i class="el-icon-location"></i>
+                            <span>导航一</span>
+                        </template>
+                        <el-menu-item-group>
+                            <template slot="title">分组一</template>
+                            <el-menu-item index="1-1">选项1</el-menu-item>
+                            <el-menu-item index="1-2">选项2</el-menu-item>
+                        </el-menu-item-group>
+                        <el-menu-item-group title="分组2">
+                            <el-menu-item index="1-3">选项3</el-menu-item>
+                        </el-menu-item-group>
+                        <el-submenu index="1-4">
+                            <template slot="title">选项4</template>
+                            <el-menu-item index="1-4-1">选项1</el-menu-item>
+                        </el-submenu>
+                    </el-submenu>
+                    <el-menu-item index="2">
+                        <i class="el-icon-menu"></i>
+                        <span slot="title">导航二</span>
+                    </el-menu-item>
+                    <el-menu-item index="3">
+                        <i class="el-icon-setting"></i>
+                        <span slot="title">导航三</span>
+                    </el-menu-item>
+                </el-menu>
+            </el-col>
+        </el-row>
+    </el-aside>
+
+    <el-card class="box-card" th:fragment="userbox">
+        <div slot="header" class="clearfix">
+            <!--下面两行报错正常-->
+            <span th:text="${#httpServletRequest.getSession().getAttribute('USER_SESSION').colname}">用户名</span><br>
+            <span th:text="${#httpServletRequest.getSession().getAttribute('USER_SESSION').colstudentno}"></span>
+        </div>
+        <div class="item">
+            <el-button type="text" @click="ClickToJump('home')">首页</el-button><br>
+            <el-button type="text" @click="ClickToJump('home/user')">个人中心</el-button><br>
+            <el-button type="text" @click="ClickToJump('home/about')">关于</el-button><br>
+            <el-button type="text" @click="ClickToJump('home/feedback')">意见反馈</el-button>
+        </div>
+    </el-card>
+
+    <el-card class="box-card" th:fragment="adminbox">
+        <div slot="header" class="clearfix">
+            <span>管理员</span><br>
+            <span>管理员号</span>
+        </div>
+        <div class="item">
+            <el-button type="text" @click="ClickToJump('home/admin')">后台主页</el-button>
+            <br>
+            <el-button type="text" @click="ClickToJump('home/admin/managecourse')">课程管理</el-button>
+            <br>
+            <el-button type="text" @click="ClickToJump('home/admin/homework')">作业管理</el-button>
+            <br>
+            <el-button type="text" @click="ClickToJump('home/admin/manageuser')">用户管理</el-button>
+        </div>
+    </el-card>
+
+    <el-card class="box-card hidden-xs-only" th:fragment="timelimit">
+        <div slot="header" class="clearfix">
+            <span>作业提交倒计时</span>
+            <span style="color: red"> 功能未完成</span>
+        </div>
+        <div class="text item">
+            <el-table :data="tableHomeworkData" style="width: 100%"
+                      :default-sort="{prop: 'coursename', order: 'descending'}">
+                <el-table-column prop="coursename" label="科目" sortable width="180">
+                </el-table-column>
+                <el-table-column label="倒计时" sortable>
+                    <template slot-scope="scope">
+                        {{limitTime(scope.row)}}
+                    </template>
+                </el-table-column>
+            </el-table>
+        </div>
+    </el-card>
+
+    <el-card class="box-card hidden-xs-only" th:fragment="notice">
+        <div slot="header" class="clearfix">
+            <span>公告</span>
+        </div>
+        <div v-for="notice in NoticeList" class="text item">
+            {{notice.noticeContent  +  notice.issueTime}}
+        </div>
+    </el-card>
+
+    <el-footer th:fragment="footer">
+        <div class="footer">
+            © 2018 作业提交系统
+        </div>
+    </el-footer>
+</body>
+</html>
--- a/src/main/resources/templates/dist/thymeleafTest.html
+++ b/src/main/resources/templates/dist/thymeleafTest.html
@@ -0,0 +1,18 @@
+<!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>
+<div th:insert="~{/dist/thymeleaf/common_head :: #body_js}"></div>
+<div id="app">
+    <el-container>
+        <div th:include="/dist/thymeleaf/layout :: asider"></div>
+        <div th:include="/dist/thymeleaf/layout :: header"></div>
+    </el-container>
+</div>
+<!--<div th:include="/dist/thymeleaf/footer :: copyright"></div>-->
+<script th:src="@{js/homepage.js}"></script>
+<script th:src="@{js/common.js}"></script>
+</body>
+</html>