weixin_39214481

HTML+JS+CSS自定义树形菜单

小编最近做项目的时候时常用到树形菜单（Treeview），一直用的是别人的插件，但有时候不符合自己的页面风格,修改样式、图标什么的都不方便，所以在这里我急写个方便修改样式什么的。

下面开始...

应用到技术：JavaScript/Css/HTML

IDA：VS 2010

首先构造一下思路，需要哪些文件

1、js文件

2、Css文件

3、Html文件

4、图标

5、Juuery文件

6、后台查询数据文件

创建项目

在Html添加如下内容

<html>

<head>

<title>用户自定义树形菜单title>

head>

<body>

div>

body>

html>

这里主要是给TreeView一个容器

给这个容器添加Css样式

bodt, html

{

padding: 0;

margin: 0;

border: 0;

font-family: 'Microsoft YaHei';

}

.parentnode

{

border: 1px solid #808080;

width: 280px;

height: 240px;//暂时写在这后面会删除

position: relative;

text-align: left;

box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.09);

display: inline-block;

vertical-align: top;

}

效果图

下面我们开始写树形菜单内部结构

HTML代码：

div>

系统管理div>

div>

div>

用户管理div>

div>

div>

角色功能管理div>

div>

div>

角色管理div>

div>

div>

用户角色管理div>

div>

div>

召回信息div>

div>

div>

三级div>

div>

div>

三级div>

div>

div>

三级div>

div>

div>

四级div>

div>

div>

四级div>

div>

div>

投诉处理div>

div>

div>

部门管理div>

div>

div>

功能管理div>

div>

div>

公告管理div>

div>

div>

发公告div>

div>

div>

收公告div>

div>

div>

种植企业div>

div>

div>

存储企业div>

div>

div>

加工企业div>

div>

效果图：

额~，好吧结构出来了，下一步添加样式，这样看着好别扭

Css文件：UserTreeView.min.css

body,html

{

padding: 0;

margin: 0;

border: 0;

font-family: 'Microsoft YaHei';

}

.parentnode

{

border: 1px solid #808080;

width: 280px;

position: relative;

text-align: left;

box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.09);

display: inline-block;

vertical-align: top;

}

.parentnode_noe

{

width: 100%;

padding-left: 20px;

}

.parentnode_title

{

width: 100%;

padding: 2px;

}

.parentnode_title_fix

{

height: 24px;

width: 18px;

float: left;

background-repeat: no-repeat;

background-position: center;

background-position-x: center;

background-position-y: center;

}

.parentnode_title_symbol

{

}

.parentnode_title_symbol:hover

{

cursor: pointer;

}

.parentnode_title_symbol b

{

display: none;

}

.parentnode_title_check

{

}

.parentnode_title_check:hover

{

cursor: pointer;

}

.parentnode_title_check b

{

display: none;

}

.parentnode_title_picture

{

width: 24px;

height: 24px;

}

.parentnode_title_nochildnode_symbol

{

width: 18px;

}

.parentnode_title_nochildnode_picture

{

width: 24px;

height: 24px;

}

.parentnode_tow

{

padding-left: 20px;

}

.parentnode_three

{

padding-left: 20px;

}

这里面引用的图片全部是我之前准备好的

不要忘了在你的HTML页面中引用你的css文件

运行效果图：

到这里我们的排版基本上完成了，下一步就是点击效果了，一样的想整理一下思路：

1、菜单展开收缩

2、复选框勾选

3、数据绑定

菜单展开收缩

Html页面引用jquery文件、UserTreeView.min.js

Js文件：UserTreeView.min.js

$(function () {

//注册菜单展开收缩事件

$(".parentnode_title_symbol").click(function () {

shrinkage($(this));

})

});

//菜单节点展开关闭

