HLPTHQL
HLPTHQL

A045_jQuery案例实战_BootStrap

目录

      • 内容介绍
      • 1.BootStrap概述
        • 1.1.BootStrap是什么？
        • 1.2.BootStrap有什么用？
        • 1.3.Bootstrap 包含的内容
      • 2.BootStrap使用
        • 2.1.BootStrap起步
          • 2.1.1.下载
          • 2.1.2.引入文件
        • 2.2.布局容器
        • 2.3.栅格系统
          • 2.3.1.什么是网格（Grid）？
          • 2.3.2.什么是Bootstrap网格系统（Grid System）？
          • 2.3.3.Bootstrap网格系统的工作原理
          • 2.3.4.网格的基本结构
          • 2.3.5.代码示例
        • 2.4.常用组件
      • 3.jQuery案例实战
        • 3.1.数据展示
          • 3.1.1.表格
            • 3.1.1.1.表格样式
            • 3.1.1.2.tr/th/td样式
          • 3.1.2.按钮
            • 3.1.2.1.样式
            • 3.1.2.2.尺寸
          • 3.1.3.图标
          • 3.1.4.功能实现
        • 3.2.数据删除
          • 3.2.1.事件冒泡
          • 3.2.2.事件委托
          • 3.2.3.功能实现
        • 3.3.数据添加
          • 3.3.1.模态框和表单
          • 3.3.2.功能实现
        • 3.4.数据修改
          • 3.4.1.模态框和表单
          • 3.4.2.功能实现
        • 3.5.后台代码
      • 4.课程总结
        • 4.1.重点
        • 4.2.难点
        • 4.3.如何掌握
        • 4.4.排错技巧
      • 5.常见问题
      • 6.课后练习
      • 7.面试题
      • 8.扩展知识或课外阅读推荐（可选）
        • 8.1.扩展知识
        • 8.2.课外阅读

内容介绍

1. BootStrap概述； （了解）
2. BootStrap使用； （掌握）
3. jQuery案例实战； （掌握）

1.BootStrap概述

1.1.BootStrap是什么？

  • 1.Bootstrap是最受欢迎的 HTML、CSS 和 JS 前端框架，用于开发响应式布局、移动设备优先的 WEB 项目；
  • 2.Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目；
  • 3.《响应式 Web 设计》一书中提到，响应式设计应该以移动优先，在设计之初就应该以移动端网站为设计目标，然后再考虑如何在桌面端布局；
    注意事项：
  • 1.像百度、淘宝之类的大公司网页不使用响应式，而是独立开发一套手机页面；
  • 2.一般网站的交互很少，仅仅用于信息展示和获取以及点个赞什么的。需要写的兼容性代码很少，非常适合做成响应式；

1.2.BootStrap有什么用？

  1. 让web开发更迅速、简单；
  2. 可以响应式布局；

1.3.Bootstrap 包含的内容

  1. CSS：Bootstrap 自带以下特性：全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在 BootstrapCSS部分详细讲解；
  2. 组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解；
  3. JavaScript 插件：Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件，也可以逐个包含这些插件。这将在 Bootstrap插件部分详细讲解；

2.BootStrap使用

  1. 学习bootstrap就是学习class属性值（类选择器）中有哪些样式和效果；
  2. 如何将相应的class属性值，添加到相应的元素上；

2.1.BootStrap起步

2.1.1.下载

A045_jQuery案例实战_BootStrap_第1张图片

2.1.2.引入文件

A045_jQuery案例实战_BootStrap_第2张图片
A045_jQuery案例实战_BootStrap_第3张图片

2.2.布局容器

1.Bootstrap需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。注意由于 padding 等属性的原因，这两种容器类不能互相嵌套；
第一种：.container类用于固定宽度并支持响应式布局的容器：


…

第二种：.container-fluid类用于 100% 宽度，占据全部视口（viewport）的容器；

…

2.3.栅格系统

1.Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列；

2.3.1.什么是网格（Grid）？

1.摘自维基百科：在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中，它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法；
2.简单地说，网页设计中的网格用于组织内容，让网站易于浏览，并降低用户端的负载；

2.3.2.什么是Bootstrap网格系统（Grid System）？

1.Bootstrap 官方文档中有关网格系统的描述：Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类；
2.让我们来理解一下上面的语句。Bootstrap 3 是移动设备优先的，在这个意义上，Bootstrap 代码从小屏幕设备（比如移动设备、平板电脑）开始，然后扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格：
A045_jQuery案例实战_BootStrap_第4张图片

2.3.3.Bootstrap网格系统的工作原理

