<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入vue-->
<script src="js/vue.js"></script>
<!--引入elementui-->
<!-- 引入样式 -->
<link rel="stylesheet" href="js/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="js/element-ui/lib/index.js"></script>
<!--axios-->
<script src="js/axios-0.18.0.js"></script>
<!--引入前台页面拦截器-->
<script src="js/request.js"></script>
<style>
#app {
text-align: center;
}
</style>
</head>
<body>
<div id="app">
<!--顶部导航栏-->
<el-menu
:default-active="activeIndex2"
class="el-menu-demo"
mode="horizontal"
@select="handleSelect"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b">
<el-menu-item index="1">{{personCount}}人在线</el-menu-item>
<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 index="2-4">
<template slot="title">选项4</template>
<el-menu-item index="2-4-1">选项1</el-menu-item>
<el-menu-item index="2-4-2">选项2</el-menu-item>
<el-menu-item index="2-4-3">选项3</el-menu-item>
</el-submenu>
</el-submenu>
<el-menu-item index="3" disabled>消息中心</el-menu-item>
<el-menu-item index="4">订单管理</el-menu-item>
<el-menu-item index="5" style="float: right;">
<span v-model="username">张三</span>
<i class="el-icon-s-custom"></i>
</el-menu-item>
</el-menu>
<!-- 搜索窗口 -->
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="用户名">
<el-input v-model="formInline.username" placeholder="用户名"></el-input>
</el-form-item>
<el-form-item label="手机号">
<el-input v-model="formInline.phone" placeholder="手机号"></el-input>
</el-form-item>
<el-form-item label="地 址">
<el-input v-model="formInline.address" placeholder="地 址"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSelect">查询</el-button>
<!--新增-->
<el-button type="success" @click="savedialog">新增用户</el-button>
</el-form-item>
</el-form>
<!--新增弹框-->
<el-dialog title="emp新增" :visible.sync="dialogFormVisible">
<el-form :model="form">
<el-form-item label="姓名" :label-width="formLabelWidth">
<el-input v-model="form.username" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="密码" :label-width="formLabelWidth">
<el-input v-model="form.password" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="地址" :label-width="formLabelWidth">
<el-input v-model="form.address" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="年龄" :label-width="formLabelWidth">
<el-input v-model="form.age" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="phone" :label-width="formLabelWidth">
<el-input v-model="form.phone" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="saveEmp">确 定</el-button>
</div>
</el-dialog>
<!--修改弹框-->
<el-dialog title="emp修改" :visible.sync="dialogUpdateVisible">
<el-form :model="form">
<el-form-item label="姓名" :label-width="formLabelWidth">
<el-input v-model="form.username" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="密码" :label-width="formLabelWidth">
<el-input v-model="form.password" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="地址" :label-width="formLabelWidth">
<el-input v-model="form.address" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="年龄" :label-width="formLabelWidth">
<el-input v-model="form.age" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="phone" :label-width="formLabelWidth">
<el-input v-model="form.phone" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogUpdateVisible = false">取 消</el-button>
<el-button type="primary" @click="updateEmpSubmit">确 定</el-button>
</div>
</el-dialog>
<!--表格-->
<template>
<el-table
:data="tableData"
border
style="width: 70%;margin: auto;text-align: center">
<el-table-column
fixed
prop="id"
label="编号"
width="150">
</el-table-column>
<el-table-column
prop="username"
label="姓名"
width="120">
</el-table-column>
<el-table-column
prop="address"
label="地址"
width="300">
</el-table-column>
<el-table-column
prop="phone"
label="手机号"
width="120">
</el-table-column>
<el-table-column
prop="age"
label="年龄"
width="120">
</el-table-column>
<el-table-column
label="操作"
width="150">
<template slot-scope="scope">
<el-button type="text" @click="handleClick(scope.row)" size="small">查看</el-button>
<el-button type="text" @click="updateEmp(scope.row)" size="small">编辑</el-button>
<el-button type="text" @click="deleteEmp(scope.row)" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<div class="block">
<!--
@size-change 当数量发生改变的时候 触发
@current-change 当页码发生改变的时候 触发
:current-page 当前页码
:page-sizes 总页码的分布
:page-size 当前展示的条数
layout 布局组件
:total 总条数
-->
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="page.currentPage"
:page-sizes="page.pageSizes"
:page-size="page.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="page.total">
</el-pagination>
</div>
</template>
</div>
</body>
<script src="js/j
javaweb .zip
需积分: 0 35 浏览量
2023-10-12
17:31:11
上传
评论
收藏 48.3MB ZIP 举报
javaweb .zip （2000个子文件） 
CheckCodeUtil.class 7KB EmpServlet.class 4KB Emp.class 4KB Emp.class 4KB EmpServiceImpl.class 3KB LoginServlet.class 3KB LoginFilter.class 3KB RegisterServlet.class 3KB BaseServlet.class 3KB PersonCountListener.class 2KB LoginData.class 2KB AddServlet.class 2KB AddServlet.class 2KB UpdateServlet.class 2KB SelectAllServlet.class 2KB SelectAllServlet.class 2KB GetSessionServlet.class 2KB DeleteServlet.class 2KB DeleteServlet.class 2KB ImgServlet.class 2KB MybatisUtils.class 2KB MybatisUtils.class 2KB EmpServiceImpl.class 1KB RegisterData.class 1KB Test.class 1KB PersonCountServlet.class 1KB Test.class 1KB EmpMapper.class 716B EmpService.class 642B EmpMapper.class 406B EmpService.class 298B index.css 227KB index.css 227KB index.css 227KB index.css 227KB cascader.css 29KB cascader.css 29KB cascader.css 29KB cascader.css 29KB date-picker.css 28KB date-picker.css 28KB date-picker.css 28KB date-picker.css 28KB transfer.css 27KB transfer.css 27KB transfer.css 27KB transfer.css 27KB col.css 25KB col.css 25KB col.css 25KB col.css 25KB pagination.css 23KB pagination.css 23KB pagination.css 23KB pagination.css 23KB table.css 22KB table.css 22KB table.css 22KB table.css 22KB message-box.css 21KB message-box.css 21KB message-box.css 21KB message-box.css 21KB time-picker.css 21KB time-picker.css 21KB time-picker.css 21KB time-picker.css 21KB select.css 18KB select.css 18KB select.css 18KB select.css 18KB slider.css 18KB slider.css 18KB slider.css 18KB slider.css 18KB tabs.css 16KB tabs.css 16KB tabs.css 16KB tabs.css 16KB base.css 16KB base.css 16KB base.css 16KB base.css 16KB dropdown.css 15KB dropdown.css 15KB dropdown.css 15KB dropdown.css 15KB time-select.css 13KB time-select.css 13KB time-select.css 13KB time-select.css 13KB table-column.css 13KB table-column.css 13KB table-column.css 13KB table-column.css 13KB cascader-panel.css 13KB cascader-panel.css 13KB cascader-panel.css 13KB cascader-panel.css 13KB tree.css 13KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
