fjy8018/cms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

实现表单异步提交并显示消息

Browse Source
This commit is contained in:
F嘉阳
2018-02-08 10:32:34 +08:00
parent 06ba589dfd
commit 213cad2a74
14 changed files with 490 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

194
src/main/resources/templates/home/admin.html Normal file
View File

@@ -0,0 +1,194 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>后台</title>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<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">
</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 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-main>
<el-col :md="4" :lg="4" :xl="4" class="hidden-sm-and-down">
<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-col>
<el-col :md="12" :lg="12" :xl="12" :sm="16" :xs="23" :offset="1">
<h4>添加老师</h4>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="老师名字">
<el-input v-model="formInline.user" placeholder="老师名字"></el-input>
</el-form-item>
<el-form-item label="用户号">
<el-select v-model="formInline.region" placeholder="用户号">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">添加</el-button>
</el-form-item>
</el-form>
<h4>添加课程</h4>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="课程名">
<el-input v-model="formInline.user" placeholder="课程名"></el-input>
</el-form-item>
<el-form-item label="教师名">
<el-select v-model="formInline.region" placeholder="教师名">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">添加</el-button>
</el-form-item>
</el-form>
<h4>添加作业</h4>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="作业名称">
<el-input v-model="formInline.user" placeholder="作业名称"></el-input>
</el-form-item>
<el-form-item label="模板文件名称">
<el-select v-model="formInline.region" placeholder="模板文件名称">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="课程名称">
<el-select v-model="formInline.region" placeholder="课程名称">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="存储文件夹">
<el-input v-model="formInline.user" placeholder="存储文件夹"></el-input>
</el-form-item>
<el-form-item label="作业内容">
<el-input v-model="formInline.user" placeholder="作业内容" type="textarea"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">添加</el-button>
</el-form-item>
</el-form>
<h4>发布公告</h4>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="公告内容">
<el-input v-model="formInline.user" placeholder="公告内容" type="textarea"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">添加</el-button>
</el-form-item>
</el-form>
<h4>添加管理员</h4>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="管理员名">
<el-input v-model="formInline.user" placeholder="管理员名"></el-input>
</el-form-item>
<el-form-item label="用户号">
<el-select v-model="formInline.region" placeholder="用户号">
<el-option label="区域一" value="shanghai"></el-option>
<el-option label="区域二" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">添加</el-button>
</el-form-item>
</el-form>
</el-col>
<el-col :md="7" :lg="7" :sm="7" :xl="7" class="hidden-xs-only">
<el-row>
<el-col :span="24">
<div class="grid-content">
<el-card class="box-card hidden-xs-only">
<div slot="header" class="clearfix">
<span>用户反馈</span>
</div>
<div class="text item">
<el-table :data="feedbackData" style="width: 100%"
:default-sort="{prop: 'time', order: 'descending'}">
<el-table-column prop="content" label="内容" sortable>
</el-table-column>
<el-table-column prop="time" label="时间" sortable>
</el-table-column>
<el-table-column prop="username" label="用户名" sortable>
</el-table-column>
</el-table>
</div>
</el-card>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<div class="grid-content">
<el-card class="box-card hidden-xs-only">
<div slot="header" class="clearfix">
<span>近期登陆日志</span>
</div>
<div class="text item">
<el-table :data="logData" style="width: 100%"
:default-sort="{prop: 'time', order: 'descending'}">
<el-table-column prop="username" label="用户名" sortable>
</el-table-column>
<el-table-column prop="header" label="请求头" sortable>
</el-table-column>
<el-table-column prop="time" label="时间" sortable>
</el-table-column>
<el-table-column prop="ip" label="ip地址" sortable>
</el-table-column>
</el-table>
</div>
</el-card>
</div>
</el-col>
</el-row>
</el-col>
</el-main>
<el-footer>
<div class="footer">
© 2018 作业提交系统
</div></el-footer>
</el-container>
</el-container>
</div>
<script src="../../static/js/admin.js"></script>
<script src="../../static/js/msg.js"></script>
</body>
</html>