xmlTree标签树形菜单应用实例:B2C网站部门管理

轻开B2C电子商务网站的部门(组织机构)管理是一个典型的树形菜单应用实例,效果如图

下边介绍一下简单的实现流程

1、存储部门信息的xml文件(轻开B2C电子商务网站base目录下的base/dept.xml文件)

<?xml version="1.0" encoding="GBK"?>
<D act="base/xml/DShow.html" color="red" weName="小时代">
<D act="base/xml/DShow.html" color="orange" weName="客户群"></D>
<D color="purple" weName="市场部"></D>
<D color="blue" weName="服务部"></D>
<D color="green" weName="财务科"></D>
<D color="black" weName="项目工程部"></D>
<D color="gray" weName="开发部"></D>
</D>

2、管理的主框架网页(轻开B2C电子商务网站base目录下的base/index.html文件),60行,作用是导航到树形菜单

<TD class="m_out" onmouseup='this.className="m_over"' onmousedown='this.className="m_down"' onmouseover='this.className="m_over"' onmouseout='this.className="m_out"' noWrap><NOBR><IMG src="@{sys:path}images/LiuCheng.gif" border=0 align=absMiddle style="MARGIN-LEFT:3px; MARGIN-RIGHT:5px"><a class=M_Menu href="javascript:void(0)" onClick="lframe.location.href='@{sys:face}base/xml/tree.html?file=base/dept.xml&id=d&url=base/xml/deptShow.html';data.location.href='@{sys:face}base/xml/deptShow.html?file=base/dept.xml&HtokID=d0';openMe('Menu2')" id=Menu2>机构管理</a></NOBR></TD

3、树形菜单页(轻开B2C电子商务网站base/xml目录下的base/xml/dept/tree.html文件)

<html>
<head>
<title>XML树</title>
<chtml file="base/tree/act.htm"/><!-- 引入树操作文件 -->
<style>div{padding-left:0px;padding-top:0px;cursor:normal;font-size:12px}</style>
<LINK href="@{sys:path}base/css/main.css" type="TEXT/CSS" rel="STYLESHEET">
</head>
<body onload="onStart();">
<table border=0 style="overflow:scroll" cellspacing=0 cellpadding=0>
<tr><td height=8></td></tr>
<tr><td>
<chtml>
<if x="@{pPage:file}" else=1>
	<xmlTree>resAdmin.xml</xmlTree>
	<xmlTree id="@{pPage:id}" act="@{pPage:act}" url="@{pPage:url}" imgPath="base/tree">@{pPage:file}</xmlTree>
</if>
</chtml>
</td></tr></table>
</body>
</html>

4、部门信息展示页(轻开B2C电子商务网站base/xml目录下的base/xml/dept/deptShow.html文件)

<!--用户列表-->
<table width="99%" cellpadding="0" cellspacing="0" border="1" bordercolor="#b4b4b4" align=center>
	<tr height=24><th>用户名</th><th>姓名</th><th>职务</th><th>手机</th></tr>
<chtml>
<!-- 每页的长度 -->
<Bag id=pPage><we name=length>20</we></Bag>
<!-- 取总数等 -->
<esql module=base id=count>Select count(base_user.WE_ID) as all_ID,max(base_user.WE_ID) as max_id,min(base_user.WE_ID) as min_id from base_user,user_dept Where DEPT='@{pPage:HtokID}' and user_id=base_user.WE_ID</esql>
<!-- 总页数和最后一页的条数 -->
<bag id=pPage><we name=pages>@{int:@{count:all_id}/@{pPage:length}}</we><we name=odd>@{int:@{count:all_id}%@{pPage:length}}</we></bag>
<if x="@{pPage:odd}" else=1>
	<bag id=pPage x=0><we name=odd>@{pPage:length}</we></bag>
	<bag id=pPage><we name=pages>@{int:@{pPage:pages}+1}</we></bag>
</if>
<!-- 开始页 -->
<if x="@{pPage:start}"><Bag id=pPage><we name=start>@{int:@{count:all_ID}[email protected]{pPage:odd}}</we></Bag></if>
<!-- 去掉符合条件,但不用显示的记录数 -->
<esql module=base id=count1>Select count(base_user.WE_ID) as num from base_user,user_dept where base_user.we_id<'@{int:@{count:min_id}[email protected]{pPage:start}}' and base_user.we_id>='@{count:min_id}' and DEPT='@{pPage:HtokID}' and user_id=base_user.WE_ID</esql>
<!-- 如果最后一页不足,就取实际条数 -->
<if x="@{int:@{pPage:start}/@{pPage:length}+1}">
	<bag id=pPage x="@{pPage:pages}"><we name=length>@{pPage:odd}</we></bag>
</if>
</chtml>
<chtml>
<!-- 查询数据和显示列表 -->
<esql module=base id=list>
select base_user.we_id,USERNAME,mobile,acl,cnname
	from base_user,(
		select temp_id,acl from (
			select base_user.we_id as temp_id,acl from base_user,user_dept
			where base_user.we_id>='@{int:@{count:min_id}[email protected]{pPage:start}}'
				and base_user.we_id<='@{count:max_id}'
				and DEPT='@{pPage:HtokID}'
				and user_id=base_user.WE_ID
			order by temp_id
			limit @{int:@{pPage:start}[email protected]{pPage:length}[email protected]{count1:num}}
		) as t_id
		order by temp_id desc
		limit @{pPage:length}
	) as t_we
