[Java1期] 【厦门JavaEE就业1期-每日总结】BOS-day02

同学们，今天是bos物流项目第二天，主要内容就是easyUI的使用以及oracleXE的安装

今日需要掌握的有：

熟悉easyUI上课案例，不需要背诵，学会查api
安装好oracleXE，并保证PLSQL Developer正常使用
编写spring配置文件，完成实体类的自动建表

请同学们按照如上要求，总结你今日所学

滴滴eclipse启动 · 滴滴eclipse启动

江某人:
easyUI没什么好说的,用到了就查api,
@Entity 标明是实体类
@Table 映射表名称
@Id 主键标识
@GeneratedValue 自动生成主键的值
@Column 设置映射数据表中列信息
@Temporal 控制数据表保存日期哪个部分（日期、时间、日期时间）
@OneToMany( ) @ManyToOne 结合 @JoinColumn 添加一列外键
@ManyToMany 一方写 mappedBy 放弃外键维护、另一方 @JoinTable 维护中间表

seilye · seilye

叶身辉:
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和创建实体类

一梦 · 一梦

陈世彪:

小故事 · 小故事

谢洪彬:
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配置注解管理事务

名字被人注册了 · 名字被人注册了

刘文峰
easyui:主要用于后台管理系统页面展示的框架
安装oracleXE:无脑安装,注意端口冲突问题就行了
spring配置文件:复制一份,需要更改部分内容,例如包结构不同

q55w66 · q55w66

王清松
EsayUI
概述
      jQuery的一组UI插件集合
目录结构
      demo:框架使用案例
      locale:国际化
      plugins:框架包含控件包
      src:框架包含源码
      themes:样

Eclipse启动 · Eclipse启动

张阳阳
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 下拉菜单

Eclipse启动 · Eclipse启动

张阳阳
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%

wpwing · wpwing

熟悉easyUI上课案例，不需要背诵，学会查api
如果要使用easyui,在body或div便签里面,使用class="easyui-xxx"来声明,其中,xxx的内容为使用何种效果时候的属性名;
如layout(页面布局),tabs(选项卡),menu(菜单栏),accordion(折叠),ztree(树形菜单)等;
然后每个样式的方法,事件啥的,在api里面都能找到;
---------------------------------
安装好oracleXE，并保证PLSQL Developer正常使用
oracleXE无脑安装,一路next,记得设定好密码,初始账号为system,在命令提示符中测试sqlplus system/密码,
能够登陆说明安装成功;
PLSQL的设置在前面的课程已经完成,主要是设定oracle的依赖的位置和加载oci.dll文件,登陆成功后,配置一个新用户BOS,
设置管理员权限;
在登陆的时候,下面的连接库使用127.0.0.1:1521/XE指向本地的Oracle来进行访问;
--------------------------------
编写spring配置文件，完成实体类的自动建表
实体类的自动建表是通过hibernate实现,我们要先集成环境(spring,spring data jpa,jpa)
导入依赖集成环境创建实体类使用maven集成的tomcat运行(使用maven插件可以配置tomcat7,同时可以自定义端口号,避免冲突)
<plugin>
<groupId>org.apache.tomcat.maven</groupId>

<artifactId>tomcat7-maven-plugin</artifactId>
<version>2.2</version>
<configuration>

<port>8082</port>
                        
<uriEncoding>UTF-8</uriEncoding>
<finalName>mgr</finalName>

<path>/bos_management</path>
<server>tomcat7</server>
</configuration>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-surefire-plugin</artifactId>
<configuration>
<skip>true</skip>
</configuration>
</plugin>

it小白001 · it小白001

吴俊斌
第二天通过api学习EasyUI
easyui
使用easyui要导五个包
jquery核心类库,easyui类库,主题css,图标css,国际化信息文件
  使用 ztree
下载  ztree插件包
导两个包
<script src="../js/ztree/jquery.ztree.all-3.5.js"
type="text/javascript" charset="utf-8"></script>
<linkrel="stylesheet"type="text/css" href="../js/ztree/zTreeStyle.css"/>
然后学习了Order安装到本机,以及Order的环境配置,并且映射表和数据库的关系

Nevermo · Nevermo

easyUI比较有规范性,样式代码都是class="easyui-xxx(menu,menubutton等)"

先拿到要操作的对象,然后在点上方法
$("#xxx").xxx({

})

PLsql之前有用过,非常的顺手,没有啥不适的地方

spring的自动创建表,最关键的就是需要配置
<property name="packagesToScan" value="com.itheima.domain" />
<property name="generateDdl" value="true" />
idea手动导入oracle依赖包 :下载到指定位置使用maven指令添加到maven仓库

