一。项目结构图

二。在WebContent下新建resource文件夹，在resource底下创建easyui。将easyUI包放入其中。

三。在springMVC-servlet.xml写入资源路径

<!-- 静态文件访问 -->

  <mvc:resources location="/resource/easyui/" mapping="/easyui/**"/>

四。新建index.jsp。

    <%@ 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">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

</head>

    <link rel="stylesheet" type="text/css" href="/web/easyui/themes/default/easyui.css"/>

    <link rel="stylesheet" type="text/css" href="/web/easyui/themes/icon.css"/>

    <script type="text/javascript" src="/web/easyui/jquery.min.js"></script>

    <script type="text/javascript" src="/web/easyui/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="/web/easyui/easyui-lang-zh_CN.js"></script>

     <script type="text/javascript">

     $(function(){

         $('#dd').dialog({

              title: 'My Dialog',

              width: 400,

              height: 200,

              closed: false,

              cache: false,

              modal: true

              });

     });

     </script>

<body>

<div id="dd">

<form action="/web/user/login" method="post">

        <p>

            <label>账号：</label><input type="text" name="userName" />

        </p>

        <p>

            <label>密码：</label><input type="password" name="password" />

        </p>

        <p>

            <input type="submit" value="登录" />&nbsp;<a href="/web2/reg.jsp">注册</a>

        </p>

        <p>${message }</p>

    </form>

</div>

</body>

</html>

五。导入文件（第四步说明）

 <link rel="stylesheet" type="text/css" href="/web/easyui/themes/default/easyui.css"/>

    <link rel="stylesheet" type="text/css" href="/web/easyui/themes/icon.css"/>

    <script type="text/javascript" src="/web/easyui/jquery.min.js"></script>

    <script type="text/javascript" src="/web/easyui/jquery.easyui.min.js"></script>

    <script type="text/javascript" src="/web/easyui/easyui-lang-zh_CN.js"></script>

六。设置登录窗体

 <script type="text/javascript">

     $(function(){

         $('#dd').dialog({

              title: 'My Dialog',

              width: 400,

              height: 200,

              closed: false,

              cache: false,

              modal: true

              });

     });

     </script>

<body>

<div id="dd">

............表单

...............

</div>

七.登录页面

第一次使用easyUI的更多相关文章

  1. 市委组织部考核项目——利用EasyUi中可编辑的DataGrid控件对多行数据进行编辑并提交

    http://blog.csdn.net/cjr15233661143/article/details/19041165 市委组织部考核项目中需要录入原始数据,拿开发区的数据录入举例说明,见下图,需要 ...

  2. struts2 easyui实现datagrid的crud

    最近两天因为项目需要,接触了easyui,要用它的datagrid实现crud.第一次做,花了一天时间才完成所有功能,昨天做另外一个模块,同样的功能只用了两个小时. 现在把第一次做datagrid时遇 ...

  3. easyUI之datagrid绑定后端返回数据的两种方式

    先来看一下某一位大佬留下的easyUI的API对datagrid绑定数据的两种方式的介绍. 虽然精简,但是,很具有“师傅领进门,修行靠个人”的精神,先发自内心的赞一个. 但是,很多人和小编一样,第一次 ...

  4. EasyUI入门:怎样引入及简单使用

    或许,仅仅有当做比較大的项目的时候,才会发现封装好的东西会为程序员们带来多少方便.合作开发的时候更应该强调复用,才干更加发挥团队的优势. 今天使用了一些EasyUI,发现非常wonderful! 比方 ...

  5. EasyUi 表格自适应宽度

    第一次接触EasyUi想要实现表格宽度自适应,网上找了好多文章,都没有实现,有网友实现了可是自己看不懂.可能是太简单高手都懒得分享,现在把自己的理解和实现记录一下,希望可以帮到向自己一样的菜鸟,步骤如 ...

  6. jquery easyui datagrid 如何第一次点击列标题时是降序排列

    使用 EasyUI的onBeforeLoad事件,在发回到服务器查询之前,修改排序和对应的图标样式. 1.配置回调函数 data-options='onBeforeLoad:fnOnBeforeLoa ...

  7. （转）第一次发博客-说说我的B/S开发框架(asp.net mvc + web api + easyui)

    原文地址:http://www.cnblogs.com/xqin/archive/2013/05/29/3105291.html 前言 这些年一直在.net下做企业web系统开发,前前后后经历的不同的 ...

  8. easyui中加载table列表数据 第一次有数据第二次没有数据问题

    $('#allUsingProductTable').datagrid({  加载数据时,第二加载时table会发生变化会出现找不到问题.如果是弹框没有影响,弹框出现出现列表每次都会执行销毁方法. 解 ...

  9. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（14）-EasyUI缺陷修复与扩展

    系列目录 不知不觉已经过了13讲,(本来还要讲多一讲是,数据验证之自定义验证,基于园友还是对权限这块比较敢兴趣,讲不讲验证还是看大家的反映),我们应该对系统有一个小结.首先这是一个团队开发项目,基于接 ...

随机推荐

  1. [Java] 识别图片验证码

    现在大多数网站都采用了验证码来防止暴力破解或恶意提交.但验证码真的就很安全吗?真的就不能被机器识别?? 我先讲讲我是怎么实现站外提交留言到一个网站的程序. 这个网站的留言版大致如下: 我一看这种简单的 ...

  2. Cocos2dx 3.0 过渡篇（二十九）globalZOrder()与localZOrder()

    前天非常难得的加班到八点...为什么说难得呢?由于平时我差点儿就没加班过.六点下班后想走就走,想留就留.率直洒脱.不拘一格.尽显男儿本色.程序猿,就是这么自信! -----------这篇博客的标题本 ...

  3. IPC——信号

    Linux进程间通信——使用信号 一.什么是信号 用过Windows的我们都知道,当我们无法正常结束一个程序时,可以用任务管理器强制结束这个进程,但这其实是怎么实现的呢?同样的功能在Linux上是通过 ...

  4. oracle的触发器

    oracle的触发器分为语句级和行级两种类型,在视图上所创建的触发器叫做什么类型的触发器? DML触发器有三类: 1, insert触发器: 2, update触发器: 3, delete触发器: 触 ...

  5. iOS 自定义 shareSDK 容器

    - (void)initializePlat { //添加新浪微博应用 [ShareSDK connectSinaWeiboWithAppKey:@"3201194191" app ...

  6. bootstrap表格多样式及代码

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  7. Java基础知识强化之IO流笔记77：NIO之 Selector

    Selector(选择器)是Java NIO中能够检测一到多个NIO通道,并能够知晓通道是否为诸如读写事件做好准备的组件.这样,一个单独的线程可以管理多个channel,从而管理多个网络连接. 1.  ...

  8. 精通CSS高级Web标准解决方案（1-2 层叠与特殊性）

     层叠与特殊性 选择器的特殊性分成四个等级,a.b.c . d 如果样式是行内样式,那么a=1 b=ID选择器的总数 c=类.伪类.属性选择器的总数 d=标签选择器与伪元素选择器数量 例如:style ...

  9. java 远程调试

    在java 命令上加入 -Xdebug -Xrunjdwp:transport=dt_socket,address=8001,server=y suspend=y 配置的端口时候要保证没有被占用

  10. js实现hashtable的赋值、取值、遍历

    哈希表(Hashtable)这个概率应该是#c里面的概念,用来赋值.取值.遍历.排序操作提高效率.想起这个东西其实使我们以前经常遇到这样的面试题,一个很大的数组可能有100000个,如何快速知道它里面 ...