惯例广告一发，对于初学真，真的很有用www.java1234.com，去试试吧！

1、导入jquery-easyui-1.3.3包( http://www.jeasyui.com/)

2、在页面导入easyui css js链接(demo/menu/basic.html)；修改为本机链接地址；导入本地化中文包

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

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

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

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

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

3、easyui-layout

     <body class="easyui-layout">

          <div data-options="region:'north'" style="height:50px"></div>

          <div data-options="region:'south',split:true" style="height:50px;"></div>

          <div data-options="region:'east',split:true" title="East" style="width:180px;"></div>

          <div data-options="region:'west',split:true" title="West" style="width:100px;"></div>

          <div data-options="region:'center',title:'Main Title'">

      </body>

      class="easyui-layout"

      region（区域）split（分隔条）title（标题）

      north south 设置height

      east west 设置width

4、tabs

     <div class="easyui-tabs" style="width:700px;height:250px">

          <div title="About" style="padding:10px"></div>

          <div title="My Documents" style="padding:10px"></div>

          <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px"></div>

     </div>

     class="easyui-tabs"

     fit（铺满浏览器）border（边框）

5、tree

     <ul id="tree"></ul>

    $(function(){

               var treeData=[{

                    text:"学生信息管理系统",

                    children:[{

                         text:"班级信息管理",

                         attributes:{

                              url:""

                         }

                    },{

                         text:"学生信息管理",

                         attibutes:{

                              url:""

                         }

                    }]

               }];

               //实例化树型

               $("#tree").tree({

                    data:treeData,

                    lines:true

               })

          });

     text：显示在节点的文本。

     attributes：可以为节点添加的自定义属性。

     children：子节点，必须用数组定义。

6、新增tab

           function openTab(text,url){

                    if($("#tabs").tabs('exists',text)){

                         $("#tabs").tabs('select',text);

                    }else{

                         $("#tabs").tabs('add',{

                              title:text,

                              closable:true,

                              content:"2"

                         });

                    }

               }

             $("#tree").tree({

                    data:treeData,

                    lines:true,

                    onClick:function(node){

                         if(node.attributes){

                              openTab(node.text,node.attributes.url);

                         }

                    }

               })

7、添加页面并美化

     url:"gradeInfoManage.jsp"

     url:"StudentInfoManage.jsp"

     var content="<iframe frameborder='0' scrolling='auto' style='width:100%;height:100%;' src="+url+"></iframe>";

8、权限验证

      登录成功获取Session

     //            获取Session

                    HttpSession session=request.getSession();

                    session.setAttribute("currentUser", currentUser);

     登录页面验证Session

      <%

          //权限验证

          if(session .getAttribute("currentUser")==null){

               System.out.println("滚");

               response.sendRedirect("index.jsp");

               return;

          }

     %>

Jsp&Servlet入门级项目全程实录第2讲的更多相关文章

  1. Jsp&Servlet入门级项目全程实录第1讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.jdbc数据库连接(略) 2.登录表单 2.1设置内边距 <dir style="padding- ...

  2. Jsp&Servlet入门级项目全程实录第8讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.添加dao public int studentAdd(Connection con,Student studen ...

  3. Jsp&Servlet入门级项目全程实录第7讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.获取搜索条件值 function searchStudent(){ $('#dg').datagrid('load ...

  4. Jsp&Servlet入门级项目全程实录第4讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.添加搜索.添加.修改.删除按钮 <div id="tb"> <div> ...

  5. Jsp&Servlet入门级项目全程实录第3讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.建立数据表及数据(略) 2.装载驱动,建立数据表 <link rel="stylesheet&qu ...

  6. Jsp&Servlet入门级项目全程实录第6讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.建立数据表及数据(略) 2.创建student model package com.java1234.model; ...

  7. Jsp&Servlet入门级项目全程实录第5讲

    惯例广告一发,对于初学真,真的很有用www.java1234.com,去试试吧! 1.修改功能实现 dao public int gradeAdd(Connection con,Grade grade ...

  8. JSP/Servlet Web应用中.properties文件的放置与读取

    本地项目 在本地类库中,我经常使用当前目录来放置.properties文件,这时调用方只要引用我的jar,并且将我的.properties放在他的classpath里面即可,比如: p.load(ne ...

  9. 创建jsp+Servlet+JavaBean+JDBC+MySQL项目的过程

    1 根据需求建立Mysql数据,确立数据库的表的字段.属性.主键,外键等.下面我使用的数据库名dev ,表名user,字段  name,设置为主键.用户名不能为空,字段password,密码 2 在E ...

随机推荐

  1. JavaScript编程题（含腾讯2016校招题）

    作者:ManfredHu 链接:http://www.manfredhu.com/2016/04/02/15-veryGoodForUsing/ 声明:版权所有,转载请保留本段信息,否则请不要转载 几 ...

  2. web请求的状态码

    摘录于  https://www.cnblogs.com/lovychen/p/6256343.html 1xx消息 这一类型的状态码,代表请求已被接受,需要继续处理.这类响应是临时响应,只包含状态行 ...

  3. day111 爬虫第一天

    一.模拟浏览器发请求. import requests r1 =requests.get( url ="https://dig.chouti.com/", headers ={ & ...

  4. JavaScript学习知识点归纳

    JavaScript学习包括几大方面: 1.基础语法 2.JavaScript核心对象 3.DOM操作 4.BOM操作 5.正则表达式 6.AJAX 7.面向对象编程 以下依次为各版块相关内容==&g ...

  5. CodeChef TWOROADS（计算几何+拉格朗日乘数法）

    题面 传送门 简要题意:给出\(n\)个点,请求出两条直线,并最小化每个点到离它最近的那条直线的距离的平方和,\(n\leq 100\) orz Shinbokuow 前置芝士 给出\(n\)个点,请 ...

  6. asp.net mvc 5 初体验

    参考:http://www.asp.net/mvc/tutorials/mvc-5/introduction/getting-started 1. 新建 ASP.Net Web 应用程序,跟着向导一路 ...

  7. Python网络通信

    day26 网络通信 参考: http://www.cnblogs.com/yuanchenqi/articles/5692716.html 男生是client端,字条是socket(sk),通过sk ...

  8. this引用逃逸(使用内部类获取未外部类未初始化完的变量)，多态父类使用子类未初始化完的变量

    1,this引用逃逸 并发编程实践中,this引用逃逸("this"escape)是指对象还没有构造完成,它的this引用就被发布出去了. 这是危及到线程安全的,因为其他线程有可能 ...

  9. 大白dmeo (转的)

    <!doctype html><html> <head> <meta charset="utf-8"> <title>B ...

  10. HTML 遍历

    HTML 遍历 HTML基本格式: 1.下行遍历: 属性 说明 contents 子节点的列表,将所有儿子节点存入列表 children 子节点的迭代类型,与.contents类似,用于循环遍历儿子节 ...