初学easyUi框架,利用easyUi框架实现登录。

第一步:首先上easyUi官网下载easyUi插件

官网链接  http://www.jeasyui.com/download/index.php

第二步:

初学easyUi框架,利用easyUi框架实现登录。_第1张图片

将这些文件直接拷到工程WebRoot目录下,如下图所示。

初学easyUi框架,利用easyUi框架实现登录。_第2张图片

3.开始写前台代码,将这些css 、js 引入进来。

初学easyUi框架,利用easyUi框架实现登录。_第3张图片

4.最终实现效果是这样的,下面会上传代码

初学easyUi框架,利用easyUi框架实现登录。_第4张图片

代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>



  
    
    
    登录页面
    
	
	
	    
	
	
	
	
	
	
    
  
  <%
  	String message = (String) request.getAttribute("message");
		if (message == null) {
			message = "";
		}
		if (!message.trim().equals("")) {
			out.println("");
		}
		//request.removeAttribute("message");
		 %>
  
	
login method="get">
用户名
密 码
角 色

本菜鸟也是第一次学这写,不好勿喷,共同学习。

你可能感兴趣的:(初学easyUi框架,利用easyUi框架实现登录。)