Jsp的学习算是告一段落,针对这段时间的学习,写了一个Jsp小项目来巩固学到的知识。 需要的界面效果: 需要工具:Eclipse、TomCat v8.0和PL/SQL 先用PL/SQL创建一个用户c##cms,并创建一个cms_user表单 首先,需 ...
Jsp的学习算是告一段落,针对这段时间的学习,写了一个Jsp小项目来巩固学到的知识。
需要的界面效果:
需要工具:Eclipse、TomCat v8.0和PL/SQL
先用PL/SQL创建一个用户c##cms,并创建一个cms_user表单
首先,需要写一个JSP——add界面
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%><html><head><base href="<%=basePath%>" /><title>用户添加</title><link rel="stylesheet" type="text/css" title="xp" href="css/skins/xp/validator/component.css" /><link rel="stylesheet" type="text/css" title="xp" href="css/skins/xp/navbar/nav.css" /><link rel="stylesheet" type="text/css" title="xp" href="css/skins/xp/table/skin.css" /><link rel="stylesheet" type="text/css" title="xp" href="css/skins/xp/time/skin.css" /><script type="text/javascript" src='/images/loading.gif' data-original="jscript/time/calendar.js"></script><script type="text/javascript" src='/images/loading.gif' data-original="jscript/time/calendar-zh.js"></script><script type="text/javascript" src='/images/loading.gif' data-original="jscript/time/calendar-setup.js"></script><script type="text/javascript" src='/images/loading.gif' data-original="jscript/common.js"></script><script type="text/javascript" src='/images/loading.gif' data-original="jscript/validator/form_validator.js" /></script><style type="text/css">body, table, td, select, textarea, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}</style></head><body> <div id="main"> <form name="backuserform" method="post" action="admin/UserAddServlet" onSubmit='return submitForm(document.forms[0]);'> <table class="standard"> <thead> <tr> <th align="center" colspan="2">用户添加</th> </tr> </thead> <tbody> <tr> <td align="left">用户名</td> <td align="left"><input name="name" type="text" TABINDEX="1" id="name" /> <div class="Info"> <div id="name_info"></div> </div></td> </tr> <tr> <td align="left">用户密码</td> <td align="left"><input name="password" type="password" value="" TABINDEX="2" id="password" /> <div class="Info"> <div id="password_info"></div> </div></td> </tr> <tr> <td align="left">角色</td> <td align="left"><select name="role" TABINDEX="4" id="role"> <option value="1">超级管理员</option> </select> <div class="Info"> <div id="role_info"></div> </div></td> </tr> <tr> <td align="left">是否有效</td> <td align="left"><select name="valid" TABINDEX="3" id="valid"> <option value="1">有效</option> <option value="0">无效</option> </select> <div class="Info"> <div id="valid_info"></div> </div></td> </tr> <tr> <td align="left">EMAIL</td> <td align="left"><input name="email" type="text" value="" TABINDEX="5" id="email" /> <div class="Info"> <div id="email_info"></div> </div></td> </tr> <tr> <td align="left">电话</td> <td align="left"><input name="phone" type="text" value="" TABINDEX="6" id="phone" /> <div class="Info"> <div id="phone_info"></div> </div></td> </tr> <tr> <td colspan="2" align="center"><input class="submitButton" type="submit" TABINDEX="7" name="submit" value="提 交"> <input type="button" name="返回" class="submitButton" value="返回" onclick="history.back();"></td> </tr> </tbody> <tfoot> <tr> <td colspan="2" style="text-align: left"></td> </tr> </tfoot> </table> </form> </div></body></html>
原标题:Web前端开发:SQL Jsp小项目(一)
关键词:JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。