树形管理工具-美美哒

最新推荐文章于 2025-05-20 12:18:04 发布

原创最新推荐文章于 2025-05-20 12:18:04 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#树形管理

【Html】同时被 2 个专栏收录

3 篇文章

订阅专栏

【JavaScript】

1 篇文章

订阅专栏

本文讲述了程序员如何注重软件界面的美观性，以吸引用户。通过电视剧《花千骨》的例子强调美的吸引力，并分享了一个使用EditPlus编辑的HTML和树形结构的Demo，展示了界面布局的重要性。作者提倡在开发中投入更多精力于设计，以提升软件的整体体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


         人的一切都应该是美丽的：面貌、衣裳、心灵、思想。你是社会的一份子，是否想过能用你那双美丽的双手绘制出一幅靓丽的美景，为社会填一份你的

岗位上画出漂亮的一道风景。
 
        爱美之心人皆有之。“美”是人世间万事万物所向往和追求的目标。画家是靠各种颜色绘制出美的作品；摄影师依靠光线拍摄出美的照片；厨师依靠各种食材烹制出美味的佳肴；而程序员，写的代码不单单是为了实现多么高大上的功能，我们可以用我们的键盘敲打出让客户怦然心动的界面，用给我的代码绘制出漂漂亮亮的布局。
 
       最近相当火爆的一步电视剧花千骨收视率为何如此之高，即使追剧追的相当狗血，但是依然有不少的关注忍住凌晨12点以后的困劲去看呢？剧情美、画面美、颜值高。我是这么总结的。嘿嘿。所以，美的东西当然喜欢的人多了。
 
         看到这么美的画面，你难道不想看看这部电视剧吗？我是敲代码的，不是宣传电视剧的，回归正题。
 
        界面是我们系统的门面，不论什么时候，都会成为客户最为关注的焦点。对于功能的布局是否合理，我们也要全面考虑，让自己的界面漂漂亮亮哒、功能漂漂亮亮的。如果软件的布局不合理，不符合大众的习惯，即使功能很强大，但这依然是一个欠打的软件，使用者不会使用的。本着全心全意为人民服务的原则开发我们的软件。
 
       咳咳。。。最近看SSH商城，后台页面的布局以及树形结构的使用，来看看小编我的小Demo吧。成型的小工具呈现在此。看亮点哦，左下角的树形结构，可别光关注画骨和杀骨哦。




    使用的工具：EditPlus工具编辑html代码、美图秀秀秀出美美哒的照片，图片很美吧。赞一个呗。
 
      看布局，一共分为了三部分，上，左，右。上班是标题位置，美美哒。左边是树形结构，不太美，因为是最基础的树形结构，以后给大家程序美美哒的树形结构，期待吧。右边是我的照片显示部分。
     新建4个和html文件。top.html、tree.html、right.html、home.html;引入两个文件，一个树形文件的js文件，一个css文件。
Home：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
 </HEAD>

<FRAMESET ROWS="30%,*">
	<FRAME SRC="top.html" NAME="top">
	<FRAMESET COLS="15%,*">
		<FRAME SRC="tree.html" NAME="left">
		<FRAME SRC="right.html" NAME="right">
	</FRAMESET>
</FRAMESET>
</HTML>

tree:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
	<title>Tree</title>

	<link rel="StyleSheet" href="dtree.css" type="text/css" />
	<script type="text/javascript" src="dtree.js"></script>

</head>

<body>

<div class="dtree">

	<p><a href="javascript: d.openAll();">打开</a> | <a href="javascript: d.closeAll();">关闭</a></p>

	<script type="text/javascript">
		<!--

		d = new dTree('d');

		d.add(0,-1,'照片管理');
		d.add(1,0,'综艺节目','tree.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
		d.add(2,1,'跑男','data.html','','right');
		d.add(3,1,'快乐大本营','right.html','','right');
		d.add(4,0,'电视剧','tree.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');
		d.add(5,4,'花千骨','me.html','','right');
	
		document.write(d);

	</script>

</div>
</body>

</html>

最近在做一个项目，使用WPF开发的，虽然项目存在很多问题，但是系统的界面是相当美观的，而且有一定的灵活性，受到很多人的夸奖。人们第一评价的就是界面，然后才是功能的实现，用户用着好的软件才算是好软件。漂亮的布局和会让你的软件加分的。为你的软件装扮装扮吧，让用户怦然心动。

项目中的一个架构师说过，我们应该用六分之一的精力敲代码，六分之五的精力去设计我们的软件。我们往往关注开发，敲着又臭又长的代码，时间就这么一点点的过去。多花点精力在架构设计，大数据，界面等上面。女程序员就不要做程序猿了，争取做一个程序媛，让我们的软件美美哒。