文档章节

快速开发系统之前台页面 ---- NO1----登录页面

残风vs逝梦
 残风vs逝梦
发布于 2015/01/21 22:30
字数 299
阅读 132
收藏 0

快速开发系统之前台页面 ---- NO1----登录页面

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>快速开发系统--登录页面</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/resources/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/resources/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/resources/css/basic/common.css">
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/easyui/jquery.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resources/easyui/locale/easyui-lang-zh_CN.js"></script>
<style type="text/css">
body {
	margin: 0 auto;
	text-align: center;
}

.loginBox {
	position: fixed;
	width: 350px;
	height: 300px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -175px;
	margin-top: -150px;
}
</style>
</head>
<body>
	<div class=loginBox>
		<div class="easyui-panel" title="登录窗口">
			<div style="padding: 10px 60px 20px 60px">
				<form id="ff" method="post">
					<table cellpadding="5">
						<tr>
							<td>账号:</td>
							<td><input class="easyui-textbox" type="text" name="name"
								data-options="required:true"></input></td>
						</tr>
						<tr>
							<td>密码:</td>
							<td><input class="easyui-textbox" type="text" name="email"
								data-options="required:true"></input></td>
						</tr>
					</table>
				</form>
				<div style="text-align: center; padding: 10px">
					<a href="javascript:void(0)" class="easyui-linkbutton"
						onclick="submitForm()">登录</a> <a href="javascript:void(0)"
						class="easyui-linkbutton" style="margin-left: 30px;"
						onclick="clearForm()">重置</a>
				</div>
			</div>
		</div>
	</div>
	<script>
		function submitForm(){
			$('#ff').form('submit');
		}
		function clearForm(){
			$('#ff').form('clear');
		}
	</script>
</body>
</html>


© 著作权归作者所有

上一篇: 001基础结构搭建
下一篇: git常用命令
残风vs逝梦
粉丝 56
博文 118
码字总数 71921
作品 0
武汉
高级程序员
私信 提问
共享定制云平台 AWCP 平台 1.6 发布,集成 solr 引擎

AWCP 平台 1.6 已发布,集成了solr引擎,实现了文档,数据的可配置搜索,实现定时器增量建索引。 新增 1.集成solr搜索引擎 2.文件上传增加压缩和裁剪 完善 1.重构动态页面渲染,流程执行前后...

曹勇
2018/03/20
949
0
蝉知企业门户系统 5.3.4 正式版发布

蝉知企业门户系统是由业内资深开发团队开发的一款专向企业营销使用的企业门户系统,企业使用蝉知系统可以非常方便地搭建一个专业的企业营销网站,进行宣传,开展业务,服务客户。蝉知系统内置...

it1000001001
2016/07/15
1K
11
Exrick/xmall-front

XMall-Front 基于Vue开发的XMall商城前台页面 项目已部署,在线Demo 前台商城:http://xmall.exrick.cn/ 后台管理系统:http://xmadmin.exrick.cn/ 感谢 yucccc 的开源 vue-mall 项目提供前端...

Exrick
2018/04/21
0
0
0067 如何编程开发一个新闻发布功能网站

  上一节课完成了一个学生分数信息管理网页的全部功能,并初步学习了如何使用PHP编程语言调用MySQL数据库实现数据的动态管理。   这节课来学习编写开发一个完整的网站,包含后台数据管理...

零基础学编程
2018/10/23
0
0
蝉知开源版 6.7 正式发布,重构前台模板,修复 bug

蝉知企业门户系统是由业内资深开发团队开发的一款专向企业营销使用的企业门户系统,企业使用蝉知系统可以非常方便地搭建一个专业的企业营销网站,进行宣传,开展业务,服务客户。蝉知系统内置...

炒蚕豆吃蹦豆
2017/12/22
1K
6

没有更多内容

加载失败,请刷新页面

加载更多

0.01-Win10安装linux子系统

一、安装Debian子系统 -1、控制面板设置: -1.1、打开“控制面板” —— “程序” —— “启用或关闭Windows功能” —— 勾选 “适用于Linux的Windows子系统” -2、设置: -2.1、打开“设置”...

静以修身2025
昨天
0
0
init 0-6 (启动级别:init 0,1,2,3,4,5,6)

启动级别: init 0,1,2,3,4,5,6 这是个很久的知识点了,只是自己一直都迷迷糊糊的,今天在翻出来好好理解下。。 0: 停机 1:单用户形式,只root进行维护 2:多用户,不能使用net file system...

圣洁之子
昨天
2
0
Android Camera HAL浅析

1、Camera成像原理介绍 Camera工作流程图 Camera的成像原理可以简单概括如下: 景物(SCENE)通过镜头(LENS)生成的光学图像投射到图像传感器(Sensor)表面上,然后转为电信号,经过A/D(模数转...

天王盖地虎626
昨天
2
0
聊聊Elasticsearch的ProcessProbe

序 本文主要研究一下Elasticsearch的ProcessProbe ProcessProbe elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/process/ProcessProbe.java public class ProcessProb......

go4it
昨天
2
0
mysql PL(procedure language)流程控制语句

在MySQL中,常见的过程式SQL语句可以用在存储体中。其中包括IF语句、CASE语句、LOOP语句、WHILE语句、ITERATE语句和LEAVE语句,它们可以进行流程控制。 IF语句相当于Java中的if()...else if(...

edison_kwok
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部