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>
相关文章
|
消息中间件 缓存 Java
医院信息系统(HIS)的开发架构解析,代码示例
医院信息系统(HIS)是现代医院的核心,其架构设计直接影响系统稳定性、扩展性与用户体验。本文解析HIS架构演进历程,从单机、C/S、B/S到微服务与云原生架构,结合代码示例,深入讲解现代HIS系统的分层架构、核心模块与关键技术实践。
2833 1
MATLAB-Simulink仿真实现OFDM通信系统
【8月更文挑战第7天】本文介绍了在MATLAB-Simulink环境中实现OFDM通信系统仿真的方法,包括发送机、信道和接收机的设计,支持BPSK、QAM等多种调制方式,并考虑了Rician、AWGN、Rayleigh等信道模型。
1329 12
MATLAB-Simulink仿真实现OFDM通信系统
|
ARouter 关系型数据库 MySQL
Django项目同时连接多个不同的数据库(7)
【7月更文挑战第7天】在Django项目中配置连接多个数据库,你需要: 1. 在`settings.py`中配置多个数据库, 2. 在`settings.py`内设置数据库路由,指定每个应用使用的数据库,
633 2
|
机器学习/深度学习 人工智能 自然语言处理
什么是深度学习模型?如何部署它?
【8月更文挑战第23天】
1361 0
|
XML 消息中间件 传感器
HTTP 与 MQTT:为您的 IoT 项目选择最佳协议
HTTP 与 MQTT:为您的 IoT 项目选择最佳协议
3735 2
|
开发框架 中间件 .NET
【愚公系列】2022年03月 ASP.NET Core中间件-功能开关
【愚公系列】2022年03月 ASP.NET Core中间件-功能开关
312 41
|
开发工具 git
Git| 小朋友,你是否知道分离头指针呢?
本文的主要围绕着下面这个问题展开的,在阅读之前可以先自己思考一下问题的答案是什么:HEAD怎么理解? 分离头指针是个什么玩意?
1007 0
|
存储 关系型数据库 MySQL
k3s(1)
k3s(1)
330 0
|
计算机视觉
Qt配置opencv
Qt配置opencv
302 0

热门文章

最新文章