渣.. · 渣..

柯威龙
今天学习了EasyUI,主要学习使用UI来进行首页的布局.使用UI前需要导入UI的
类库.在主页上分为东西南北中来进行分布.然后使用ztree编写树形菜单.然后学习了Order
安装到本机,以及Order的环境配置.easyUI要看的懂, 自己需要熟练掌握使用API.
然后将实体类导入之后,需要去修改配置文件,然后让实体类创建出表.反向操作

5119

游荣辉
easyui是一个强大的前端页面框架,了解就好.不懂得查API
注解
@Entity 标明是实体类
@Table 映射表名称
@Id 主键标识
@GeneratedValue 自动生成主键的值
@Column 设置映射数据表中列信息
@Temporal 控制数据表保存日期哪个部分（日期、时间、日期时间）
@OneToMany(mappedBy 相当于 inverse ) @ManyToOne 结合 @JoinColumn 添加一列外键
@ManyToMany 一方写 mappedBy 放弃外键维护、另一方 @JoinTable 维护中间表
搭建项目持久层架构
项目使用 spring + spring data jpa + jpa (hibernate 实现 )
1.集成sprinng环境
(1).Maven坐标导入
   IOC导入context依赖beans.core.expression aop导入  测试集成 web集成配置监听器    整合持久层框架  hibernate.jpa
(2).在web.xml下配置spring 监听器
(3).在src/mian/resource  下建立applicationContext.xml
(4).src/mian/ resource 提供 config.properties 外部属性文件、log4j.properties 日志配置文件
2.spring整合jpa
1、在 applicationContext.xml 配置数据库连接池
先在pom导入c3p0 的jar包然后在applicationContext.xml调用
2.  在pom导入hibernate框架的jar包
在applicationContext.xml配置整合jap
<property name=”generateDdl” value=”true”>(自动建表)
3.  配置声明事物管理

李思贤126 · 李思贤126

lsx:今天主要学了两块,一块easyUI的了解,
EasyUI是一组基于jQuery的UI插件集合体， EasyUI就是帮助
web开发者更轻松编写前台代码.要求能够看懂相关代码,可以
查看文档帮助了解.

另外就是下载oracleXE到本机能正常使用PlsqlDeveloper, 设置环境变量创建bos用户
导入实体类及配置文件,根据自己具体要求更改,启动项目,完成自动建表
去oracle中查看是否有表即可

偏离X · 偏离X

郭明杰
easyUi是依赖于jQuery的,使用前必须导入jquery,easyUi.min 等包

配置自动建表:
<property name="generateDdl" value="true" />

PLSQL默认字符编码是utf-8 有中文乱码问题
配置环境变量即可解决

COLDER · COLDER

本帖最后由 COLDER 于 2018-10-18 19:16 编辑

查看进程占用端口:cmd命令符:netstat -ano

基于easyui的页面布局(layout)
class = "eaasyui-layout" 设置页面布局,可以作用在<body>或<div>
data-options="region = 'center'" 设置布局区域,东西南北中,作用在<div>
编写顺序:
导5个包:jquery,easyui,国际化,icon,easyui.css
划分区域:东西南北中

西部区域的折叠面板
class = "easyui-accordion",定义西部区域下的<div>为折叠面板.
自适应父容器大小:fit:true,需要在data-option属性中定义.

中心区域的选项卡面板
class = "easyui-tab",定义中心区域下的<div>为选项卡面板.
设置选项卡可关闭按钮:closable:true,需要在data-opetion属性中定义

树形结构:
将当前点击的节点的id作为父节点id向下查询,获取子节点列表.

使用ztree生成树形菜单:
1.在页面设置菜单位置,添加<ul>设置class = "ztree".
2.开启简单json数据格式支持
3.编写树形菜单数据
4.生成菜单

下拉菜单:
class = "easyui-menubutton" 作用在超链接上

搭建BOS工程实现实体类的自动建表:
1.创建子父工程,子工程继承父工程的依赖.
2.根据项目的持久层是使用spring+spring data jpa + jpa来实现,所以进行配置文件的编写,主要是围绕spring的配置文件展开.
3.编写配置文件的内容:注解扫描,加载连接数据库的外部文件信息,编写数据库连接池,编写实体管理工厂,事务管理,事务管理注解
4.导入实体类
5.进行Maven工程的install和compile
6.运行tomcat

Do1 · Do1