where temp_id=base_user.we_id
</esql>
<!-- 每页的长度 -->
<Bag id=pPage><we name=length>20</we><we name=show_url>@{sys:face}base/xml/[email protected]{pPage:HtokID}&WE_ID=</we></Bag>
<for objects=list start="@{list:getLength}" end="0">
	<we>@{base/acl.xml:[email protected]{list:ACL}}</we>
	<tr height="22" class=bg0>
		<td><a href="@{pPage:show_url}@{list:WE_ID}">@{list:USERNAME}</a></td>
		<td><a href="@{pPage:show_url}@{list:WE_ID}">@{list:CNNAME}</a></td>
		<td><a href="@{pPage:show_url}@{list:WE_ID}">@{base/acl.xml:weName}</a></td>
		<td><a href="@{pPage:show_url}@{list:WE_ID}">@{list:MOBILE}</a></td>
	</tr>
</for>
</chtml>
</table>

大家先打开体验一下,回头抽空进行深入介绍,加油

轻松互联网开发平台(Easy Do IT)资源下载

平台及最新开发手册免费下载:http://download.csdn.net/detail/tx18/8464425


开发实例:轻开B2C电子商务网站,免费下载:http://download.csdn.net/detail/tx18/8318585

轻开平台会不定期升级为大家提供更多强大而Easy的功能,请留意下载最新的版本

时间: 2024-10-16 02:11:51

xmlTree标签树形菜单应用实例:B2C网站部门管理的相关文章

使用jquery实现的多级树形菜单代码实例

使用jquery实现的多级树形菜单代码实例:树形菜单在网站中有大量的应用,这当然是因为它的独特优点,首先它可以有效的组织数据,使分类更为清晰明了,通常情况下树形菜单是可以折叠的,这样可以以更小的空间容纳更多的数据,下面就详细介绍一个使用jquery实现的属性菜单.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author&q

三行代码实现树形菜单(xmlTree标签实例)

引入树操作JavaScript脚本文件 <chinahtml file="help/tree/act.htm"/><!-- 引入树操作文件 --> 图片路径及节点编号首字符 <bag id=pPage><we name=imgPath>help/tree</we><we name=id>e</we></bag> 引入xml文件并显示树形菜单 <xmlTree id="@{pP

JavaScript - 高级树形菜单实例

简单的树形菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

xmlTree标签

功能: ·        把xml文件输出成树形菜单 用法: <chinahtml file="help/tree/act.htm"/><!--引入树操作文件 --> <chtml> <bag id=pPage><wename=imgPath>help/tree</we></bag><!-图片路径 --> <xmlTree [id=编号首字符串] [p=属性|属性1|属性2|...]

换静态图片---轻开电子商务系统(企业入门级B2C网站)

一共3个文件: 显示及上传文件:site/links/img_one.html 保存图片文件:site/links/img_one_up1.chtml 导航菜单文件:site/links/menu.html 在轻开电子商务系统(企业入门级B2C网站)的site/links/目录下 显示图片信息且上传表单:site/links/img_one.html 显示标题(从menu.html文件传过来的标题) <tr><th colspan=2>.<font class=listTit

轻开商贸企业入门级电子商务 B2C网站公共版

1      背景 1.1  企业初涉电子商务面临的困扰 1.1.1   不知从何入手 一般企业的IT水平大多处于基本应用阶段,如打字(Word).统计(Excel).交流(发邮件.QQ等).上网(浏览网页.搜索)等等,要上电子商务时,门在哪里是个现实的问题 1.1.2   没有配套的管理系统 需要专门的进销存及库管系统 1.1.3   成本太高 建设成本高.配套系统成本高.专业团队成本高 1.1.4   回报无期 巨大的投入以后,能不能卖得好又是一个现实的问题,卖得好才能确保企业的预期的回报,

easyui实现树形菜单Tab功能、layout布局

一:常见三种前端ui框架 在初学者入门的状态下,我们常见的前端框架有三种且都有自己的官方网站: 1.easyui:官方网站(http://www.jeasyui.net/) 基于jquery的用户页面插件集合,为一些交互的js提供相应的功能,开发者也不需要写特别复杂的javascript方法,可以用html的标签来解决,支持html5可以说算是能满足你的所有需求,节约时间还能扩展需求,虽然简单但是功能强大. 2.Bootstrap:官方网站(http://www.bootcss.com/) Bo

Jquery Easy-UI 树形菜单的运用

一.树形菜单的右键标签 期中增加同级机构.增加下属机构.修改.删除分别是调用了addNode(),del()等方法. <div id="menuTree" class="easyui-menu" style="width: 120px;"> <SecurityTag:Authorize ID="Authorize12" runat="server" FunctionID="fun

用dtree实现树形菜单 dtree使用说明

http://www.jb51.net/article/28566.htm 准备工作: 请从脚本之家http://www.jb51.net/jiaoben/31974.html下载dtree.zip文件 dtree.zip压缩包介绍: dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源. 目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件, 不需要复杂的操作即可生产,同时支持动态从数据库引入数据 解压后有以下几部分: img文件夹: 包含树