A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 厦门校区   /  2018-8-1 19:10  /  4378 人查看  /  30 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

张阳阳
class=easyui-layout 布局方案 分为东西南北中 可以设置到boby或者div上

data-options设置属性

class=easyui-accordion 折叠面板 data-options = fit设置为true 自适应父容器大小
title 面板标题,必须设置

class=easyui-tabs 选项面板 fit设置为true 自适应父容器大小
title 面板标题,必须设置
closable ture为添加可关闭按钮

ztree (json)

简单json:{id:1,name:''} 描述对象
复杂json [{id:1,name:''},{id:1,name:''}] 一般集合

将当前点击节点的id作为父节点id%
回复 使用道具 举报
张阳阳
class=easyui-layout 布局方案 分为东西南北中 可以设置到boby或者div上

data-options设置属性

class=easyui-accordion 折叠面板 data-options = fit设置为true 自适应父容器大小
title 面板标题,必须设置

class=easyui-tabs 选项面板 fit设置为true 自适应父容器大小
title 面板标题,必须设置
closable ture为添加可关闭按钮

ztree (json)

简单json:{id:1,name:''} 描述对象
复杂json [{id:1,name:''},{id:1,name:''}] 一般集合

将当前点击节点的id作为父节点id向下查询,获取子节点列表
语法
页面对象.easyui样式(方法,参数)

class=easyui-menu 菜单选项 默认隐藏

class=easyui-menubutton 下拉菜单

回复 使用道具 举报
王清松
EsayUI
    概述
        jQuery的一组UI插件集合
    目录结构
        demo:框架使用案例
        locale:国际化
        plugins:框架包含控件包
        src:框架包含源码
        themes:样
回复 使用道具 举报
刘文峰
easyui:主要用于后台管理系统页面展示的框架
安装oracleXE:无脑安装,注意端口冲突问题就行了
spring配置文件:复制一份,需要更改部分内容,例如包结构不同
回复 使用道具 举报
谢洪彬:
easy UI入门:
        easyUI所有基本样式都是在class属性中设置的,名称一般都是一easyui-xxx的格式

页面布局:  easyui-layout  (页面布局可以作用在<body>或者<div>标签上)
data-options :        声明区域(直接声明在div上)
                 区域属性:
                        北部区域: region:north
                        西部区域: region:west
                        中部区域: region:center               
南部区域: region:south
        东部区域: region:east       
折叠面板:
        需要有一个div,并在div上声明class=”easyui-accordion” ,并且还需要设置data-options=”fit:true”来设置自适应区域占满
        并且每一个折叠面板都必须有title属性,格式为:data-options=”title:标题名”
选项卡面板:
        需要有一个div,并在div上声明class=”easyui-tabs” ,并且还需要设置data-options=”fit:true”来设置自适应区域占满
        并且每一个折叠面板都必须有title属性,格式为:data-options=”title:标题名”
        可是在data-options添加closable:true来设置选项卡的关闭图标及功能
通过超链接来添加选项卡:
        1.为超链接添加点击事件
2.选项卡面板需要有id,并为其添加选项卡方法,格式如下
                $('#tt').tabs('add',
        {
          title: 'new tab',
          selected: false
          //...
});
               
格式为:        对象.控件名(方法名:方法参数);

Ztree树形菜单:
        1.引入Ztree的js和css
2.Ztree有两种json的数据格式(标准和简单)
3.简单json的数据格式:
                                必须有的三个属性: {id,pid,name}
核心理解:将当前点击的节点的id作为父节点id向下查询,获取子节点的元素
4.属性菜单需要使用ui标签来定义,给上id,及class属性为:ztree
5.在页面一加载需要执行3件事:
                5.1开启支持简单json数据格式
                5.2提供ztree属性菜单数据
                5.3生成菜单
注意事项:        需要的三个属性中,pId的I必须要是大写的
                        ztree菜单数据的最后一条数据不需要加逗号
右键菜单: easyui-menu
下拉菜单:easyui-menubutton  
消息框:$.massage.指定框(例:alrea,confirm....)


项目初始化:
        1.web.xml配置spring文件的位置和spring监听器
2.applicationContext.xml文件的配置
2.1由于项目为注解开发,配置一个扫描包配置
        2.2配置外部属性文件加载(例:外部属性文件加载)
2.3 配置数据库的连接池
        2.4spring整合就jpa(hibernate是jpa的接口实现)
使用的是entityManagerFactory来管理,和hibernate以前使用的sessionFactory是一样的道理
在整合jpa时,generateDdl是管理自动生成表的
2.5.配置生命式事务
                你用哪种数据库的持久层框架,你就需要使用他对应的事务管理器
        2.6配置注解管理事务

回复 使用道具 举报
  陈世彪:

bos项目第二天.jpg (317.05 KB, 下载次数: 4)

bos项目第二天.jpg
回复 使用道具 举报
叶身辉:
2018.8.1
今天主要是学习了easyUI的一些基本操作和使用和下载Oracle以及相关配置和将实体类表创建出来
一,                首先,学习了jQuery easyUI框架,
使用easyUI的一些操作
1,导入相关文件主要有五个,三个js文件和两个样式分别是核心文件,国际化,easy插件,图标样式icons和icon.css
2,后台页面主页整体布局layout
主要是<class=”easyui-layout”>和<title>
3,学习了使用折叠面板accordion
也是<class=”easyui-accordion”>和<title>以及   fit:true 开启自适应大小
4,选项卡tabs
① <class=”easyui-tabs”>
② Title=””标题
③ Fit:true自适应大小
④ Closable:true可关闭按钮
⑤ Add方法来调用
5,树形菜单  ztree的简单使用
1)下载ztree
2)导入all.js和ztreestyle.css
3)根据api来制作树形菜单
a.一般分为一般的json数据和简单的json数据,我们主要掌握简单的json类型的方式
b.<ul  id = “” , class=”ztree”>
c.开启数据支持  var setting   -->  enable:true
d.Var  zNodes    --> 数据[{id=1,pId=0,name=””},{id=2,pId=0,name=””}...]
e.记住第二个pId的I是大写的,细节
f.生成菜单
4)整合树形菜单和选项卡
6,easyui的一些其他功能
① 菜单强化,自定义右键菜单选项   ---menu
② 下拉菜单   ----menubutton
③ 消息窗口   ----messager(主要是:警告,确认,输入,右下角弹窗,进度条)
二,                复习了以下JPA
三,                安装Oracle和创建实体类
回复 使用道具 举报
江某人:
easyUI没什么好说的,用到了就查api,
@Entity 标明是实体类
@Table 映射表名称
@Id 主键标识
@GeneratedValue 自动生成主键的值
@Column 设置映射数据表中列信息
@Temporal 控制数据表保存日期哪个部分(日期、时间、日期时间)
@OneToMany( ) @ManyToOne 结合 @JoinColumn 添加一列外键
@ManyToMany 一方写 mappedBy 放弃外键维护、另一方 @JoinTable 维护中间表
回复 使用道具 举报
12
您需要登录后才可以回帖 登录 | 加入黑马