网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了 Bootstrap 网格系统是如何工作的：
1.行必须放置在 .container class 内，以便获得适当的对齐（alignment）和内边距（padding）；
2.使用行来创建列的水平组；
3.内容应该放置在列内，且唯有列可以是行的直接子元素；
4.预定义的网格类，比如 .row 和 .col-xs-4，可用于快速创建网格布局。LESS 混合类可用于更多语义布局；
5.列通过内边距（padding）来创建列内容之间的间隙。该内边距是通过 .rows 上的外边距（margin）取负，表示第一列和最后一列的行偏移；
6.网格系统是通过指定您想要横跨的十二个可用的列来创建的。例如，要创建三个相等的列，则使用三个 .col-xs-4；
注：
xm=x-small（extra small特小号） – 手机屏幕
sm（small小号） – 平板，pad
md（medium中号） – 笔记本，小屏幕台式
lg（large大号） – 超大号屏幕
A045_jQuery案例实战_BootStrap_第5张图片

2.3.4.网格的基本结构
<div class="container">
   <div class="row">
      <div class="col-*-*">div>
      <div class="col-*-*">div>      
   div>
   <div class="row">...div>
div>
2.3.5.代码示例
<div class="container">
	<div class="row">
		<div class="col-md-3">111div>
		<div class="col-md-3">111div>
		<div class="col-md-3">111div>
		<div class="col-md-3">111div>
	div>	
	<div class="row">	
		<div class="col-md-8">
            <div class="row">
				<div class="col-md-3">222div>
				<div class="col-md-3">222div>
				<div class="col-md-3">222div>
				<div class="col-md-3">222div>
        	 div>
		 div>
         <div class="col-md-4">
             <div class="row">
         		<div class="col-md-2">111div>
				<div class="col-md-1">111div>
				<div class="col-md-1">111div>
             div>
         div>
	div>
div>

注1：栅格嵌套之后还是分为12格格子

<div class="container">
	<div class="row">
		<div class="col-md-3 col-sm-6 col-xs-12">
			<h1>关于我们h1>
			<p>关于我们关于我们关于我们关于我们关于我们p>
		div>
		<div class="col-md-3 col-sm-6 col-xs-12">
			<h1>友情链接h1>
			<p>关于我们关于我们关于我们关于我们关于我们p>
		div>
		<div class="col-md-3 col-sm-6 col-xs-12">
			<h1>社会动态h1>
			<p>关于我们关于我们关于我们关于我们关于我们p>
		div>
		<div class="col-md-3 col-sm-6 hidden-xs">
			<h1>人间冷暖h1>
			<p>关于我们关于我们关于我们关于我们关于我们p>
		div>
	div>
div>

注2：列偏移样式

<div class="container">
	<div class="row">
		<div class="col-md-4 col-md-offset-8" style="border: 1px solid salmon;">
			<a href="#">新闻a>
			<a href="#">地图a>
			<a href="#">视频a>
			<a href="#">贴吧a>
			<a href="#">学术a>
			<a href="#">儒雅的西线阳光a>
		div>
	div>
div>

2.4.常用组件

1.组件（Component）是对数据和方法的简单封装；
2.Boostrap为开发者提供了很多组件，其中常用的有：表格、表单、弹框、按钮、轮播图、模态框等；
3.接下来我们在综合练习中去学习这些组件；

3.jQuery案例实战

1.使用jQuery的ajax和Bootstrap基于后台ssm框架做一个CRUD操作；

3.1.数据展示

使用到的组件有表格、按钮、图标；

3.1.1.表格

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：
A045_jQuery案例实战_BootStrap_第6张图片

3.1.1.1.表格样式

A045_jQuery案例实战_BootStrap_第7张图片
A045_jQuery案例实战_BootStrap_第8张图片

3.1.1.2.tr/th/td样式

A045_jQuery案例实战_BootStrap_第9张图片
A045_jQuery案例实战_BootStrap_第10张图片

3.1.2.按钮

1.可作为按钮使用的标签或元素：、").addClass("btn btn-primary btn-sm edit_btn").append($("").addClass("glyphicon glyphicon-pencil").append("编辑"); var button2 = $("").addClass("btn btn-danger btn-sm delete_btn").append($("").addClass("glyphicon glyphicon-trash").append("删除"); var td_btn = $("").append(button1).append(" ").append(button2); $("").append(eid).append(ename).append(sex).append(address).append(tel).append(card) .append(td_btn ).appendTo("#emps_table tbody"); }); } });

3.2.数据删除

使用到的JavaScript中window对象的确认框和jQuery的事件委托；

3.2.1.事件冒泡

1.当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window，需要注意的是这里仅仅是传递了事件，如果没有捕捉即绑定事件函数，也不会有什么表现；

