zoukankan      html  css  js  c++  java

  • 《河北省重大技术需求征集系统》02_用户信息/需求上传

    一、在昨天完成登录和显示界面之后，今天完成了用户的个人信息登录和修改

     主要前端代码：

    <%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>添加用户</title>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"type="text/css"href="${pageContext.request.contextPath}/static/bootstrap-3.3.5-dist/css/bootstrap.css"/>
</head>
<!-- 自定义，表单验证 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css/xcConfirm.css"/>
        <script src="${pageContext.request.contextPath}/js/js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
        <script src="${pageContext.request.contextPath}/js/js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
        
<script
    src="${pageContext.request.contextPath}/static/js/jquery-1.12.1.js"type="text/javascript"></script>
    <script
    src="${pageContext.request.contextPath}/static/bootstrap-3.3.5-dist/js/bootstrap.js"type="text/javascript"></script>
    <script
    src="${pageContext.request.contextPath}/static/js/jquery.validate.js"type="text/javascript"></script>
    <script
    src="${pageContext.request.contextPath}/static/js/myValidate.js"type="text/javascript"></script>
<body>
<style type="text/css">
    .button{
                 70px;
                height: 30px;
                background-color: #009688;
                color: white;
                border: none;
                border-radius: 5px;
                font-size: 12px;
            }

</style>
    <h1 align="center">用户注册</h1>
    <hr>
    <div class="row-fluid"style="margin-top: 80px;">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <form role="form"class="form-horizontal" action="${pageContext.request.contextPath}/admin/adminServlet?method=reg&updateId=${updateBean.username }"method="post" id="checkForm">
            <div class="form-group">
                <label class="col-md-3 control-label"for="username"><font style="color:red">*</font>用户名</label>
                <div class="col-md-9">
                    <input class="form-control" name="username" type="text" id="username"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="inputPassword"><font style="color:red">*</font>用户密码</label>
                <div class="col-md-9">
                    <input type="password"name="password"class="form-control"id="password"value="${updateBean.password }">
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="password2"><font style="color:red">*</font>确认密码</label>
                <div class="col-md-9">
                    <input type="password"name="password2"class="form-control"id="password2">
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="truename"><font style="color:red">*</font>姓名</label>
                <div class="col-md-9">
                    <input type="text"name="name"class="form-control"id="truename">
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="cardid"><font style="color:red">*</font>身份证号</label>
                <div class="col-md-9">
                    <input type="text"name="shenfenhao"class="form-control"id="cardid">
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="city"><font style="color:red">*</font>市</label>
                <div class="col-md-9">
                    <select name="shi">
                        <option value="石家庄市" checked="checked">石家庄市</option>
                        <option value="唐山市">唐山市</option>
                        <option value="秦皇岛市">秦皇岛市</option>
                        <option value="邯郸市">邯郸市</option>
                        <option value="邢台市">邢台市</option>
                        <option value="保定市">保定市</option>
                        <option value="张家口市">张家口市</option>
                        <option value="承德市">承德市</option>
                        <option value="沧州市">沧州市</option>
                        <option value="廊坊市">廊坊市</option>
                        <option value="衡水市">衡水市</option>
                        <option value="定州市">定州市</option>
                        <option value="辛集市">辛集市</option>
                        <option value="其他（河北工大）">其他（河北工大）</option>
                    </select>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="depart"><font style="color:red">*</font>工作单位</label>
                <div class="col-md-9">
                    <input class="form-control"name="danwei"type="text"id="depart"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="director"><font style="color:red">*</font>专业方向</label>
                <div class="col-md-9">
                    <input class="form-control"name="zhuanye"type="text"id="director"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="hangye"><font style="color:red">*</font>所在行业</label>
                <div class="col-md-9">
                    <input class="form-control"name="hangye""type="text"id="hangye"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="education">教育程度</label>
                <div class="col-md-9">
                    <input class="form-control"name="jiaoyu""type="text"id="education"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="zhicheng">职称</label>
                <div class="col-md-9">
                    <input class="form-control"name="zhicheng""type="text"id="zhicheng"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="address">通讯地址</label>
                <div class="col-md-9">
                    <input class="form-control"name="tongxundizhi""type="text"id="address"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="e_code">邮政编码</label>
                <div class="col-md-9">
                    <input class="form-control"name="youzhengbianma""type="text"id="e_code"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="Pnumber">手机号</label>
                <div class="col-md-9">
                    <input class="form-control"name="shouji"type="text"id="Pnumber"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="dianhua">固定电话</label>
                <div class="col-md-9">
                    <input class="form-control"name="dianhua"type="text"id="dianhua"value="${updateBean.username }"/>
                </div>
            </div>
            
            <div class="form-group">
                <label class="col-md-3 control-label"for="email">邮箱</label>
                <div class="col-md-9">
                    <input type="text"name="youxiang"class="form-control"id="email">
                </div>
            </div>
            <div class="form-group"></div>
            <div class="form-group">
                <div class="col-md-offset-3 col-md-9">
                    <button type="submit"class="button">注册</button>
                </div>
            </div>
            <!-- 注册成功或失败后的通知 -->
            <c:if test="${param.status.equals('1')}">
                <script type="text/javascript">
               function error() {
                   var txt=  "注册成功";
                    window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.success);
            }
            error();
        </script>
            </c:if> 
            <c:if test="${param.status.equals('2')}">
                <div class="alert alert-danger"role="alert">注册失败</div>
            </c:if> 
            <c:if test="${param.status.equals('3')}">
                <div class="alert alert-danger"role="alert">用户已存在</div>
            </c:if>
            </form>
        </div>
        <div class="col-md-3"></div>
    </div>
