menubar小工具 | 学习笔记-阿里云开发者社区

开发者社区> 学堂小助手> 正文

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ECS使用感受
阿里云服务器初体验
4 0
ECS初体验
esc简单的初体验
4 0
微服务架构 | *2.3 Spring Cloud 启动及加载配置文件源码分析(以 Nacos 为例)
Spring Cloud 要实现统一配置管理,需要解决两个问题:如何获取远程服务器配置和如何动态更新配置;在这之前,我们先要知道 Spring Cloud 什么时候给我们加载配置文件;
5 0
冬季实战营第一期:从零到一上手玩转云服务器学习报告
从零到一上手玩转云服务器,第一期学习报告
4 0
微服务架构 | *2.4 Nacos 获取配置与事件订阅机制的源码分析
为方便理解与表达,这里把 Nacos 控制台和 Nacos 注册中心称为 Nacos 服务器(就是 web 界面那个),我们编写的业务服务称为 Nacso 客户端; 由于篇幅有限,这里将源码分析分为上下两篇,其中上篇讲获取配置与事件订阅机制,下篇讲长轮询定时机制;
4 0
ECS使用体验
使用阿里云服务器搭建个人博客网站
4 0
冬季实战营第一期学习报告
1月17至22日,我有幸参加了阿里云组织的“冬季实战营第一期:从零到一上手玩转云服务器”抱着期待和学习的心情,我参与其中,经过训练,收益良多、颇有收获
16 0
学习报告第一期
我有幸参加了阿里云组织的“冬季实战营第一期:从零到一上手玩转云服务器”抱着期待和学习的心情,我参与其中,经过训练,收益良多、颇有收获
3 0
C# 同步 异步 回调 状态机 async await Demo
C# 同步 异步 回调 状态机 async await Demo 我们项目的客户端和服务端通信用的是WCF,我就想,能不能用异步的方式调用WCF服务呢?或者说能不能用async await的方式调用WCF服务呢?
6 0
1214
文章
0
问答
来源圈子
更多
技术图谱:由专家组参与技术图谱的绘制与编写,知识与实践的结合让开发者们掌握学习路线与逻辑,快速提升技能 电子书:电子书由阿里内外专家打造,供开发者们下载学习,更与课程相结合,使用户更易理解掌握课程内容 训练营:学习训练营 深入浅出,专家授课,带领开发者们快速上云 精品课程:汇集知识碎片,解决技术难题,体系化学习场景,深入浅出,易于理解 技能自测:提供免费测试,摸底自查 体验实验室:学完即练,云资源免费使用
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载