<h2>事件冒泡h2>
<input type="button" value="点我出惊喜" />
<script type="text/javascript" src="./jquery-1.11.2.min.js">script>
<script type="text/javascript">
	$(function() {
		$('input').click(function(){
			alert('惊喜来自input');
		});
		$('body').click(function(){
			alert('惊喜来自body');
		});
		$(document).click(function(){
			alert('惊喜来自document');
		});
	});
script>
3.2.2.事件委托

1.事件委托也叫事件代理，它就是利用事件冒泡的方式，将父元素中绑定的事件委托给子元素处理的一种机制，从而实现事件动态绑定；
2.原始的事件绑定，在功能有一个局限。就是绑定事件的元素，必须绑定在静态的，已经存在的元素上。对于以后出现的元素是不起作用，事件委托就可以处理这种情况；

<input type="button" value="添加p元素" />
<p>111p>
<p>222p>
<p>333p>
<script type="text/javascript" src="./jquery-1.11.2.min.js">script>
<script type="text/javascript">
	$(function() {
		$('input').click(function() {
			$('body').append('
新添加的p元素
');
		});

		/* $('p').on('click', function() {
			$(this).remove();
		}); */

		//与上面效果一样（如果不传选择器，就是普通的事件绑定，传了就是事件委托）
		$('body').on('click', 'p', function() {
			$(this).remove();
		}); 
	});
script>
3.2.3.功能实现

A045_jQuery案例实战_BootStrap_第14张图片
解释：点击删除才会真正删除数据，点击取消不删除数据
Js代码：

$(function () {
	//显示数据
    list();
    //删除员工
    deleteEmp();
	function deleteEmp() {
        $(document).on("click",".delete_btn",function () {//事件委托
            //1.弹出确认删除对话框
            var ename=$(this).parents("tr").find("td:eq(1)").text();
            var eid=$(this).parents("tr").find("td:eq(0)").text();
            if(confirm("确认删除【"+ename+"】吗？")){
                //确认，发送ajax请求删除
                $.ajax({
                    url:"emp/delete",
                    type: "get",
                    data: "eid="+eid,
                    success:function (result) {
                    	if (result.indexOf("ok")!=-1) {
                            list();
                        }else{
                        	alert("删除失败!")
                        }
                    }
                });
            }
        })
    }
});

3.3.数据添加

使用到的组件有模态框、表单；

3.3.1.模态框和表单

<div class="modal fade" id="empAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×span>button>
                <h4 class="modal-title" id="empAddModalLabel">添加员工h4>
            div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">姓名label>
                        <div class="col-sm-10">
                            <input type="text" name="ename" class="form-control" id="ename_add_input" 
                            	placeholder="请输入员工名..." required="required">
                        div>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">性别label>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="sex1_add_input" value="男" checked="checked"> 男
                            label>
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="sex2_add_input" value="女"> 女
                            label>
                        div>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">地址label>
                        <div class="col-sm-10">
                            <input type="text" name="address" class="form-control" id="address_add_input"
                               	placeholder="请输入地址..." >
                        div>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">电话label>
                        <div class="col-sm-10">
                            <input type="text" name="tel" class="form-control" id="tel_add_input" 
                            	placeholder="请输入电话..." required="required">
                        div>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">银行卡号label>
                        <div class="col-sm-10">
                            <input type="text" name="card" class="form-control" id="card_add_input"
                            	 placeholder="请输入银行卡号..." required="required">
                        div>
                    div>
                form>
            div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭button>
                <button type="button" class="btn btn-primary" id="emp_save_btn">保存button>
            div>
        div>
    div>
div>
3.3.2.功能实现

1.先查找模态框的代码；
2.然后再找表单的代码；
3.再编写js实现功能；
A045_jQuery案例实战_BootStrap_第15张图片
Js代码：

$(function () {
	//显示数据
    list();
    //删除员工
	deleteEmp();
	//添加员工
	addEmp();
	function addEmp() {
        //为新增按钮添加modal
        $("#emp_add_modal_btn").click(function () {
            //清除表单数据
            $("#empAddModal form")[0].reset();//DOM对象才有reset()
            //调用模态框
            $("#empAddModal").modal({
                backdrop: "static"
            })
        });
        //保存员工信息
        $("#emp_save_btn").click(function () {
            //2.发送ajax请求保存员工
            $.ajax({
                url: "emp/save",
                type: "POST",
                data: $("#empAddModal form").serialize(),//将表单数据传递到后台
                success: function (result) {
                    if (result.indexOf("ok")!=-1) {
                        //1.关闭modal框
                        $("#empAddModal").modal('hide');
                        list();
                    } else{
                    	alert("添加失败!")
                    }
                }
            });
        });
	 }
});

3.4.数据修改

使用到的组件有模态框、表单；

3.4.1.模态框和表单

<div class="modal fade" id="empEditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
   <div class="modal-dialog" role="document">
       <div class="modal-content">
           <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">×span>button>
               <h4 class="modal-title" id="userReviseModalLabel">修改员工h4>
           div>
            <div class="modal-body">
                <form class="form-horizontal">
                	<div class="form-group">
                        <label class="col-sm-2 control-label">编号label>
                        <div class="col-sm-10">
                            <input type="text" name="eid" class="form-control" id="eid_edit_input" readonly="readonly">
                        div>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">姓名label>
                        <div class="col-sm-10">
                            <input type="text" name="ename" class="form-control" id="ename_edit_input" required="required" >
                        div>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">性别label>
                        <div class="col-sm-10">
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="sex1_edit_input" value="男"> 男
                            label>
                            <label class="radio-inline">
                                <input type="radio" name="sex" id="sex2_edit_input" value="女"> 女
                            label>
                        div>
                    div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">地址label>
                        <div class="col-sm-10">
                            <input type="text" name="address" class="form-control" id="address_edit_input" >
                        div>
                    div> 
                    <div class="form-group">
                        <label class="col-sm-2 control-label">电话label>
                        <div class="col-sm-10">
                            <input type="text" name="tel" class="form-control" id="tel_edit_input" required="required" >
                        div>
                    div> 
                    <div class="form-group">
                        <label class="col-sm-2 control-label">银行卡号label>
                        <div class="col-sm-10">
                            <input type="text" name="card" class="form-control" id="card_edit_input" required="required" >
                        div>
                    div>
                form>
            div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭button>
                <button type="button" class="btn btn-primary" id="emp_edit_btn">修改button>
            div>
        div>
    div>
div>
3.4.2.功能实现

A045_jQuery案例实战_BootStrap_第16张图片
Js代码：

$(function () {
	//显示数据
    list();
    //删除员工
	deleteEmp();
	//添加员工
	addEmp();
	//修改员工
	editEmp();
	function editEmp() {
        //为编辑按钮绑定弹出modal框事件
        $(document).on("click",".edit_btn",function () {//事件委托
            //清除表单数据
            $("#empEditModal form")[0].reset();

           //修改框中员工信息回显：从表格中获取到每一个数据
           var eid= $(this).parents("tr").find("td:eq(0)").text();
           var ename=$(this).parents("tr").find("td:eq(1)").text();
           var sex=$(this).parents("tr").find("td:eq(2)").text();
           var address=$(this).parents("tr").find("td:eq(3)").text();
           var tel=$(this).parents("tr").find("td:eq(4)").text();
           var card=$(this).parents("tr").find("td:eq(5)").text();
           //将获取到的数据添加到模态框中
           $("#eid_edit_input").val(eid);
           $("#ename_edit_input").val(ename);
           $("#sex1_edit_input,#sex2_edit_input").val([sex]);//单选框默认值处理
           $("#address_edit_input").val(address);
           $("#tel_edit_input").val(tel);
           $("#card_edit_input").val(card);
            
           $("#empEditModal").modal({
               backdrop: "static"
           })
        });
        //2.为模态框中的修改按钮绑定事件，更新员工信息
        $("#emp_edit_btn").click(function () {
            $.ajax({
                url:"emp/edit",
                type:"POST",
                data:$("#empEditModal form").serialize(),
                success:function (result) {
                	if (result.indexOf("ok")!=-1) {
                        //1.关闭modal框
                        $("#empEditModal").modal('hide');
                        list();
                    } else{
                    	alert("修改失败!")
                    }
                }
            });
        });
	 }
});

注意：如果后台返回的是对象和集合，可以使用json接收，但是如果是字符串，就使用默认的文本接收；

3.5.后台代码

Controller：

	@ResponseBody
	@RequestMapping("/list")
	public List<Emp> list(){
		return servcie.list();
	}
	
	@ResponseBody
	@RequestMapping("/save")
	public String save(Emp emp){
		return servcie.save(emp);
	}
	
	@ResponseBody
	@RequestMapping("/delete")
	public String delete(Integer eid){
		return servcie.delete(eid);
	}
	
	@ResponseBody
	@RequestMapping("/edit")
	public String edit(Emp emp){
		System.out.println(emp);
		return servcie.edit(emp);
	}

Mapper映射文件：

<select id="list" resultType="emp">
	select * from emp
select>
	
<insert id="save" parameterType="emp">
	insert into emp values(null,#{ename},#{sex},#{address},#{tel},#{card})
insert>
	
<delete id="delete" parameterType="int">
	delete from emp where eid = #{eid}
delete>
	
<update id="edit" parameterType="emp">
	update emp set ename=#{ename},sex=#{sex},address=#{address},tel=#{tel}
	,card=#{card} where eid=#{eid}
update>

4.课程总结

4.1.重点

1.jQuery案例实战；
2.BootStrap使用；

4.2.难点

1.jQuery案例实战；
2.BootStrap使用；

4.3.如何掌握

1.查看API文档；
2.独立完成课堂和课后练习；

4.4.排错技巧

1.alert，debug调式；
2.浏览器控制台；

5.常见问题

6.课后练习

1.课堂代码1-2遍；

7.面试题

8.扩展知识或课外阅读推荐（可选）

8.1.扩展知识

8.2.课外阅读

你可能感兴趣的:(文档,bootstrap,java,javascript,css,html)

  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • LocalDateTime 转 String igotyback java开发语言
    importjava.time.LocalDateTime;importjava.time.format.DateTimeFormatter;publicclassMain{publicstaticvoidmain(String[]args){//获取当前时间LocalDateTimenow=LocalDateTime.now();//定义日期格式化器DateTimeFormatterformat
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类qt开发语言sdl2linux
    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • Python教程：一文了解使用Python处理XPath 旦莫 Python进阶python开发语言
    目录1.环境准备1.1安装lxml1.2验证安装2.XPath基础2.1什么是XPath？2.2XPath语法2.3示例XML文档3.使用lxml解析XML3.1解析XML文档3.2查看解析结果4.XPath查询4.1基本路径查询4.2使用属性查询4.3查询多个节点5.XPath的高级用法5.1使用逻辑运算符5.2使用函数6.实战案例6.1从网页抓取数据6.1.1安装Requests库6.1.2代
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • Python爬虫解析工具之xpath使用详解 eqa11 python爬虫开发语言
    文章目录Python爬虫解析工具之xpath使用详解一、引言二、环境准备1、插件安装2、依赖库安装三、xpath语法详解1、路径表达式2、通配符3、谓语4、常用函数四、xpath在Python代码中的使用1、文档树的创建2、使用xpath表达式3、获取元素内容和属性五、总结Python爬虫解析工具之xpath使用详解一、引言在Python爬虫开发中，数据提取是一个至关重要的环节。xpath作为一门
  • Java 重写(Override)与重载(Overload) 叨唧唧的
    Java重写(Override)与重载(Overload)重写(Override)重写是子类对父类的允许访问的方法的实现过程进行重新编写,返回值和形参都不能改变。即外壳不变，核心重写！重写的好处在于子类可以根据需要，定义特定于自己的行为。也就是说子类能够根据需要实现父类的方法。重写方法不能抛出新的检查异常或者比被重写方法申明更加宽泛的异常。例如：父类的一个方法申明了一个检查异常IOExceptio
  • 简单了解 JVM 记得开心一点啊 jvm
    目录♫什么是JVM♫JVM的运行流程♫JVM运行时数据区♪虚拟机栈♪本地方法栈♪堆♪程序计数器♪方法区/元数据区♫类加载的过程♫双亲委派模型♫垃圾回收机制♫什么是JVMJVM是JavaVirtualMachine的简称，意为Java虚拟机。虚拟机是指通过软件模拟的具有完整硬件功能的、运行在一个完全隔离的环境中的完整计算机系统（如：JVM、VMwave、VirtualBox）。JVM和其他两个虚拟机
  • 1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven Energet!c 开发语言
    1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach
  • Java企业面试题3 马龙强_ java
    1.break和continue的作用(智*图)break：用于完全退出一个循环（如for,while）或一个switch语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在for循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分
  • JVM、JRE和 JDK：理解Java开发的三大核心组件 Y雨何时停T Javajava
    Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
  • Linux sh命令 fengyehongWorld Linuxlinux
    目录一.基本语法二.选项2.1-c字符串中读取内容，并执行2.1.1基本用法2.1.2获取当前目录下失效的超链接2.2-x每个命令执行之前，将其打印出来2.3结合Here文档使用一.基本语法⏹Linux和Unix系统中用于执行shell脚本或运行命令的命令。sh[选项][脚本文件][参数...]⏹选项-c：从字符串中读取内容，并执行。-x：在每个命令执行之前，将其打印出来。-s：从标准流中读取内容
  • Linux vi常用命令 fengyehongWorld Linuxlinux
    参考资料viコマンド（vimコマンド）リファレンス目录一.保存系命令二.删除系命令三.移动系命令四.复制粘贴系命令一.保存系命令⏹保存并退出:wq⏹强制保存并退出:wq!⏹退出(文件未编辑):q⏹强制退出(忽略已编辑内容):q!⏹另存为:w新文件名二.删除系命令⏹删除当前行dd⏹清空整个文档gg：移动到文档顶部dG：删除到最后一行ggdG三.移动系命令⏹移动到文档顶部gg⏹移动到文档底部#方式1G
  • Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选javakafka
    一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会
  • 基于Python给出的PDF文档转Markdown文档的方法 程序媛了了 pythonpdf开发语言
    注：网上有很多将Markdown文档转为PDF文档的方法，但是却很少有将PDF文档转为Markdown文档的方法。就算有，比如某些网站声称可以将PDF文档转为Markdown文档，尝试过，不太符合自己的要求，而且无法保证文档没有泄露风险。于是本人为了解决这个问题，借助GPT（能使用GPT镜像或者有条件直接使用GPT的，反正能调用GPT接口就行）生成Python代码来完成这个功能。笔记、代码难免存在
  • 白骑士的Java教学基础篇 2.5 控制流语句 白骑士所长 Java教学java开发语言
    欢迎继续学习Java编程的基础篇！在前面的章节中，我们了解了Java的变量、数据类型和运算符。接下来，我们将探讨Java中的控制流语句。控制流语句用于控制程序的执行顺序，使我们能够根据特定条件执行不同的代码块，或重复执行某段代码。这是编写复杂程序的基础。通过学习这一节内容，你将掌握如何使用条件语句和循环语句来编写更加灵活和高效的代码。条件语句条件语句用于根据条件的真假来执行不同的代码块。if语句‘
  • python语法——三目运算符 HappyRocking pythonpython三目运算符
    在java中，有三目运算符，如：intc=(a>b)?a:b表示c取两者中的较大值。但是在python，不能直接这样使用，估计是因为冒号在python有分行的关键作用。那么在python中，如何实现类似功能呢？可以使用ifelse语句，也是一行可以完成，格式为：aifbelsec表示如果b为True，则表达式等于a，否则等于c。如：c=(aif(a>b)elseb)同样是完成了取最大值的功能。
  • 2020-8-19晨间日记：看过的电影 盐大虾
    今天是周三起床：6点半就寝：11点天气：晴心情：正常纪念日：周三任务清单今日完成的任务，最重要的三件事：1.整理写过的文档2.电影《电灯泡》3.这就是街舞第三季第五期改进：早睡早起习惯养成：早睡早起，看书周目标·完成进度两篇文章学习·信息·阅读电影艺术发展史相关教材健康·饮食·锻炼吃了挺多零食，还喝了果粒橙，还是得少吃，多锻炼，不然会慢慢死掉的。人际·家人·朋友淡定交流，不放在心上。工作·思考专心
  • ArrayList 源码解析 程序猿进阶 Java基础ArrayListListjava面试性能优化架构设计idea
    ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添
  • Java爬虫框架（一）--架构设计 狼图腾-狼之传说 java框架java任务html解析器存储电子商务
    一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
  • Java：爬虫框架 dingcho Javajava爬虫
    一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
  • knob UI插件使用 换个号韩国红果果 JavaScriptjsonpknob
    图形是用canvas绘制的 js代码 var paras = { max:800, min:100, skin:'tron',//button type thickness:.3,//button width width:'200',//define canvas width.,canvas height displayInput:'tr
  • Android+Jquery Mobile学习系列(5)-SQLite数据库 白糖_ JQuery Mobile
    目录导航   SQLite是轻量级的、嵌入式的、关系型数据库，目前已经在iPhone、Android等手机系统中使用,SQLite可移植性好，很容易使用，很小，高效而且可靠。   因为Android已经集成了SQLite，所以开发人员无需引入任何JAR包，而且Android也针对SQLite封装了专属的API，调用起来非常快捷方便。   我也是第一次接触S
  • impala-2.1.2-CDH5.3.2 dayutianfei impala
    最近在整理impala编译的东西，简单记录几个要点： 根据官网的信息（https://github.com/cloudera/Impala/wiki/How-to-build-Impala）： 1. 首次编译impala，推荐使用命令： ${IMPALA_HOME}/buildall.sh -skiptests -build_shared_libs -format 2.仅编译BE ${I
  • 求二进制数中1的个数 周凡杨 java算法二进制
    解法一： 对于一个正整数如果是偶数，该数的二进制数的最后一位是 0 ，反之若是奇数，则该数的二进制数的最后一位是 1 。因此，可以考虑利用位移、判断奇偶来实现。   public int bitCount(int x){ int count = 0; while(x!=0){ if(x%2!=0){ /
  • spring中hibernate及事务配置 g21121 Hibernate
    hibernate的sessionFactory配置： <!-- hibernate sessionFactory配置 --> <bean id="sessionFactory" class="org.springframework.orm.hibernate3.LocalSessionFactoryBean"> <
  • log4j.properties 使用 510888780 log4j
    log4j.properties 使用 一.参数意义说明 输出级别的种类 ERROR、WARN、INFO、DEBUG ERROR 为严重错误 主要是程序的错误 WARN 为一般警告，比如session丢失 INFO 为一般要显示的信息，比如登录登出 DEBUG 为程序的调试信息 配置日志信息输出目的地 log4j.appender.appenderName = fully.qua
  • Spring mvc-jfreeChart柱图（2） 布衣凌宇 jfreechart
    上一篇中生成的图是静态的，这篇将按条件进行搜索，并统计成图表，左面为统计图，右面显示搜索出的结果。 第一步：导包 第二步；配置web.xml(上一篇有代码) 建BarRenderer类用于柱子颜色 import java.awt.Color; import java.awt.Paint; import org.jfree.chart.renderer.category.BarR
  • 我的spring学习笔记14-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
    PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。 PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java
  • maven 之 cobertura 简单使用 antlove maventestunitcoberturareport
    1. 创建一个maven项目 2. 创建com.CoberturaStart.java package com; public class CoberturaStart { public void helloEveryone(){ System.out.println("=================================================
  • 程序的执行顺序 百合不是茶 JAVA执行顺序
          刚在看java核心技术时发现对java的执行顺序不是很明白了,百度一下也没有找到适合自己的资料,所以就简单的回顾一下吧   代码如下;     经典的程序执行面试题 //关于程序执行的顺序 //例如： //定义一个基类 public class A(){ public A(
  • 设置session失效的几种方法 bijian1013 web.xmlsession失效监听器
    在系统登录后，都会设置一个当前session失效的时间，以确保在用户长时间不与服务器交互，自动退出登录，销毁session。具体设置很简单，方法有三种：（1）在主页面或者公共页面中加入：session.setMaxInactiveInterval(900);参数900单位是秒，即在没有活动15分钟后，session将失效。这里要注意这个session设置的时间是根据服务器来计算的，而不是客户端。所
  • java jvm常用命令工具 bijian1013 javajvm
    一.概述         程序运行中经常会遇到各种问题，定位问题时通常需要综合各种信息，如系统日志、堆dump文件、线程dump文件、GC日志等。通过虚拟机监控和诊断工具可以帮忙我们快速获取、分析需要的数据，进而提高问题解决速度。 本文将介绍虚拟机常用监控和问题诊断命令工具的使用方法，主要包含以下工具:       &nbs
  • 【Spring框架一】Spring常用注解之Autowired和Resource注解 bit1129 Spring常用注解
    Spring自从2.0引入注解的方式取代XML配置的方式来做IOC之后，对Spring一些常用注解的含义行为一直处于比较模糊的状态，写几篇总结下Spring常用的注解。本篇包含的注解有如下几个： Autowired Resource Component Service Controller Transactional 根据它们的功能、目的，可以分为三组，Autow
  • mysql 操作遇到safe update mode问题 bitray update
        我并不知道出现这个问题的实际原理,只是通过其他朋友的博客,文章得知的一个解决方案,目前先记录一个解决方法,未来要是真了解以后,还会继续补全.     在mysql5中有一个safe update mode,这个模式让sql操作更加安全,据说要求有where条件,防止全表更新操作.如果必须要进行全表操作,我们可以执行 SET
  • nginx_perl试用 ronin47 nginx_perl试用
    因为空闲时间比较多，所以在CPAN上乱翻，看到了nginx_perl这个项目(原名Nginx::Engine)，现在托管在github.com上。地址见：https://github.com/zzzcpan/nginx-perl 这个模块的目的，是在nginx内置官方perl模块的基础上，实现一系列异步非阻塞的api。用connector/writer/reader完成类似proxy的功能（这里
  • java-63-在字符串中删除特定的字符 bylijinnan java
    public class DeleteSpecificChars { /** * Q 63 在字符串中删除特定的字符 * 输入两个字符串，从第一字符串中删除第二个字符串中所有的字符。 * 例如，输入”They are students.”和”aeiou”，则删除之后的第一个字符串变成”Thy r stdnts.” */ public static voi
  • EffectiveJava--创建和销毁对象 ccii 创建和销毁对象
    本章内容： 1. 考虑用静态工厂方法代替构造器 2. 遇到多个构造器参数时要考虑用构建器（Builder模式） 3. 用私有构造器或者枚举类型强化Singleton属性 4. 通过私有构造器强化不可实例化的能力 5. 避免创建不必要的对象 6. 消除过期的对象引用 7. 避免使用终结方法 1. 考虑用静态工厂方法代替构造器     类可以通过
  • [宇宙时代]四边形理论与光速飞行 comsci
       从四边形理论来推论 为什么光子飞船必须获得星光信号才能够进行光速飞行？    一组星体组成星座  向空间辐射一组由复杂星光信号组成的辐射频带，按照四边形-频率假说  一组频率就代表一个时空的入口    那么这种由星光信号组成的辐射频带就代表由这些星体所控制的时空通道，该时空通道在三维空间的投影是一
  • ubuntu server下python脚本迁移数据 cywhoyi pythonKettlepymysqlcx_Oracleubuntu server
    因为是在Ubuntu下，所以安装python、pip、pymysql等都极其方便，sudo apt-get install pymysql， 但是在安装cx_Oracle（连接oracle的模块）出现许多问题，查阅相关资料，发现这边文章能够帮我解决，希望大家少走点弯路。http://www.tbdazhe.com/archives/602 1.安装python 2.安装pip、pymysql
  • Ajax正确但是请求不到值解决方案 dashuaifu Ajaxasync
    Ajax正确但是请求不到值解决方案   解决方案：1 .     async: false ,    2.     设置延时执行js里的ajax或者延时后台java方法！！！！！！！   例如：   $.ajax({     &
  • windows安装配置php+memcached dcj3sjt126com PHPInstallmemcache
    Windows下Memcached的安装配置方法 1、将第一个包解压放某个盘下面，比如在c:\memcached。 2、在终端（也即cmd命令界面）下输入 'c:\memcached\memcached.exe -d install' 安装。 3、再输入： 'c:\memcached\memcached.exe -d start' 启动。（需要注意的: 以后memcached将作为windo
  • iOS开发学习路径的一些建议 dcj3sjt126com ios
    iOS论坛里有朋友要求回答帖子，帖子的标题是： 想学IOS开发高阶一点的东西，从何开始，然后我吧啦吧啦回答写了很多。既然敲了那么多字，我就把我写的回复也贴到博客里来分享，希望能对大家有帮助。欢迎大家也到帖子里讨论和分享，地址：http://bbs.csdn.net/topics/390920759   下面是我回复的内容：   结合自己情况聊下iOS学习建议，
  • Javascript闭包概念 fanfanlovey JavaScript闭包
    1.参考资料 http://www.jb51.net/article/24101.htm http://blog.csdn.net/yn49782026/article/details/8549462 2.内容概述 要理解闭包，首先需要理解变量作用域问题 内部函数可以饮用外面全局变量 var n=999; 　　functio
  • yum安装mysql5.6 haisheng mysql
    1、安装http://dev.mysql.com/get/mysql-community-release-el7-5.noarch.rpm   2、yum install mysql   3、yum install mysql-server   4、vi /etc/my.cnf   添加character_set_server=utf8
  • po/bo/vo/dao/pojo的详介 IT_zhlp80 javaBOVODAOPOJOpo
        JAVA几种对象的解释 PO:persistant object持久对象,可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作. VO:value object值对象。通常用于业务层之间的数据传递，和PO一样也是仅仅包含数据而已。但应是抽象出的业务对象,可
  • java设计模式 kerryg java设计模式
    设计模式的分类：    一、 设计模式总体分为三大类： 1、创建型模式（5种）：工厂方法模式，抽象工厂模式，单例模式，建造者模式，原型模式。 2、结构型模式（7种）：适配器模式，装饰器模式，代理模式，外观模式，桥接模式，组合模式，享元模式。 3、行为型模式（11种）：策略模式，模版方法模式，观察者模式，迭代子模式，责任链模式，命令模式，备忘录模式，状态模式，访问者
  • [1]CXF3.1整合Spring开发webservice——helloworld篇 木头.java springwebserviceCXF
    Spring 版本3.2.10 CXF 版本3.1.1 项目采用MAVEN组织依赖jar 我这里是有parent的pom，为了简洁明了，我直接把所有的依赖都列一起了，所以都没version，反正上面已经写了版本 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="ht
  • Google 工程师亲授：菜鸟开发者一定要投资的十大目标 qindongliang1922 工作感悟人生
    身为软件开发者，有什么是一定得投资的？ Google 软件工程师 Emanuel Saringan 整理了十项他认为必要的投资，第一项就是身体健康，英文与数学也都是必备能力吗？来看看他怎么说。（以下文字以作者第一人称撰写）） 你的健康 无疑地，软件开发者是世界上最久坐不动的职业之一。 每天连坐八到十六小时，休息时间只有一点点，绝对会让你的鲔鱼肚肆无忌惮的生长。肥胖容易扩大罹患其他疾病的风险，
  • linux打开最大文件数量1,048,576 tianzhihehe clinux
    File descriptors are represented by the C int type. Not using a special type is often  considered odd, but is, historically, the Unix way. Each Linux process has a maximum number of files th
  • java语言中PO、VO、DAO、BO、POJO几种对象的解释 衞酆夼 javaVOBOPOJOpo
    PO:persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。可以看成是与数据库中的表相映射的java对象。最简单的PO就是对应数据库中某个表中的一条记录，多个记录可以用PO的集合。PO中应该不包含任何对数据库的操作。 BO:business object业务对象 封装业务逻辑的java对象
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他