menubar小工具 | 学习笔记

简介: 快速学习menubar小工具

开发者学堂课程【Java Web项目实战2:图书商城menubar小工具】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/35/detail/794


menubar小工具


内容简介:

一、创建对象

二、设置图片所在目录

三、分类管理

四、查看分类


一、创建对象

首先创建对象,有两个参数, 第一个参数叫 bar1 , bar1 必须与对象名相同,不要问为什么!var bar1 = new Q6MenuBar( “bar1“ , “ITCAST” 网络商城) ITCAST 网络图书商城: 大标题,大标题显示在 ITCAST 网络图书商城,接下来 function load 在 onload 这被调用,也就是说在文档加载完后会执行代码 var bar1=new Q6MenuBar(“bar1”,“ITCAST 网络图书商城”),会调用对象colorstyle ,设置本色方案,配置方案,一共四种,: 0.1.2.3.


二、设置图片所在目录

指定图片目录 menu 下的 img 目录,像分类管理,加号就是透明色,若背景色再是白色,就看不见,因为透明色自己处理不了,必须得是专业人士才能处理,这两张图片可以换,但是加减不可以换,再往后就是菜单之中是否相互排斥,不排斥的话就是分类管理和图书管理都能打开,订单管理也能打开;排斥的话就不能后一起打开。 将后台页面打开,打开主页,会发现

  • 分类管理,查看分类,添加分类。
  • 图书管理,查看图书,添加图书。
  • 订单管理,所有订单,未支付订单,已支付订单,未收货订单,已完成订单。 找到后台页面,打开,打开主页,找到 main 再来看 main 里面写的什么,Q6menubar 这个东西的原版在 menu 里有一个 mymenujs ,定义了一个类,叫 Q6MenuBar 。


三、分类管理

指定要添加的菜单名称,如果这个名称的菜单已经存在,不会重复添加。

四、查看分类

指定要添加的菜单项名称,分类管理有查看分类,是菜单项,添加分类。 点击查看分类,就会查看 category 和 list 来,最后 body 结果的显示框架页名称,就是这 main 里面指定的位置。 相同的名称是不重复添加的,这个特性是很重要的,获取 div 元素,把菜单对象转化成字符串,赋给 <div> 元素做内容,我们把元素变成字符串,放到 div 里面去, menu 里面是空的,等我们执行完这段代码,里面的内容都添加进去了,然后整个程序就完成了。

            </div>
相关文章
|
监控 Linux Shell
(二)Linux命令行工具进阶:探索高级功能
在Linux系统中,命令行工具提供了丰富的高级功能,用于处理文本、管理进程、监控系统性能等任务。本文将深入探讨一些高级命令和技巧,帮助您更加高效地利用Linux命令行。
103 1
|
数据可视化 算法 定位技术
SWMM从入门到实践教程 01 SWMM软件介绍
SWMM(Storm Water Management Model)是一款用于城市暴雨径流模拟和城市雨水管理的计算机软件。SWMM软件最初由美国环保局(EPA)开发,现在已经成为一个广泛使用的软件,用于设计、规划和管理城市排水系统。
|
8月前
|
机器学习/深度学习 数据采集 数据可视化
Python数据分析入门:基础知识与必备工具
【4月更文挑战第12天】Python是大数据时代数据分析的热门语言,以其简单易学和丰富库资源备受青睐。本文介绍了Python数据分析基础,包括Python语言特点、数据分析概念及其优势。重点讲解了NumPy、Pandas、Matplotlib、Seaborn和Scikit-learn等必备工具,它们分别用于数值计算、数据处理、可视化和机器学习。此外,还概述了数据分析基本流程,从数据获取到结果展示。掌握这些知识和工具,有助于初学者快速入门Python数据分析。
161 2
|
4月前
|
Go iOS开发 MacOS
学习笔记-代码调试工具
dlv(delve的简称)是一个强大的Go源代码级调试工具,通过控制程序执行、计算变量及提供线程/协程状态等信息,为调试Go程序提供了简单且功能丰富的界面。在macOS上,可以通过`brew install dlv`命令安装。下面是一个使用dlv调试Go代码的例子,展示了如何设置断点并逐步执行代码,检查变量值和函数内部细节。常用命令包括:`b`(打断点)、`p`(打印变量)、`n`(下一步)、`c`(继续执行)、`args`(打印参数)、`locals`(打印局部变量)、`l`(列出代码)、`bp`(显示断点)和`q`(退出)。
48 2
|
数据库连接 测试技术 开发工具
猿创征文|工具百宝箱-编辑器-笔记工具-日常小工具-原型设计工具
猿创征文|工具百宝箱-编辑器-笔记工具-日常小工具-原型设计工具
|
Linux
【实用工具合集】建议部署小工具设计
【实用工具合集】建议部署小工具设计
99 0
|
移动开发 数据可视化 前端开发
工具使用| 学习笔记
快速学习工具使用。
工具使用| 学习笔记
|
前端开发 IDE Java
开发工具介绍|学习笔记
快速学习开发工具介绍
|
Ubuntu 虚拟化 数据安全/隐私保护
|
Web App开发 数据采集 自然语言处理
60 个相见恨晚的神器工具
让WebP图片下载为PNG格式,从Github批量下载表情包,一键滚动截屏整个网页,助你快速成为B站老司机,一键分析网站技术栈,翻录网页视频神器等等。这些功能,都能在Chrome中使用件简单实现。不信?你往下看就行了。最近,GitHub上有个名为ChromeAppHeroes的项目登上了趋势榜。
296 0
60 个相见恨晚的神器工具