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 里面是空的,等我们执行完这段代码,里面的内容都添加进去了,然后整个程序就完成了。

相关文章
在选择服务器上
在选择服务器上
111 1
|
Shell Linux API
C语言在linux环境下执行终端命令
本文介绍了在Linux环境下使用C语言执行终端命令的方法。首先,文章描述了`system()`函数,其可以直接执行shell命令并返回结果。接着介绍了更强大的`popen()`函数,它允许程序与命令行命令交互,并详细说明了如何使用此函数及其配套的`pclose()`函数。此外,还讲解了`fork()`和`exec`系列函数,前者创建新进程,后者替换当前进程执行文件。最后,对比了`system()`与`exec`系列函数的区别,并针对不同场景推荐了合适的函数选择。
|
C++ Python
Python函数参数传递:传值还是传引用
Python函数参数传递:传值还是传引用
161 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的高校毕业设计信息管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的高校毕业设计信息管理系统附带文章源码部署视频讲解等
158 1
|
机器学习/深度学习 PyTorch 算法框架/工具
SENet代码复现+超详细注释(PyTorch)
SENet代码复现+超详细注释(PyTorch)
1404 1
|
人工智能 BI
leetcode-399:除法求值
leetcode-399:除法求值
142 0
|
Android开发 芯片
【Android篇】MTK平台编译流程
MTK是联发科技的缩写,是一家面向全球的半导体芯片厂商。如果你要编译MTK Android代码,可以按如下步骤进行: 1配置环境变量 在.终端输入以下命令,将编译所需的工具链路径加入环境变量中。
1001 0
|
算法 Java Python
leetcode:3.无重复字符的最长子串
首先最容易想到的就是暴力解法,列出所有的子字符串,然后逐个检查是否包含重复的字符就行了,这样思路很简单,但是效率太慢,不推荐。
76 0