function shrinkage(dom) {

//改变图片背景

switch (parseInt($(dom).children("b").html())) {

case 1: //关闭

$(dom).css('background-image','url("../../Images/TreeView/plus.gif")');

$(dom).children("b").html("2");

//$(dom).parent().siblings().css("display", "none");

$(dom).parent().siblings().hide(500);

break;

case 2://展开

$(dom).css('background-image','url("../../Images/TreeView/minus.gif")');

$(dom).children("b").html("1");

$(dom).parent().siblings().show(500);

break;

default: break;

}

效果图：

复选框选中

Js文件：UserTreeView.min.js

$(function () {

//注册菜单展开收缩事件

$(".parentnode_title_symbol").click(function () {

shrinkage($(this));

})

//注痢册复选框勾选事件

$(".parentnode_title_check").click(function () {

check($(this));

})

});

//菜单节点展开关闭

function shrinkage(dom) {

//改变图片背景

switch (parseInt($(dom).children("b").html())) {

case 1: //关闭

$(dom).css('background-image','url("../../Images/TreeView/plus.gif")');

$(dom).children("b").html("2");

//$(dom).parent().siblings().css("display", "none");

$(dom).parent().siblings().hide(500);

break;

case 2://展开

$(dom).css('background-image','url("../../Images/TreeView/minus.gif")');

$(dom).children("b").html("1");

$(dom).parent().siblings().show(500);

break;

default: break;

}

//复选框勾选方法

function check(dom) {

//改变图片背景

switch (parseInt($(dom).children("b").html())) {

case 1:

//1、修改所有节点选择状态

$(dom).parent().parent().find("b").html("2");

//2、更换所有节点复选框背景图片(全选)

$(dom).parent().parent().find(".parentnode_title_check").css('background-image','url("../../Images/TreeView/iconCheckAll.gif")');

break;

case 2:

//1、修改所有节点选择状态

$(dom).parent().parent().find("b").html("1");

//2、更换所有节点复选框背景图片(取消全选)

$(dom).parent().parent().find(".parentnode_title_check").css('background-image','url("../../Images/TreeView/iconUncheckAll.gif")');

break;

case 3:

//1、修改所有节点选择状态

$(dom).parent().parent().find("b").html("2");

//2、更换所有节点复选框背景图片(全选)

$(dom).parent().parent().find(".parentnode_title_check").css('background-image','url("../../Images/TreeView/iconCheckAll.gif")');

break;

default: break;

}

//判断父节点下所有子节点是否全部选中父div->父div->兄弟div if (($(dom).parent().parent().attr('class')).split(" ")[0] != "parentnode_noe") {

var num = $(dom).parent().parent().siblings().find(".parentnode_title_check b").length;

var checktrue = 0;

var checkfalse = 0;

//获取点击属性下b标签的内容

if ($(dom).find("b").html() =="1") {

checkfalse++

}

else if ($(dom).find("b").html() =="2") {

checktrue++

}

//获取父节点下所有b标签的内容

for (var i = 0; i < num; i++) {

if (!($(dom).parent().parent().siblings().eq(i).attr('class') =="parentnode_title")) {

if ($(dom).parent().parent().siblings().find(".parentnode_title_check b").eq(i).html() =="1") {

checkfalse++

}

else if ($(dom).parent().parent().siblings().find(".parentnode_title_check b").eq(i).html() =="2") {

checktrue++

}

//全都没有选中

if (checktrue == 0) {

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check b").html("1");

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check").css('background-image','url("../../Images/TreeView/iconUncheckAll.gif")')

} //全都选中

else if (checkfalse == 0) {

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check b").html("2");

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check").css('background-image','url("../../Images/TreeView/iconCheckAll.gif")')

} //选中一部分

else if (checktrue != 0 && checkfalse !== 0) {

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check b").html("3");

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check").css('background-image','url("../../Images/TreeView/iconCheckGray.gif")')

}

效果图：

数据绑定

这个地方我使用Json做了一个模拟数据

Js文件：UserTreeView.min.js

$(function () {

//初始化动态加载控件

initialize();

//注册菜单展开收缩事件

$(".parentnode_title_symbol").click(function () {

shrinkage($(this));

})

//注册复选框勾选事件

$(".parentnode_title_check").click(function () {

check($(this));

})

});

//初始化控件，调用定义的js

function initialize() {

$.ajax({

type: 'POST',

url: "/UserTreeView.ashx",//访问地址,获取数据

data: {},

//dataType: "Json",

async: false, //默认是true，false为同步

success: function (data) {

//模拟数据

data = {

"tbFuncDic":

[

{ "FunID": 14,"ParentID": 0, "FunName": "系统管理"},

{ "FunID": 15,"ParentID": 14, "FunName": "用户管理"},

{ "FunID": 16,"ParentID": 14, "FunName": "角色功能管理" },

{ "FunID": 17,"ParentID": 14, "FunName": "角色管理" },

{ "FunID": 18,"ParentID": 14, "FunName": "用户角色管理"},

{ "FunID": 19,"ParentID": 14, "FunName": "部门管理"},

{ "FunID": 20,"ParentID": 14, "FunName": "功能管理"},

{ "FunID": 21,"ParentID": 0, "FunName": "公告管理" },

{ "FunID": 22,"ParentID": 21, "FunName": "发公告" },

{ "FunID": 23,"ParentID": 21, "FunName": "收公告" },

{ "FunID": 24,"ParentID": 18, "FunName": "召回信息" },

{ "FunID": 25,"ParentID": 18, "FunName": "投诉处理" },

{ "FunID": 26,"ParentID": 0, "FunName": "种植企业" },

{ "FunID": 27,"ParentID": 0, "FunName": "存储企业" },

{ "FunID": 28,"ParentID": 0, "FunName": "加工企业" },

{ "FunID": 29,"ParentID": 24, "FunName": "三级" },

{ "FunID": 30,"ParentID": 24, "FunName": "三级" },

{ "FunID": 31,"ParentID": 24, "FunName": "三级" },

{ "FunID": 32,"ParentID": 31, "FunName": "四级" },

{ "FunID": 33,"ParentID": 31, "FunName": "四级" },

]

}

databinding(data); //绑定数据

}

});

}

//循环绑定数据

function databinding(data) {

//动态创建树形菜单

var parentnodediv = $(".parentnode");

for (var i = 0; i < data.tbFuncDic.length; i++) {

//最上层父节点

if (data.tbFuncDic[i].ParentID == 0) {

Cycledata(parentnodediv, data.tbFuncDic[i]);

}

//创建子节点

if (data.tbFuncDic.length > 0) {

childnodes(data);

}

//创建子节点

function childnodes(data) {

for (var j = 0; j < $(".parentnode").find(".parentnode_title_name").length; j++) {

for (var i = 0; i < data.tbFuncDic.length ; i++) {

if (data.tbFuncDic[i].ParentID == $(".parentnode").find(".parentnode_title_name")[j].id) {

var parentnodediv = $($(".parentnode").find(".parentnode_title_name")[j]).parent().parent();

Cycledata(parentnodediv, data.tbFuncDic[i]);

}

//绑定数据方法

function Cycledata(parentnodediv, data) {

var parentnode_noe = document.createElement("div");//创建一个div

parentnode_noe.className = " parentnode_noe";//为div添加class

parentnodediv.append(parentnode_noe);//将其添加到div末尾

var parentnode_title = document.createElement("div");//创建一个div

parentnode_title.className = " parentnode_title ";//为div添加class

parentnode_noe.appendChild(parentnode_title);//将其添加到div末尾

var parentnode_title_symbol = document.createElement("div");//创建一个div

parentnode_title_symbol.className = "parentnode_title_symbol parentnode_title_fix ";//为div添加class

parentnode_title.appendChild(parentnode_title_symbol);//将其添加到div末尾

var b = document.createElement("b");//创建一个b标签

b.innerHTML = 1;//为b添加内容

parentnode_title_symbol.appendChild(b);//将其添加到div末尾

var parentnode_title_check = document.createElement("div");//创建一个div

parentnode_title_check.className = "parentnode_title_check parentnode_title_fix";//为div添加class

parentnode_title.appendChild(parentnode_title_check);//将其添加到div末尾

var b = document.createElement("b");//创建一个b标签

b.innerHTML = 1;//为b添加内容

parentnode_title_check.appendChild(b);//将其添加到div末尾

var parentnode_title_picture = document.createElement("div");//创建一个div

parentnode_title_picture.className = "parentnode_title_picture parentnode_title_fix";//为div添加class

parentnode_title.appendChild(parentnode_title_picture);//将其添加到div末尾

var parentnode_title_name = document.createElement("div");//创建一个div

parentnode_title_name.className = "parentnode_title_name";//为div添加class

parentnode_title_name.innerHTML = data.FunName;//为div添加class

parentnode_title_name.id = data.FunID;//为div添加ID

parentnode_title_name.setAttribute("name", data.ParentID);

parentnode_title.appendChild(parentnode_title_name);//将其添加到div末尾

}

效果图：

与模拟数据不匹配，删除HTML页面填充的静态数据

效果图：

静态页面图

我们发现结构完全一样，但是收缩展开图标全部都有，怎么办呢

Js文件：UserTreeView.min.js

$(function () {

//初始化动态加载控件

initialize();

//注册菜单展开收缩事件

$(".parentnode_title_symbol").click(function () {

shrinkage($(this));

})

//注册复选框勾选事件

$(".parentnode_title_check").click(function () {

check($(this));

})

//当没有子节点的div去除样式

upclass();

});

//当没有子节点的div去除样式

function upclass() {

$(".parentnode_title").each(function () {

var me = $(this);

if (me.siblings().length == 0) {

me.find(".parentnode_title_symbol b").css("display","none");

me.find(".parentnode_title_symbol").addClass("parentnode_title_nochildnode_symbol").removeClass("parentnode_title_symbol");

}

})

}

运行效果：

搞定

下面我把完整代码粘贴在下面

HTML页面：UserTreeView.htm

DOCTYPE html>

<html>

<head>

@* *@

<title>用户自定义树形菜单title>

//初始化控件，调用定义的js

function initialize() {

$.ajax({

type: 'POST',

url: "/UserTreeView/Initialize",

data: {},

dataType: "Json",

async: false,//默认是true，false为同步

success: function (data) {

//模拟数据

data = {

"tbFuncDic":

[

{ "FunID": 14,"ParentID": 0, "FunName": "系统管理" },

{ "FunID": 15,"ParentID": 14, "FunName": "用户管理" },

{ "FunID": 16,"ParentID": 14, "FunName": "角色功能管理" },

{ "FunID": 17,"ParentID": 14, "FunName": "角色管理" },

{ "FunID": 18,"ParentID": 14, "FunName": "用户角色管理" },

{ "FunID": 19,"ParentID": 14, "FunName": "部门管理" },

{ "FunID": 20,"ParentID": 14, "FunName": "功能管理" },

{ "FunID": 21,"ParentID": 0, "FunName": "公告管理" },

{ "FunID": 22,"ParentID": 21, "FunName": "发公告" },

{ "FunID": 23,"ParentID": 21, "FunName": "收公告" },

{ "FunID": 24,"ParentID": 18, "FunName": "召回信息" },

{ "FunID": 25,"ParentID": 18, "FunName": "投诉处理" },

{ "FunID": 26,"ParentID": 0, "FunName": "种植企业" },

{ "FunID": 27,"ParentID": 0, "FunName": "存储企业" },

{ "FunID": 28,"ParentID": 0, "FunName": "加工企业" },

{ "FunID": 29,"ParentID": 24, "FunName": "三级" },

{ "FunID": 30,"ParentID": 24, "FunName": "三级" },

{ "FunID": 31,"ParentID": 24, "FunName": "三级" },

{ "FunID": 32,"ParentID": 31, "FunName": "四级" },

{ "FunID": 33,"ParentID": 31, "FunName": "四级" },

]

}

databinding(data);//绑定数据

}

});

}

script>

head>

<body>

@*树形菜单容器*@

div>

body>

html>

CSS页面：UserTreeView.min.css

bodt, html

{

padding: 0;

margin: 0;

border: 0;

font-family: 'Microsoft YaHei';

}

.parentnode

{

border: 1px solid #808080;

width: 280px;

position: relative;

text-align: left;

box-shadow: 0 1px 3px rgba(0,0,0,0.05),0 1px 3px rgba(0,0,0,0.09);

display: inline-block;

vertical-align: top;

}

.parentnode_noe

{

width: 100%;

padding-left: 20px;

}

.parentnode_title

{

width: 100%;

padding: 2px;

}

.parentnode_title_fix

{

height: 24px;

width: 18px;

float: left;

background-repeat: no-repeat;

background-position: center;

background-position-x: center;

background-position-y: center;

}

.parentnode_title_symbol

{

}

.parentnode_title_symbol:hover

{

cursor: pointer;

}

.parentnode_title_symbol b

{

display: none;

}

.parentnode_title_check

{

}

.parentnode_title_check:hover

{

cursor: pointer;

}

.parentnode_title_check b

{

display: none;

}

.parentnode_title_picture

{

width: 24px;

height: 24px;

}

.parentnode_title_nochildnode_symbol

{

width: 18px;

}

.parentnode_title_nochildnode_picture

{

width: 24px;

height: 24px;

}

.parentnode_tow

{

padding-left: 20px;

}

.parentnode_three

{

padding-left: 20px;

}

JS页面：UserTreeView.min.js

$(function () {

//初始化动态加载控件

initialize();

//注册菜单展开收缩事件

$(".parentnode_title_symbol").click(function () {

shrinkage($(this));

})

//注册复选框勾选事件

$(".parentnode_title_check").click(function () {

check($(this));

})

//当没有子节点的div去除样式

upclass();

});

//复选框勾选方法

function check(dom) {

//改变图片背景

switch (parseInt($(dom).children("b").html())) {

case 1:

//1、修改所有子节点选择状态

$(dom).parent().parent().find("b").html("2");

//2、更换所有子节点复选框背景图片(全选)

$(dom).parent().parent().find(".parentnode_title_check").css('background-image','url("../../Image/iconCheckAll.gif")');

break;

case 2:

//1、修改所有子节点选择状态

$(dom).parent().parent().find("b").html("1");

//2、更换所有子节点复选框背景图片(取消全选)

$(dom).parent().parent().find(".parentnode_title_check").css('background-image','url("../../Image/iconUncheckAll.gif")');

break;

case 3:

//1、修改所有子节点选择状态

$(dom).parent().parent().find("b").html("2");

//2、更换所有子节点复选框背景图片(全选)

$(dom).parent().parent().find(".parentnode_title_check").css('background-image','url("../../Image/iconCheckAll.gif")');

break;

default: break;

}

//判断父节点下所有子节点是否全部选中父div->父div->兄弟div

if (($(dom).parent().parent().attr('class')).split(" ")[0] !="parentnode_noe") {

var num = $(dom).parent().parent().siblings().find(".parentnode_title_check b").length;

var checktrue = 0;

var checkfalse = 0;

//alert($(this).find("b").html());//获取点击属性下b标签的内容

if ($(dom).find("b").html() =="1") {

checkfalse++

}

else if ($(dom).find("b").html() =="2") {

checktrue++

}

//获取父节点下所有b标签的内容

for (var i = 0; i < num; i++) {

if (!($(dom).parent().parent().siblings().eq(i).attr('class') =="parentnode_title")) {

if ($(dom).parent().parent().siblings().find(".parentnode_title_check b").eq(i).html() =="1") {

checkfalse++

}

else if ($(dom).parent().parent().siblings().find(".parentnode_title_check b").eq(i).html() =="2") {

checktrue++

}

//全都没有选中

if (checktrue == 0) {

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check b").html("1");

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check").css('background-image','url("../../Image/iconUncheckAll.gif")')

}//全都选中

else if (checkfalse == 0) {

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check b").html("2");

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check").css('background-image','url("../../Image/iconCheckAll.gif")')

}//选中一部分

else if (checktrue != 0 && checkfalse !== 0) {

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check b").html("3");

$(dom).parent().parent().siblings(".parentnode_title").find(".parentnode_title_check").css('background-image','url("../../Image/iconCheckGray.gif")')

}

//菜单子节点展开关闭

function shrinkage(dom) {

//改变图片背景

switch (parseInt($(dom).children("b").html())) {

case 1://关闭

$(dom).css('background-image','url("../../Image/plus.gif")');

$(dom).children("b").html("2");

//$(dom).parent().siblings().css("display", "none");

$(dom).parent().siblings().hide(500);

break;

case 2://展开

$(dom).css('background-image','url("../../Image/minus.gif")');

$(dom).children("b").html("1");

$(dom).parent().siblings().show(500);

break;

default: break;

}

//循环绑定数据

function databinding(data) {

//动态创建树形菜单

var parentnodediv = $(".parentnode");

for (var i = 0; i < data.tbFuncDic.length; i++) {

//最上层父节点

if (data.tbFuncDic[i].ParentID == 0) {

Cycledata(parentnodediv, data.tbFuncDic[i]);

}

//创建子节点

if (data.tbFuncDic.length > 0) {

childnodes(data);

}

//创建子节点

function childnodes(data) {

for (var j = 0; j < $(".parentnode").find(".parentnode_title_name").length; j++) {

for (var i = 0; i < data.tbFuncDic.length ; i++) {

if (data.tbFuncDic[i].ParentID == $(".parentnode").find(".parentnode_title_name")[j].id) {

var parentnodediv = $($(".parentnode").find(".parentnode_title_name")[j]).parent().parent();

Cycledata(parentnodediv, data.tbFuncDic[i]);

}

//绑定数据方法

function Cycledata(parentnodediv, data) {

var parentnode_noe = document.createElement("div");//创建一个div

parentnode_noe.className = " parentnode_noe";//为div添加class

parentnodediv.append(parentnode_noe);//将其添加到div末尾

var parentnode_title = document.createElement("div");//创建一个div

parentnode_title.className = " parentnode_title ";//为div添加class

parentnode_noe.appendChild(parentnode_title);//将其添加到div末尾

var parentnode_title_symbol = document.createElement("div");//创建一个div

parentnode_title_symbol.className = "parentnode_title_symbol parentnode_title_fix ";//为div添加class

parentnode_title.appendChild(parentnode_title_symbol);//将其添加到div末尾

var b = document.createElement("b");//创建一个b标签

b.innerHTML = 1;//为b添加内容

parentnode_title_symbol.appendChild(b);//将其添加到div末尾

var parentnode_title_check = document.createElement("div");//创建一个div

parentnode_title_check.className = "parentnode_title_check parentnode_title_fix";//为div添加class

parentnode_title.appendChild(parentnode_title_check);//将其添加到div末尾

var b = document.createElement("b");//创建一个b标签

b.innerHTML = 1;//为b添加内容

parentnode_title_check.appendChild(b);//将其添加到div末尾

var parentnode_title_picture = document.createElement("div");//创建一个div

parentnode_title_picture.className = "parentnode_title_picture parentnode_title_fix";//为div添加class

parentnode_title.appendChild(parentnode_title_picture);//将其添加到div末尾

var parentnode_title_name = document.createElement("div");//创建一个div

parentnode_title_name.className = "parentnode_title_name";//为div添加class

parentnode_title_name.innerHTML = data.FunName;//为div添加class

parentnode_title_name.id = data.FunID;//为div添加ID

parentnode_title_name.setAttribute("name", data.ParentID);

parentnode_title.appendChild(parentnode_title_name);//将其添加到div末尾

}

//当没有子节点的div去除样式

function upclass() {

$(".parentnode_title").each(function () {

var me = $(this);

if (me.siblings().length == 0) {

me.find(".parentnode_title_symbol b").css("display","none");

me.find(".parentnode_title_symbol").addClass("parentnode_title_nochildnode_symbol").removeClass("parentnode_title_symbol");

}

})

}

你可能感兴趣的:(HTML+JS+CSS自定义树形菜单)

UI学习——cell的复用和自定义cell Magnetic_h ui 学习
目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
c++ 的iostream 和 c++的stdio的区别和联系黄卷青灯77 c++算法开发语言 iostream stdio
在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
使用 FinalShell 进行远程连接（ssh 远程连接 Linux 服务器）编程经验分享开发工具服务器 ssh linux
目录前言基本使用教程新建远程连接连接主机自定义命令路由追踪前言后端开发，必然需要和服务器打交道，部署应用，排查问题，查看运行日志等等。一般服务器都是集中部署在机房中，也有一些直接是云服务器，总而言之，程序员不可能直接和服务器直接操作，一般都是通过ssh连接来登录服务器。刚接触远程连接时，使用的是XSHELL来远程连接服务器，连接上就能够操作远程服务器了，但是仅用XSHELL并没有上传下载文件的功能
Python 实现图片裁剪（附代码） | Python工具剑客阿良_ALiang
前言本文提供将图片按照自定义尺寸进行裁剪的工具方法，一如既往的实用主义。环境依赖ffmpeg环境安装，可以参考我的另一篇文章：windowsffmpeg安装部署_阿良的博客-CSDN博客本文主要使用到的不是ffmpeg，而是ffprobe也在上面这篇文章中的zip包中。ffmpy安装：pipinstallffmpy-ihttps://pypi.douban.com/simple代码不废话了，上代码
高级 ECharts 技巧：自定义图表主题与样式 SnowMan1993 echarts 信息可视化数据分析
ECharts是一个强大的数据可视化库，提供了多种内置主题和样式，但你也可以根据项目的设计需求，自定义图表的主题与样式。本文将介绍如何使用ECharts自定义图表主题，以提升数据可视化的吸引力和一致性。1.什么是ECharts主题？ECharts的主题是指定义图表样式的配置项，包括颜色、字体、线条样式等。通过预设主题，你可以快速更改图表的整体风格，而自定义主题则允许你在此基础上进行个性化设置。2.
Xinference如何注册自定义模型玩人工智能的辣条哥人工智能 AI 大模型 Xinference
环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
uniapp map组件自定义markers标记点以对_ uni-app学习记录 uni-app javascript 前端
需求是根据后端返回数据在地图上显示标记点，并且根据数据状态控制标记点颜色，标记点背景通过两张图片实现控制{{item.options.labelName}}exportdefault{data(){return{storeIndex:0,locaInfo:{longitude:120.445172,latitude:36.111387},markers:[//标点列表{id:1,//标记点idin
《 C++ 修炼全景指南：九》打破编程瓶颈！掌握二叉搜索树的高效实现与技巧 Lenyiin C++修炼全景指南技术指南 c++算法 stl
摘要本文详细探讨了二叉搜索树（BinarySearchTree,BST）的核心概念和技术细节，包括插入、查找、删除、遍历等基本操作，并结合实际代码演示了如何实现这些功能。文章深入分析了二叉搜索树的性能优势及其时间复杂度，同时介绍了前驱、后继的查找方法等高级功能。通过自定义实现的二叉搜索树类，读者能够掌握其实际应用，此外，文章还建议进一步扩展为平衡树（如AVL树、红黑树）以优化极端情况下的性能退化。
笋丁网页自动回复机器人V3.0.0免授权版源码希希分享软希网58soho_cn 源码资源笋丁网页自动回复机器人
笋丁网页机器人一款可设置自动回复，默认消息，调用自定义api接口的网页机器人。此程序后端语言使用Golang，内存占用最高不超过30MB，1H1G服务器流畅运行。仅支持Linux服务器部署，不支持虚拟主机，请悉知！使用自定义api功能需要有一定的建站基础。源码下载：https://download.csdn.net/download/m0_66047725/89754250更多资源下载：关注我。安
WebMagic：强大的Java爬虫框架解析与实战 Aaron_945 Java java 爬虫开发语言
文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的
自定义队列 junjun2018
队列：像排队吃饭一样，先到的先点菜，后来的后点菜。以下代码展示使用单向列表实现的队列。//链表是以节点为单位的，对于单向链表，每个节点中包含一个值和指向下一个对象的引用publicclassNode{Objectvalue;Nodenext;publicNode(Objectvalue){this.value=value;}publicObjectgetValue(){returnvalue;}p
MyBatis 详解阿贾克斯的黎明 java mybatis
目录目录一、MyBatis是什么二、为什么使用MyBatis（一）灵活性高（二）性能优化（三）易于维护三、怎么用MyBatis（一）添加依赖（二）配置MyBatis（三）创建实体类和接口（四）使用MyBatis一、MyBatis是什么MyBatis是一个优秀的持久层框架，它支持自定义SQL、存储过程以及高级映射。MyBatis免除了几乎所有的JDBC代码以及设置参数和获取结果集的工作。它可以通过简
2019-07-09 AutoCompleteTextView 问题皮皮铭
实现自定义Adapter要实现Filterable接口，不然会报错重写getFilter()方法performFiltering()方法实现过滤数据的操作publishResults()用来接收performFiltering()的返回值，发布。
03-Cesium自定义着色器完整代码以及注释 fxshy 着色器 javascript
1.效果展示2.完整代码自定义着色器完整代码#map{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;}Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhZjZkZDAwZC1mNTFhLTRhO
【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言
【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523
自定义分区我的K8409 Hadoop hdfs hadoop 大数据
通过简单例子了解partition分区类的重写方法分区是在MR的过程中进行的，属于Shuffle阶段但是在Job端不要忘记进行调用：job.setPartitionerClass(xxx.class)按照年龄分区：classAgePartitionerextendsPartitioner{@OverridepublicintgetPartition(MyComparablekey,NullWrit
ansible的安装、使用 ytym00
简介高度模块化，调用特定的模块，完成特定的任务，基于Yaml，来完成批量任务的模板化，来支持playbook。基于Python语言实现，主要使用Paramiko、PyYAML和JinJa2三个关键模块，部署简单(agentless)，主从模式，支持自定义模块，支持playbook，幂等性：允许重复执行N次，没有变化时，只会执行第一次。特点：1、Configuration(cfengine,chef
idea使用自定义checkstyle.xml配置文件 Gemkey
1.下载插件image.png2.插件安装完后,找到设置中的checkstyle,点击"+",新增自定义规则image.png3.输入描述信息,点击Browse找到对应的文件image.pngimage.png4.可以把active勾上,则使用默认校验规则,点击OK,则可以开始使用自定义规则检测单个文件了image.png
python之pyecharts制作可视化数据大屏 cesske 大数据
文章目录前言一、安装Pyecharts二、创建Pyecharts图表三、设计大屏布局四、实时数据更新五、部署和展示总结前言使用Pyecharts制作可视化数据大屏是一个复杂但有趣的过程，因为Pyecharts本身是一个用于生成Echarts图表的Python库，而Echarts是由百度开发的一个开源可视化库，支持丰富的图表类型和高度自定义。然而，Pyecharts本身并不直接提供“大屏”的解决方案
Kubernetes 自定义控制器开发 IT回忆录 Kubenetes kubernetes
目录前言一、CRD二、创建数据库表（Mysql）二、控制器开发1.使用kubernetes的examplecontroller模板2.在controller.go中新增数据表监听方法3.修改tools工具生成资源对象结构体定义这里记录开发k8s控制器的一般方式，controller开发主要使用k8s提供的client-go库进行。前言Controller监听集群内部资源对象的变化，编辑资源对象(增
【Python基础】Python迭代器与生成器（两种强大工具）姑苏老陈 Python编程入门 python 开发语言 python迭代器与生成器
本文收录于《Python编程入门》专栏，从零基础开始，分享一些Python编程基础知识，欢迎关注，谢谢！文章目录一、前言二、迭代器2.1创建迭代器2.2自定义迭代器2.3处理大型文件三、生成器四、生成器表达式五、实际应用案例5.1数据库查询5.2网络数据流处理六、总结一、前言在Python中，迭代器与生成器是两种非常强大的工具，它们可以帮助我们有效地处理大量数据，特别是在需要逐个访问元素的情况下。
什么是函数？编写Python函数的步骤？老男孩IT教育 python 开发语言
Python函数是指组织好的、可重复使用的、用来实现单一或相关联功能的代码段。Python函数包含系统中自带的一些函数、第三方函数、以及用户自定义的函数，那么Python如何编写函数?我们通过这篇文章来介绍一下。函数是一组可重复使用的代码块，用于执行特定的任务。它们可以接受输入，执行所需的处理，然后返回输出。编写Python函数的步骤：1、定义函数使用def关键字定义函数，后跟函数名称和圆括号。d
Sentinel 眼泪落在琴弦 springcloud java java
Sentinel（服务熔断降级限流）1.引入spring-cloud-starter-alibaba-sentinel2.下载sentinel服务器3.配置application地址信息4.在控制台调整参数【默认所以流控设置保存在内存中，重启失效】5.想实时监控需每个微服务导入actuator，并配置application暴露所有端口6.自定义sentinel流控返回数据7.配置sentinel类
MATLAB中的函数编写有哪些最佳实践 2401_85812053 matlab 算法人工智能
在MATLAB中，函数是执行特定任务的代码块，可以通过自定义函数来提高代码的可重用性和模块化。以下是一些关于MATLAB函数编写的最佳实践：函数结构和语法：MATLAB函数由函数名、参数列表和函数体组成。函数名必须以字母开头，后面可以跟字母、数字或下划线。参数列表包含函数接收的输入变量，用逗号分隔。函数体包含要执行的代码。functiony=my_function(x)%函数体y=x^2;end参
malloc和new的区别及联系月夜星辉雪数据结构
一.区别1.用法上malloc是一个函数，而new是C++一个操作符malloc需要手动计算开辟的空间大小，new后面只需跟上空间的类型，如果有多个对象，加上[]给个数即可malloc申请的空间不能初始化，而new可以malloc返回void*，需要强制类型转换，而new返回对应类型的指针malloc失败会返回空指针，需要手动检查；new失败抛出异常，要用catch捕获2.底层原理上申请自定义类型
【C语言】C语言中的构造类型（自定义类型）写代码也摆烂 #C语言笔记 c语言
构造类型：也称自定义类型，构造类型是由基本数据类型组成的复合类型。一般用于存储较为复杂的数据。常见的构造类型有结构体（struct）、共用体（union）和枚举（enum）。目录正文一、结构体(struct)1、结构体概念：2、定义结构体类型与结构体变量3、结构体变量的初始化与引用3、结构体数组4、结构体指针*二、共用体（union）三、枚举类型四、用typedef声明新的类型名1、常用的方法有：
electron多标签页模式更像客户端 diygwcom electron javascript 前端
Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser
Axure科技感大屏系统设计：智慧农场管理平台招风的黑耳 Axure axure 科技感可视化智慧农业智慧农场
在数字化转型的浪潮中，数据可视化作为连接现实世界与数字世界的桥梁，正以前所未有的速度改变着各行各业的面貌。智慧农业作为现代农业的重要发展方向，其管理平台的数据大屏设计尤为重要，它不仅是农场运营状况的直接展示窗口，更是决策支持与分析的强有力工具。AxureRP，作为一款强大的原型设计工具，凭借其高度的自定义能力和丰富的交互设计功能，成为了设计科技感十足的智慧农场管理平台大屏的理想选择。Axure在科
B3798 梦熊培养计划 summ1ts 算法数据结构
排序：sort()函数方法1：sort(起始地址，末尾地址+1)；方法2：sort(起始地址，末尾地址+1，cmp)；//cmp是自定义的排序规则sort是默认升序排序的，如果需要自定义排序，可以写一个比较函数，用第二种方法排序。例如：对一个数组a进行升序排列，（a中的元素存储从a[1]~a[n]），则可以写成：sort(a+1,a+1+n);如果元素存储是:a[0]~a[n-1]，则写成：sor
外卖分销分佣小程序外卖cps小程序返利系统源码分享 m0_56957302 java 小程序 linux python docker
外卖返利小程序源码;轻松部署搭建，小程序服务号数据互通；对接美团官方;佣金比例自定义分配;三级分佣，所有资金数据一目了然；拉新立减最低4.9元购月卡；签到20天免费领取会员卡；提现秒到账！外卖cps带分销返利源码源代码地址美团/饿了么外卖CPS联盟返利公众号小程序裂变核心源码截图步骤下载以上源代码到本地http://y.mybei.cn/修改为你自己的微信小程序，打开/dist/pages/ele
java观察者模式 3213213333332132 java 设计模式游戏观察者模式
观察者模式——顾名思义，就是一个对象观察另一个对象，当被观察的对象发生变化时，观察者也会跟着变化。在日常中，我们配java环境变量时，设置一个JAVAHOME变量,这就是被观察者，使用了JAVAHOME变量的对象都是观察者，一旦JAVAHOME的路径改动，其他的也会跟着改动。这样的例子很多，我想用小时候玩的老鹰捉小鸡游戏来简单的描绘观察者模式。老鹰会变成观察者，母鸡和小鸡是
TFS RESTful API 模拟上传测试 ronin47
TFS RESTful API 模拟上传测试。　　细节参看这里：https://github.com/alibaba/nginx-tfs/blob/master/TFS_RESTful_API.markdown 模拟POST上传一个图片： curl --data-binary @/opt/tfs.png http
PHP常用设计模式单例, 工厂, 观察者, 责任链, 装饰, 策略,适配,桥接模式 dcj3sjt126com 设计模式 PHP
// 多态, 在JAVA中是这样用的, 其实在PHP当中可以自然消除, 因为参数是动态的, 你传什么过来都可以, 不限制类型, 直接调用类的方法 abstract class Tiger { public abstract function climb(); } class XTiger extends Tiger { public function climb()
hibernate 171815164 Hibernate
main,save Configuration conf =new Configuration().configure(); SessionFactory sf=conf.buildSessionFactory(); Session sess=sf.openSession(); Transaction tx=sess.beginTransaction(); News a=new
Ant实例分析 g21121 ant
下面是一个Ant构建文件的实例，通过这个实例我们可以很清楚的理顺构建一个项目的顺序及依赖关系，从而编写出更加合理的构建文件。下面是build.xml的代码： <?xml version="1
[简单]工作记录_接口返回405原因 53873039oycg 工作
最近调接口时候一直报错，错误信息是: responseCode:405 responseMsg:Method Not Allowed 接口请求方式Post.
关于java.lang.ClassNotFoundException 和 java.lang.NoClassDefFoundError 的区别程序员是怎么炼成的
真正完成类的加载工作是通过调用 defineClass来实现的；而启动类的加载过程是通过调用 loadClass来实现的；就是类加载器分为加载和定义 protected Class<?> findClass(String name) throws ClassNotFoundExcept
JDBC学习笔记-JDBC详细的操作流程 aijuans jdbc
所有的JDBC应用程序都具有下面的基本流程：　　1、加载数据库驱动并建立到数据库的连接。　　2、执行SQL语句。　　3、处理结果。　　4、从数据库断开连接释放资源。下面我们就来仔细看一看每一个步骤：其实按照上面所说每个阶段都可得单独拿出来写成一个独立的类方法文件。共别的应用来调用。 1、加载数据库驱动并建立到数据库的连接： Html代码 St
rome创建rss antonyup_2006 tomcat cms xml struts Opera
引用 1.RSS标准 RSS标准比较混乱，主要有以下3个系列 RSS 0.9x / 2.0 : RSS技术诞生于1999年的网景公司(Netscape)，其发布了一个0.9版本的规范。2001年，RSS技术标准的发展工作被Userland Software公司的戴夫温那(Dave Winer)所接手。陆续发布了0.9x的系列版本。当W3C小组发布RSS 1.0后，Dave W
html表格和表单基础百合不是茶 html 表格表单 meta 锚点
第一次用html来写东西,感觉压力山大,每次看见别人发的都是比较牛逼的再看看自己什么都还不会, html是一种标记语言,其实很简单都是固定的格式 _----------------------------------------表格和表单表格是html的重要组成部分,表格用在body里面的主要用法如下; <table> &
ibatis如何传入完整的sql语句 bijian1013 java sql ibatis
ibatis如何传入完整的sql语句？进一步说，String str ="select * from test_table"，我想把str传入ibatis中执行，是传递整条sql语句。解决办法： <
精通Oracle10编程SQL(14)开发动态SQL bijian1013 oracle 数据库 plsql
/* *开发动态SQL */ --使用EXECUTE IMMEDIATE处理DDL操作 CREATE OR REPLACE PROCEDURE drop_table(table_name varchar2) is sql_statement varchar2(100); begin sql_statement:='DROP TABLE '||table_name;
【Linux命令】Linux工作中常用命令 bit1129 linux命令
不断的总结工作中常用的Linux命令 1.查看端口被哪个进程占用通过这个命令可以得到占用8085端口的进程号，然后通过ps -ef|grep 进程号得到进程的详细信息 netstat -anp | grep 8085 察看进程ID对应的进程占用的端口号 netstat -anp | grep 进程ID &
优秀网站和文档收集白糖_ 网站
集成 Flex, Spring, Hibernate 构建应用程序性能测试工具-JMeter Hmtl5-IOCN网站 Oracle精简版教程网站鸟哥的linux私房菜 Jetty中文文档 50个jquery必备代码片段 swfobject.js检测flash版本号工具
angular.extend boyitech AngularJS angular.extend AngularJS API
angular.extend 复制src对象中的属性去dst对象中. 支持多个src对象. 如果你不想改变一个对象，你可以把dst设为空对象{}: var object = angular.extend({}, object1, object2). 注意: angular.extend不支持递归复制. 使用方法: angular.extend(dst, src); 参数:
java-谷歌面试题-设计方便提取中数的数据结构 bylijinnan java
网上找了一下这道题的解答，但都是提供思路，没有提供具体实现。其中使用大小堆这个思路看似简单，但实现起来要考虑很多。以下分别用排序数组和大小堆来实现。使用大小堆： import java.util.Arrays; public class MedianInHeap { /** * 题目：设计方便提取中数的数据结构 * 设计一个数据结构，其中包含两个函数，1.插
ajaxFileUpload 针对 ie jquery 1.7+不能使用问题修复版本 Chen.H ajaxFileUpload ie6 ie7 ie8 ie9
jQuery.extend({ handleError: function( s, xhr, status, e ) { // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); }
[机器人制造原则]机器人的电池和存储器必须可以替换 comsci 制造
机器人的身体随时随地可能被外来力量所破坏,但是如果机器人的存储器和电池可以更换,那么这个机器人的思维和记忆力就可以保存下来,即使身体受到伤害,在把存储器取下来安装到一个新的身体上之后,原有的性格和能力都可以继续维持..... 另外,如果一
Oracle Multitable INSERT 的用法 daizj oracle
转载Oracle笔记-Multitable INSERT 的用法 http://blog.chinaunix.net/uid-8504518-id-3310531.html 一、Insert基础用法语法： Insert Into 表名 (字段1,字段2,字段3...） Values (值1,
专访黑客历史学家George Dyson datamachine on
20世纪最具威力的两项发明——核弹和计算机出自同一时代、同一群年青人。可是，与大名鼎鼎的曼哈顿计划（第二次世界大战中美国原子弹研究计划）相比，计算机的起源显得默默无闻。出身计算机世家的历史学家George Dyson在其新书《图灵大教堂》（Turing’s Cathedral）中讲述了阿兰·图灵、约翰·冯·诺依曼等一帮子天才小子创造计算机及预见计算机未来
小学6年级英语单词背诵第一课 dcj3sjt126com english word
always 总是 rice 水稻，米饭 before 在...之前 live 生活，居住 usual 通常的 early 早的 begin 开始 month 月份 year 年 last 最后的 east 东方的 high 高的 far 远的 window 窗户 world 世界 than 比...更
在线IT教育和在线IT高端教育 dcj3sjt126com 教育
codecademy http://www.codecademy.com codeschool https://www.codeschool.com teamtreehouse http://teamtreehouse.com lynda http://www.lynda.com/ Coursera https://www.coursera.
Struts2 xml校验框架所定义的校验文件蕃薯耀 Struts2 xml校验 Struts2 xml校验框架 Struts2校验
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月11日 15:54:59 星期六 http://fa
mac下安装rar和unrar命令 hanqunfeng mac
1.下载：http://www.rarlab.com/download.htm 选择 RAR 5.21 for Mac OS X 2.解压下载后的文件 tar -zxvf rarosx-5.2.1.tar 3.cd rar sudo install -c -o $USER unrar /bin #输入当前用户登录密码 sudo install -c -o $USER rar
三种将list转换为map的方法 jackyrong list
在本文中，介绍三种将list转换为map的方法： 1）传统方法假设有某个类如下 class Movie { private Integer rank; private String description; public Movie(Integer rank, String des
年轻程序员需要学习的5大经验 lampcy 工作 PHP 程序员
在过去的7年半时间里，我带过的软件实习生超过一打，也看到过数以百计的学生和毕业生的档案。我发现很多事情他们都需要学习。或许你会说，我说的不就是某种特定的技术、算法、数学，或者其他特定形式的知识吗？没错，这的确是需要学习的，但却并不是最重要的事情。他们需要学习的最重要的东西是“自我规范”。这些规范就是：尽可能地写出最简洁的代码；如果代码后期会因为改动而变得凌乱不堪就得重构；尽量删除没用的代码，并添加
评“女孩遭野蛮引产致终身不育 60万赔偿款1分未得”医腐深入骨髓 nannan408
先来看南方网的一则报道：再正常不过的结婚、生子，对于29岁的郑畅来说，却是一个永远也无法实现的梦想。从2010年到2015年，从24岁到29岁，一张张新旧不一的诊断书记录了她病情的同时，也清晰地记下了她人生的悲哀。　　粗暴手术让人发寒　　2010年7月，在酒店做服务员的郑畅发现自己怀孕了，可男朋友却联系不上。在没有和家人商量的情况下，她决定堕胎。　　12月5日，
使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件 Everyday都不同 jsp input 回车键绑定 click enter
假设如题所示的事件为同一个，必须先把该js函数抽离出来，该函数定义了监听的处理： function search() { //监听函数略...... } 为input框绑定回车事件，当用户在文本框中输入搜索关键字时，按回车键，即可触发search(): //回车绑定 $(".search").keydown(fun
EXT学习记录 tntxia ext
1. 准备（1）官网：http://www.sencha.com/ 里面有源代码和API文档下载。 EXT的域名已经从www.extjs.com改成了www.sencha.com ，但extjs这个域名会自动转到sencha上。（2）帮助文档：想要查看EXT的官方文档的话，可以去这里h
mybatis3的mapper文件报Referenced file contains errors xingguangsixian mybatis
最近使用mybatis.3.1.0时无意中碰到一个问题： The errors below were detected when validating the file "mybatis-3-mapper.dtd" via the file "account-mapper.xml". In most cases these errors can be d