</body>
</html>
    View Code

    二、还有用户界面形式审核部分的显示，包括上传，删除和修改的部分，其中由于上传数据部分缺失，导致null的问题，明天继续解决

     主要代码：

    <%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.Statement"%>
<%@page import="java.sql.Connection"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<title>查看需求信息</title>
 <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css/xcConfirm.css"/>
        <script src="${pageContext.request.contextPath}/js/js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
        <script src="${pageContext.request.contextPath}/js/js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
        
    <script
    src="${pageContext.request.contextPath}/static/js/jquery-1.12.1.js"type="text/javascript"></script>
    <script
    src="${pageContext.request.contextPath}/static/bootstrap-3.3.5-dist/js/bootstrap.js"type="text/javascript"></script>
    <link rel="stylesheet"type="text/css" href="${pageContext.request.contextPath}/static/bootstrap-3.3.5-dist/css/bootstrap.css"/>
<script type="text/javascript">
    function func(){
        var name = $("#name").val();
        var status2 = $("#status2").val();
        window.location.href = "${pageContext.request.contextPath}/admin/xuqiuServlet?method=searchlist&name=" + name + "&status=" + status2;
    }
</script>
<style type="text/css">
    .button{
                 60px;
                height: 30px;
                background-color: #009688;
                color: white;
                border: none;
                border-radius: 5px;
                font-size: 12px;
            }

</style>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align:center">
                <h3>形式审核</h3>
            </div>
        </div>
        <hr>
        <div class="row-fluid">
            <div class="col-md-1 "></div>
            <div class="col-md-10 ">
                <table class="table table-striped">
                <tr>
                    <td>需求编号</td>
                    <td>技术需求名称</td>
                    <td>填报日期</td>
                    <td>操作</td>
                    <td>操作</td>
                    <td>操作</td>
                </tr>
                  
                <!-- forEach遍历出adminBeans -->
                <c:forEach items="${zhengjibeanlist }" var="item" varStatus="status">
                <tr>
                    <td>${item.id }</td>
                    <td>${item.jiname }</td>
                    <td>${item.createdate }</td>
                    <td>
                    <a href="${pageContext.request.contextPath}/admin/xuqiuServlet?method=needshangchuan&id=${item.id }&userid=${user.id}">
                    <button type="button" class="button">上传</button></a>
                    <td>
                    <a href="${pageContext.request.contextPath}/admin/xuqiuServlet?method=needdelete&id=${item.id }&userid=${user.id}">
                    <button type="button" class="button">删除</button></a>
                    <td>
                    <a href="${pageContext.request.contextPath}/admin/xuqiuServlet?method=needhechadetail&id=${item.id }">
                    <button type="button" class="button">修改</button></a>
                    <td>
                    
                </tr>
                </c:forEach>
                </table>
            </div>
            <div class=" col-md-1"></div>
        </div>
        <c:if test="${param.status.equals('1')}">
            <script type="text/javascript">
                function error() {
                    var txt=  "需求上传成功！";
                    window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.success);
                }
                error();
            </script>
        </c:if>
        <c:if test="${param.status.equals('2')}">
            <script type="text/javascript">
                function error() {
                    var txt=  "需求删除成功！";
                    window.wxc.xcConfirm(txt, window.wxc.xcConfirm.typeEnum.success);
                }
                error();
            </script>
        </c:if>
    </div>
</body>
</html>
    View Code
  • 相关阅读:
    初学node.js-nodejs中实现用户登录路由
    初学node.js-nodejs中实现用户注册路由
    初学node.js-nodejs连接MongoDB（5）
    初学node.js-MongoDB安装和环境服务配置（4）
    初学node.js-nodejs中实现HTTP服务（3）
    初学node.js-npm使用（2）
    初学node.js-nodejs安装运行（1）
    python-两个图片相似度算法
    python-两个筛子数据可视化(直方图)
    从头学习网络编程——网络编程学习笔记 ：什么是HTTP与CGI？
  • 原文地址：https://www.cnblogs.com/hhjing/p/13849309.html
Copyright © 2011-2022 走看看