文件流轉模擬

時間 2019-12-18

標籤文件流轉模擬简体版

原文原文鏈接

此次模擬大約不到二分之一完成相關界面和文件的流轉可是沒有刪除審覈成功審覈是否相關的用戶能夠登陸可是權限還不完整均可以看到沒有加流轉的限制均可以提交文件 css

Checkdoc.jsp:副廠長審覈公文頁面html

Editpermission.jsp:編輯用戶權限頁面java

Edituser.jsp:編輯用戶基本信息頁面jquery

Fcheckdoc.jsp:廠長審籤公文頁面bootstrap

Index.jsp:用戶登陸頁面jsp

Mainpage.jsp:公文流轉系統主頁post

Querydoc.jsp:查詢公文頁面orm

Receive.jsp:展現簽收和未簽收公文頁面cdn

Senddoc.jsp:公文流轉頁面htm

Showall.jsp:展現全部已發公文頁面

Showcall.jsp:展現全部已回執公文頁面

Showresult.jsp:展現公文內容和廠長副廠長的審覈內容

Usermanage.jsp:用戶管理界面

Writecheck.jsp:副廠長審覈公文並簽署意見頁面

Writedoc.jsp:部門擬製公文頁面

Writefcheck.jsp:廠長審籤公文並簽署意見頁面

其中關於用戶的

Id:用戶編號

Username:用戶名

Password:密碼

permissionId:角色權限編號（沒有實現）

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<title>登陸</title>
<style type="text/css">
*{
padding:0px;
margin:0px;
}
.header{
width:100%;
height:120px;
background-color:gray;
text-align:center;
}
.container{
width:100%;
height:780px;
position:relative;
background-color:blue;
}
.login{
width:500px;
height:auto;
background-color:white;
position:absolute;
top:200px;
left:500px;
border-radius:8px;
}
label{
float:left;
width:100px;
margin-top:7px;
margin-right:5px;
}
.form-control{
width:60%;
}
.logtip{
padding-top:20px;
padding-bottom:20px;
border-bottom:2px solid red;
text-align:center;
}
.form-group{
margin-left:40px;
margin-top:40px;
}
.btn{
height:50px;
width:100px;
float:left;
border-radius:10px;
}
.logbtn{
margin-right:20px;
}

.btnbag{
margin-left:140px;
margin-right:140px;
height:50px;
overflow:hidden;
margin-top:30px;
margin-bottom:40px;
}
</style>
</head>
<body>
<div class="header"><h2>河北金力集團公文流轉系統</h2></div>

<div class="container">
<div class="login">
<h2 class="logtip">登陸</h2>
<form action="login_do" method="post">
<div class="form-group">
<label for="username">用戶名</label>
<input type="text" class="form-control" id="username" name="username">
</div>
<div class="form-group">
<label for="password">密碼</label>
<input type="password" class="form-control" id="password" name="password">
</div>
<div class="btnbag">
<input type="button" class="btn btn-primary logbtn" onclick="login()" value="登陸">
<input type="button" class="btn btn-primary mangbtn" onclick="entermang()" value="進入管理">
</div>
</form>
</div>
</div>

<div class="footer"></div>
</body>
<script>
function login()
{
var username=$("#username").val();
var password=$("#password").val();
if(username==""||password=="")
alert("請將信息填寫完整！");
else
{
$.post(
"login_do",
{username:username,
password:password},
function(data){
if(data=="yes")
{
alert("成功登錄！");
window.location="mainpage.jsp";
}
else
alert("用戶名或密碼錯誤！或用戶已被暫停使用！");
},
"text"
);
}
}
function entermang()
{
var username=$("#username").val();
var password=$("#password").val();
if(username==""||password=="")
alert("請將信息填寫完整！");
else
{
$.post(
"login_do",
{username:username,
password:password},
function(data){
if(data=="yes")
{
alert("成功登錄！");
window.location="backmainpage.jsp";
}
else
alert("用戶名或密碼錯誤！或用戶已被暫停使用！");
},
"text"
);
}
}
</script>
</html>

<%@page import="com.official.bean.Users"%>
<%@page import="java.util.ArrayList"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<title>Insert title here</title>

</head><body> <div> <table class="table table-hover table-striped table-bordered table-sm" id="resultshow"> <tr> <th>用戶編號</th> <th>用戶名</th> <th>密碼</th> <th>用戶權限ID</th> <th>用戶職位</th> <th>用戶狀態</th> <th>操做</th> <th>操做</th> <th>操做</th> <th>操做</th> </tr> <%ArrayList<Users> list=(ArrayList<Users>)request.getAttribute("list");%> <c:forEach var="l" items="<%=list %>" varStatus="i"> <tr> <td id="id${i.index+1 }">${l.getId() }</td> <td>${l.getUsername() }</td> <td>${l.getPassword() }</td> <td>${l.getPermissionId() }</td> <td>${l.getJob() }</td> <td id="status${i.index+1 }">${l.getStatus() }</td> <td><a href="#" onclick="edit(${i.index+1})">編輯</a></td> <td><a href="getAllUser" onclick="pause(${i.index+1})">暫停\釋放</a></td> <td><a href="#" onclick="editPermission(${i.index+1})">權限管理</a></td> <td><a href="" onclick="deleteitem(${i.index+1})">刪除</a></td> </tr> </c:forEach> </table> </div></body><script> function edit(i) { var id=$("#id"+i).text(); window.location="editUserInfo?id="+id; } function pause(i) { var msg ="確認暫停/釋放此用戶權限？"; if (confirm(msg)==true){ var id=$("#id"+i).text(); var status=$("#status"+i).text(); var method="pause"; $.post( "users_do", { id:id, status:status, method:method }, function(data) { if(data=="no") alert("操做失敗！"); else { alert("操做成功！"); } }, "text" ); } } function deleteitem(i) { var msg ="確認刪除？"; if (confirm(msg)==true){ var id=$("#id"+i).text(); var method="delete"; $.post( "users_do", { method:method, id:id }, function(data) { if(data=="no") alert("操做失敗！"); else { alert("刪除成功！"); //window.location="getAllUser"; } }, "text" ); } } function editPermission(i) { var id=$("#id"+i).text(); window.location="editPermission?id="+id; }</script></html>