EasyUI 很强大的前端框架,分页不用再写一堆jsp代码了
OrcalXE不好用,我没装换成Mysql了....海豚好看点
springdata-jpa 持久层工具
hibernate对jdbc进行了轻量级封装 springdata对Hibernate又进行了一次封装springdata-jpa的使用只需配置pom依赖,dao层接口继承jpaxxxxxx接口传入对象名,Integer,然后在service层调用即可彻底去掉了JDBC SQL语句
springdata内置了page对象,有基本的find save update delete4大方法还有short 排序对象 ,也可以通过注解Query来写sql语句,还有个M开头的注解什么作用忘记了,dao层不需要写代码了全部集中在service层简化开发

林荣彬 · 林荣彬

林荣彬
   JQuery EasyUI的目录结构:
EasyUI是依赖JQuery的相关JS
demo--框架使用案例
locale--国际化
plugins--框架包含控件包
src--框架包含源码
themes--样式css文件和加载器

后台管理系统界面的布局:
注意事项:
1:设置通用属性class="easyUI-layout" 设置页面布局的话,可以作用在<body>或<div>上
2.声明布局位置:在data-options="region:'设置东西南北中'"

主页的架构:--导入5个JS包
--主页布局方案:Layout  tital属性是指定这个区域的标题
--折叠面板:
作用在<div>设置class="easyUI-accordion"
title=""每一个折叠面板必须设置title属性
设置面板属性"fit:true",自动适应父容器的大小.
--选项卡面板:
作用在<div>设置class="easyUI-tabs"
每个div就是一个选项卡所以title=""每一个折叠面板必须设置title属性
设置面板属性data-options="fit:true",自动适应父容器的大小.
设置选项卡可关闭按钮closable:true.

(重点)zTree树形结构
--在页面中引入ztree和css样式

通过ztree制作树形菜单(基本使用的是简单的json格式)
--两种数据格式
标准json数据
简单json数据
var simpleNodes = [
       {"id":1, "pId":0, "name":"test1"},
{"id":11, "pId":1, "name":"test11"}
]
在每个节点添加 id 和 pid， id 表示当前节点编号，pid 表示父节点编号,pId中的I必须大写;
--第一步:在页面显示菜单的位置,添加<url>设置class="ztree"
--第二步:开启简单数据格式支持
--第三步:编写树形菜单数据
--第四步:生成树形菜单
将当前点击的节点的ID作为父节点的ID向下查询,获取子节点的列表
树形菜单和选项卡的整合:
--
--选项卡菜单功能:(自定义右键菜单:功能--关闭全部窗口,关闭其他窗口,关闭当前窗口)
作用在<div>设置class="easyUI-menu" (菜单的初始化都是隐藏的)
在选项卡点击右键时显示窗口(onContextMenu)

对
--下拉菜单menubutton
在页面提供超链接,设置class="easyUI-menubutton"
编写子菜单的div元素
对菜单项添加图标通过 iconCls 属性指定图标样式  所有图标有 icon.css 文件控制的
--消息提示窗口
--警告窗口:$.messager.alert("标题","内容","warning")
--确认窗口:$.messager.confirm("删除提示","确认删除吗?","回调函数")
--输入窗口:$.messager.prompt("标题","内容","回调函数")
--右下角窗口:$.messager.show({title:标题,msg:内容,timeout:时间})
--进度条窗口:$.messager.progress()显示进度条窗口
$.messager.progress('close')关闭进度条窗口

finfin12 · finfin12

张育辉

4、  后台界面开发框架 jQuery Easyui 框架、Ztree 树形菜单技术

一) jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
二)后台布局,上北下南,左西右东 ,
这个布局容器,有五个区域:北、南、东、西和中心。他中心地区面板是必需的, 但是边缘地区面板是可选的。每一个边缘地区面板可以缩放的拖动其边境, 他们也可以通过点击其收缩触发.布局可以嵌套,从而用户可以建立复杂的布局,他想要的
三)西部区域折叠面板 accordion
1、对折叠面板区域 div 设置 class="easyui-accordion"
2、在区域添加多个 div，每个 div 就是一个面板（每个面板一定设置 title 属性）
3、设置面板属性 fit 为 true，自适应父容器大小
四)中心区域选项卡面板 tabs
1、  对选项卡面板区域 div 设置 class="easyui-tabs"
2、  对选项卡面板区域添加多个 div，每个 div 就是一个选项卡（每个面板一定设置 title）
3、  设置面板 fit 为 true ，自适应父容器大小
4、  设置选项卡 closable 为 true ，添加可关闭按钮

帐号		自动登录	找回密码
密码			加入黑马

[Java1期] 【厦门JavaEE就业1期-每日总结】BOS-day02

30 个回复

点评

浏览过的版块

新人专属