html部分截图 不多说直接上js /*左侧导航栏*/var sect=$(".sect"); $(".nav-list .nav-a").each(function(i){ $(this).on("click",function(){ $(this).addClass("cur").siblings().removeClass("cur"); $(".content-all .sec"…
在日常的开发工作中,面对后台的日益增长的业务,以及后期业务的迭代开发,通常会选择添加菜单栏的形式来扩充业务功能,同样日益增长的后台菜单选项也为我们后期的维护,产生了一定的困难性.为此我总结出自己关于左侧菜单栏的管理模式或者方法.仅供参考. 在通常的开发中,对菜单栏的生成一般是通过以下几种方式: (1)模板文件对变量的遍历(接下来以thinkPHP5为例) (2)直接通过PHP进行组装 关于(2)直接通过PHP进行组装,不建议这样做,这样做会增大PHP代码与HTML的耦合与黏连,不利于代码的友好性…
WebStorm左侧菜单栏 webstorm是一款前端IDE利器,个人感觉黑色的背景比较炫酷,刚开始从网上下载的主题只能修改编辑窗口的背景色,经过查询资料终于把左边菜单栏的背景色也修改了. 第一步:点击"file --> settings",如下图所示: 第二步:选择appearance->Theme选择darcula(黑色主题) 在 IDE Settings > Appearance 的右边菜单里,选择 Theme > Darcula主题即可.IDE Sett…
1.简介 上一篇咱们说到,网易云音乐的左侧菜单栏可以通过Expander+RadioButton来实现,具体如何实现,咱们下面开始干: 首先来一张网易云音乐PC版原图(个人觉得PC版比UWP版左侧菜单好看点): 然后当然是再上以下咱们做出的效果图了: 还原度百分之百有没有... 2.上硬菜 首先是无边框窗口方案,这里使用的是DMSkin for WPF,Github地址:https://github.com/944095635/DMSkin-for-WPF Expander <ControlTe…
这个页面header部分是100%的宽度,60px的高度,左侧是刚好一屏的高度,180的宽度,右侧的部分把剩余的空间占满,刚开始的时候还没怎么接触这样的页面,以为使用js读取浏览的可视化宽高,然后在做计算,但是因为后面做的页面需要自适应屏幕的大小而发生变化,于是我用了jquery中的$(window).resize()方法,当屏幕出现各种各样的大小或者以各种方式打开浏览器的时候会出现很多问题,很多时候当屏幕很小的打开页面的时候,页面是乱的,刷新一次之后,才恢复正常.后来我发现这种方式实不可取的,…
查找标签 选择器: 基本选择器(同css) id选择器 $("#id") 标签选择器 $('tagName') class选择器 $(".className") 配合使用 $("div.c1") 所有元素选择器 $('*') 组合选择器 $('#id, .className, tagName') 层级选择器: (同css) x和y可以为任意选择器 $("x y") $("x>y") $("x…
WebStrom一直以来都是默认的白色主题,今天想修改了下主题皮肤,结果导致左侧项目资源栏和顶部菜单栏也变成了黑色,结果无法改变回来,网上查了各种帖子,居然也没找到解决方法,自己研究了半天,终于搞定了,嘿嘿~ 网上大部分帖子貌似都是说在设置里面改,我找了半天也没有 最后在视图菜单下,有个快速切换方案里面找到了,哈哈,皇天不负有心人啊~~ 然后选择 4.切换外观与风格 选择对应的风格,原来默认的白色是:2.Ally. IDEA Theme…
ws配置了git进行版本管理,但是最近改了主题,发现左侧列表的文件名的颜色都是一个颜色了.我想要的是,对未提交的文件用颜色区分,新建的,修改的,冲突的分别设置不同的颜色,不知在哪里能设置,求助 老规矩 没图没真相!说明:设置好了后 要关闭重启一下工具 就生效了! d设置路径 参考地址:https://segmentfault.com/q/1010000004670019…
以thinkPHP5.0为例 后台config.php文件里配置 //配置文件设置菜单内容属性 'menu' => [ [ 'name' => '菜单栏1', 'url' => '/admin/index/one', 'status'=> 0, 'sub'=> 0 ], [ 'name' => '菜单栏2', 'url' => '#', 'status'=> 0, 'sub'=>[ [ 'name' => '子菜单栏1', 'url' =>…
(如有错敬请指点,以下是我工作中遇到并且解决的问题)上一篇文章是简洁版 这是上一篇文章的改进. 上一篇文章的左侧菜单是没有子目录的. 这是效果图: 左侧菜单代码: <div class="left"> <ul class="left_main"> <li class="ma-li"> <p>生活常用</p> <ul> <li class="one-px-lin…
其中后端代码不包含权限控制,同时支持二级(无子菜单) 和 三级菜单(无子菜单). 1.layui前端代码:(其他前端框架实现方法通用,不过需要修改js中append对应标签元素即可) <div class="layui-side layui-bg-black"> <div class="layui-side-scroll"> <!-- 左侧导航区域(可配合layui已有的垂直导航) --> <ul class="l…
[解决方法] According to Wictor Wilén, The Client Object Model is fairly limited when it comes to working with Web Parts. Basic operations such as adding and removing Web Parts can be done as well as changing some default properties of the Web Part (such…
1. Mock.js 前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景: 1. 老大,接口文档还没输出,我的好多活干不下去啊! 2. 后端小哥,接口写好了没,我要测试啊! 前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点 Mock.js是一个模拟数据的生成器,用来帮助前端调试开发.进行前后端的原型分离以及用来提高自动化测试效率. Mock模块安装mockjs依赖下载这个模块npm install mockjs -D如果在packag…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .header{ font-size: 30px;background-color:#2459a2;width: 90px;line-height: 48px;color: white; } .hide…
DJIconView.m #import "DJIconView.h" @implementation DJIconView - (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { // self.backgroundColor = [UIColor redColor]; self.imageView.layer.cornerRadius = ; [self setI…
DJHomeViewController.m #import "DJHomeViewController.h" #import "DJMenuView.h" ; ; @interface DJHomeViewController () @property (nonatomic,weak) DJMenuView *menuView; @end @implementation DJHomeViewController - (void)viewDidLoad { [sup…
<template> <div id="leftMenuList"> <el-row> <el-col :span="24"> <el-menu :default-active="currentMenu" active-text-color="#ffd04b" router> <el-menu-item index="/homePage"&g…
修改public\vendor\laravel-admin\laravel-admin里面的laravel-admin.js $(window).on('load',function(){ $('.sidebar-menu a').each(function () { if (this.href === window.location.href){ $(this).parent().addClass('active') .closest('.treeview-menu') .addClass('…
从零开始写一个武侠冒险游戏-0-开发框架Codea简介 作者:FreeBlues 修订记录 2016.06.21 初稿完成. 2016.08.03 增加对 XCode 项目文件的说明. 概述 本游戏全程使用一款运行于 iPad 上的开发工具类 APP--Codea 来开发, Codea 是一款 轻量级 + 全功能的开发工具, 它既是一个: 运行时库-Runtime 也是一个: 框架-Frameworks 还是一个: 集成开发环境-IDE 更是一个: 调试服务器-debugSever, 可通过浏览…
1. 后台管理登录功能实现 1.1 后台管理页面登录表单LoginForm 在app的admin目录下创建forms.py文件,用来保存admin蓝图中需要使用到的表单 from flask_wtf import FlaskForm from wtforms import StringField, PasswordField, SubmitField, FileField, TextAreaField, SelectField, SelectMultipleField from wtforms.…
<div class="ly-content-list"> <ul> <li> <div class="title"> <p>HBTMNO1234567890</p> <span></span> </div> <div class="content"> <p>账号:22</p> <p>姓名:测…
Expression构建DataTable to Entity 映射委托   1 namespace Echofool.Utility.Common { 2 using System; 3 using System.Collections.Generic; 4 using System.Data; 5 using System.Linq.Expressions; 6 using System.Reflection; 7 using System.Reflection.Emit; 8 9 publ…
Media queries是CSS3引入的一个特性,使用它可以方便的实现各种响应式效果.在这个示例中我们将会使用media queries实现一个响应式的菜单.这个菜单会根据当前浏览器屏幕的大小变化而自动的呈现出不同的样式.如果浏览器屏幕大于800px,菜单则会显示在页面左侧:如果浏览器屏幕介于401px到800px之间,菜单则会显示在页面上方,与其他内容是上下关系:如果屏幕小于400px,则菜单仍在页面上方,但是菜单会变为下拉列表形式. 预览地址: http://htmlpreview.git…
使用media Queries实现一个响应式的菜单   Media queries是CSS3引入的一个特性,使用它可以方便的实现各种响应式效果.在这个示例中我们将会使用media queries实现一个响应式的菜单.这个菜单会根据当前浏览器屏幕的大小变化而自动的呈现出不同的样式.如果浏览器屏幕大于800px,菜单则会显示在页面左侧:如果浏览器屏幕介于401px到800px之间,菜单则会显示在页面上方,与其他内容是上下关系:如果屏幕小于400px,则菜单仍在页面上方,但是菜单会变为下拉列表形式.…
简单的实现方式 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> #button{ display:inline-block; } ul{ list-style: none; } li{ background-color: red; display:…
本文转自:https://blog.csdn.net/s31415926_004/article/details/84256587 其实这篇文章是给自己看的,以后忘记怎么做回来还能看一下哈哈哈哈哈哈哈哈...嗝 点击左侧菜单栏只刷新局部,局部就用iframe. 首先先建layout页,建左侧菜单栏,然后下面的@RenderBody() <div class="layui-side layui-bg-black"> <div class="layui-side…
制作一个左侧菜单栏,包含菜单目录和内容 点击菜单栏才会展示内容,否则隐藏内容 二.事例 2.1 菜单栏基本样式 <body> <div style="height: 48px;width: 200px"> <div class="item"> <div class="header">菜单1</div> <div class="content"> <d…
效果图 代码部分 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>综合信息</title> <style> html,body { width: 100%; height: 100%; font-family: "…
目录 使用的技术 基础但不好版 1.初始化项目 2.实现初始页内容自定义 3.使用路由 原始代码 自建页面 修改路由 4.测试路由跳转 补充 子路由版 嵌套router-view 定义子路由 修改菜单 修改component 补充 带请求版 统一配置axios实例 定义API调用信息 调用API 使用mock 代码 未涉及问题 首发日期:2019-06-27 使用的技术 vue.js+element UI+mock.js vue.js是核心 element UI是一个支持vue.js的UI组件库…
在前面已经说了,如何打开jumpserver的管理控制台并且自定义自己的数据模型.接下来实现一个自定义的功能模块. 先看效果! 一 定义好自己的模型(model) 1.1 这一块儿在前一篇博文已经讲过了 二 定义好自己的app(这里注意 一定要自定义app,不要在源码上修改别人的app,因为jumperver的源码不是那么简单的..可能用各种问题) 2.1 python manage.py startapp XXX 通过以上步骤就可以建立自己的app 三  自定义URL 这块儿不难, 直接把我新…